*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}.app-body{background:var(--color-background);color:var(--color-text)}.app-main{padding:80px 0 40px;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;width:100%}.navigation{background-color:#fff;color:var(--color-text);position:fixed;top:0;width:100%;border-bottom:1px solid #e0e0e0;z-index:1000;padding:10px 0}.navigation__container{display:flex;justify-content:space-between;align-items:center;padding:0 15px;max-width:1200px;margin:0 auto}.navigation__left-part{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.navigation__logo{font-size:1.4em;margin-right:12px;color:var(--color-text);white-space:nowrap}.navigation__logo--blue{color:var(--color-primary)}.navigation__balances{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.navigation__balance-item{display:flex;align-items:center;background-color:var(--color-primary);color:#fff;padding:3px 8px;border-radius:15px;font-weight:500;font-size:.75em;transition:background .3s;white-space:nowrap}.navigation__balance-item i{margin-right:3px;font-size:.8em}.navigation__balance-item:hover{background-color:#3a007a}.navigation__mobile-btn{display:none;background:none;border:none;font-size:1.3em;color:var(--color-text);cursor:pointer;padding:4px;z-index:1002}.navigation__nav{display:flex;align-items:center;gap:10px}.navigation__nav a{color:var(--color-text);text-decoration:none;font-weight:500;transition:color .3s;display:flex;align-items:center;position:relative;font-size:.85em;white-space:nowrap}.navigation__nav a i{margin-right:4px}.navigation__nav a:hover,.navigation__nav-link--active{color:var(--color-primary)!important}.navigation__nav-link--active:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background-color:var(--color-primary)}.navigation__profile{position:relative}.navigation__dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:8px 0;min-width:140px;box-shadow:0 3px 8px #0000001a;display:none;z-index:1001}.navigation__dropdown li{list-style:none}.navigation__dropdown a{display:block;padding:6px 12px;color:var(--color-text);text-decoration:none;transition:background .3s;font-size:.85em}.navigation__dropdown a:hover{background-color:#f5f5f5;color:var(--color-primary)}.navigation__profile:hover .navigation__dropdown{display:block}.navigation__badge{display:inline-block;padding:4px .65em 3px;font-size:.75em;font-weight:700;line-height:1;color:var(--color-text-secondary);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.375rem;background-color:var(--color-primary);margin-left:5px}.navigation__close{display:none;position:absolute;top:15px;right:15px;background:none;border:none;font-size:1.3em;color:var(--color-text);cursor:pointer;padding:4px;z-index:1002}@media (max-width: 768px){.navigation__container{padding:0 10px}.navigation__mobile-btn{display:block}.navigation__nav{position:fixed;top:0;left:-100%;width:250px;height:100vh;background:#fff;flex-direction:column;gap:0;padding:60px 20px 20px;box-shadow:2px 0 12px #0000001f;transition:left .3s ease;overflow-y:auto;z-index:1001}.navigation__nav--active{left:0}.navigation__nav a{width:100%;padding:12px 0;border-bottom:1px solid #f5f5f5;justify-content:flex-start;font-size:.9em}.navigation__nav a:last-child{border-bottom:none}.navigation__balances{display:none}.navigation__logo-balance{flex:1}.navigation__profile .navigation__dropdown{position:static;box-shadow:none;border:none;display:block;padding:8px 0 0 15px;margin-top:4px;background:#fafafa;border-radius:6px}.navigation__close{display:block}.navigation__nav--unauth{display:flex;flex-direction:row;position:static;width:auto;height:auto;padding:0;box-shadow:none;background:transparent;gap:8px}.navigation__badge{position:static;margin-left:8px;width:20px;height:20px}}footer{background-color:#333;color:#fff;padding:30px 0 20px;font-size:.9em;margin-top:40px}footer .container{padding:0 20px;max-width:1200px;margin:0 auto}.footer-columns{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:25px}.footer-column{flex:1;min-width:200px}.footer-column h4{font-size:1.2em;margin-bottom:18px;color:#fff;font-weight:600;position:relative;padding-bottom:8px}.footer-column h4:after{content:"";position:absolute;bottom:0;left:0;width:35px;height:3px;background:#4a00e0;border-radius:2px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:10px}.footer-links li a{color:#ccc;text-decoration:none;transition:all .2s ease;display:block;padding:5px 0;font-size:.9em;position:relative}.footer-links li a:hover{color:#fff;transform:translate(5px)}.footer-links li a:before{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:#4a00e0;transition:width .3s ease}.footer-links li a:hover:before{width:100%}.social-icons{display:flex;gap:15px;margin-bottom:20px}.social-icons a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#4a00e033;color:#fff;border-radius:50%;text-decoration:none;transition:all .3s ease;font-size:1.2em}.social-icons a:hover{background:#4a00e0;transform:translateY(-3px);box-shadow:0 5px 15px #4a00e066}.newsletter-form{display:flex;margin-top:15px;flex-direction:column;gap:12px}.newsletter-form input{padding:12px 15px;border:none;border-radius:6px;outline:none;font-size:.95em;background:#ffffff1a;color:#fff;transition:all .3s ease}.newsletter-form input:focus{background:#ffffff26;box-shadow:0 0 0 2px #4a00e080}.newsletter-form input::-moz-placeholder{color:#999}.newsletter-form input::placeholder{color:#999}.newsletter-form button{padding:12px 20px;background:#4a00e0;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:500}.newsletter-form button:hover{background:#3a007a;transform:translateY(-2px);box-shadow:0 5px 15px #4a00e04d}.footer-bottom{text-align:center;padding-top:20px;margin-top:20px;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom p{margin:0;color:#999;font-size:.9em}.footer-bottom p span{color:#4a00e0;font-weight:600}@media (max-width: 768px){footer{padding:25px 0 15px;margin-top:30px}.footer-columns{flex-direction:column;gap:0;margin-bottom:20px}.footer-column{min-width:100%;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1)}.footer-column:last-child{border-bottom:none}.footer-column h4{font-size:1.1em;margin-bottom:0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding-right:20px}.footer-column h4:after{content:"";font-family:"Font Awesome 5 Free";font-weight:900;font-size:.9em;transition:transform .3s ease;background:none;position:static;width:auto;height:auto;color:#4a00e0}.footer-column.active h4:after{transform:rotate(180deg)}.footer-links{max-height:0;overflow:hidden;transition:max-height .4s ease}.footer-column.active .footer-links{max-height:500px;margin-top:15px}.social-icons{justify-content:center;margin-bottom:15px}.newsletter-form{margin-top:15px}}@media (max-width: 480px){footer{padding:20px 0 10px}.footer-column{padding:12px 0}.footer-column h4{font-size:1.05em}.footer-links li a{font-size:.9em}.social-icons a{width:38px;height:38px;font-size:1.1em}.newsletter-form input,.newsletter-form button{padding:10px 15px;font-size:.9em}.footer-bottom{padding-top:15px;margin-top:15px}.footer-bottom p{font-size:.85em}}@media (min-width: 769px){.footer-column h4:after{display:none}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.modal-overlay.active{opacity:1;visibility:visible}.contact-modal{background:#fff;padding:30px;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;transform:translateY(-50px);transition:transform .3s ease;position:relative}.modal-overlay.active .contact-modal{transform:translateY(0)}.modal-close{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;transition:color .3s ease}.modal-close:hover{color:#4a00e0}.contact-modal h3{color:#4a00e0;margin-bottom:20px;text-align:center;font-size:1.5em}.contact-form{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-weight:500;color:#333;font-size:.9em}.form-group input,.form-group textarea{padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:1em;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4a00e0}.form-group textarea{min-height:120px;resize:vertical}.contact-form button{background:#4a00e0;color:#fff;padding:12px 20px;border:none;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:background .3s ease;margin-top:10px}.contact-form button:hover{background:#3a007a}.form-success{background:#d4edda;color:#155724;padding:15px;border-radius:8px;text-align:center;display:none}.form-success.active{display:block}.content__section{max-width:1200px;margin:auto;width:100%}.content__container{width:90%;padding:20px}.content__section h2{font-size:2.5em;color:#333;margin-bottom:40px;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px}.content__section h2 i{color:var(--color-primary)}.content__alert--success{background-color:#efe;border:1px solid #cfc;color:#363;padding:12px;margin-bottom:20px;border-radius:4px;text-align:center}.content__alert--errror{background-color:#fee;border:1px solid #fcc;color:#c33;padding:12px;margin-bottom:20px;border-radius:4px}.criteria-box{background:#fff;border-radius:15px;padding:25px;margin-bottom:30px;box-shadow:0 4px 15px #0000000d}.criteria-box h3{font-size:1.4em;color:#333;margin-bottom:20px;display:flex;align-items:center;gap:10px}.criteria-box h3 i{color:#4a00e0}.criteria-list{list-style:none;padding:0;margin-bottom:20px}.criteria-item{display:flex;justify-content:space-between;align-items:center;padding:15px;margin-bottom:10px;background:#f9f9f9;border-radius:10px;border-left:4px solid #4A00E0}.criteria-text{font-size:1em;color:#333}.criteria-check{color:#28a745;font-weight:700;display:flex;align-items:center;gap:5px}.criteria-fail{color:#dc3545;font-weight:700;display:flex;align-items:center;gap:5px}.criteria-note{font-size:.9em;color:#666;font-style:italic;text-align:center;padding:10px;background:#fff8e1;border-radius:8px;border-left:4px solid #ffc107}.no-access-message{text-align:center;padding:40px;background:#fff;border-radius:15px;color:#666;font-size:1.1em;box-shadow:0 4px 15px #0000000d}.no-access-message i{color:#ffc107;font-size:2em;margin-bottom:15px}.filters{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin-bottom:30px}.search-bar{padding:10px 15px;border:1px solid #ddd;border-radius:30px;width:200px;font-size:1em;transition:border-color .3s;color:#333;background-color:#fff}.search-bar:focus{border-color:#4a00e0;outline:none}.filter-dropdown{padding:10px 15px;border:1px solid #ddd;border-radius:30px;font-size:1em;transition:border-color .3s;width:180px;color:#333;background-color:#fff}.filter-dropdown:focus{border-color:#4a00e0;outline:none}.btn-filter{background-color:#4a00e0;color:#fff;padding:10px 20px;border-radius:30px;border:none;font-weight:700;cursor:pointer;transition:background .3s,transform .3s;display:flex;align-items:center;gap:5px;box-shadow:0 4px 10px #4a00e033}.btn-filter:hover{background-color:#3a007a;transform:translateY(-3px);box-shadow:0 8px 20px #3a007a4d}.order-count{text-align:center;font-size:1.2em;margin-bottom:30px;color:#333}.order-count strong{color:#4a00e0}.orders-list{display:flex;flex-direction:column;gap:20px}.order-card{background:#fff;border-radius:15px;padding:20px;box-shadow:0 4px 15px #00000014;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s;border-left:4px solid #4A00E0}.order-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.order-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.order-info{flex:1}.order-card-header h3{font-size:1.4em;color:#333;margin:0 0 10px;cursor:pointer;transition:color .3s}.order-card-header h3:hover{color:#4a00e0}.order-budget{background:#4a00e0;color:#fff;padding:8px 15px;border-radius:20px;font-weight:700;display:flex;align-items:center;gap:5px;font-size:.9em}.order-card-body{margin-bottom:15px}.order-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:15px}.order-detail{display:flex;align-items:center;gap:10px}.order-detail i{font-size:1.2em;color:#4a00e0;width:20px}.order-detail p{font-size:.9em;color:#555;margin:0}.order-description{font-size:.9em;color:#666;line-height:1.5;padding:15px;background:#f9f9f9;border-radius:8px;border-left:3px solid #4A00E0}.order-description strong{color:#333}.order-card-footer{text-align:right}.btn-take-order{background-color:#28a745;color:#fff;padding:12px 25px;border-radius:30px;border:none;font-weight:700;cursor:pointer;transition:background .3s,transform .3s;display:inline-flex;align-items:center;gap:8px;font-size:.95em;box-shadow:0 4px 15px #28a7454d}.btn-take-order:hover{background-color:#218838;transform:translateY(-3px);box-shadow:0 8px 20px #21883866}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:40px}.page-link{color:#333;background-color:#fff;text-decoration:none;padding:10px 15px;border:1px solid #ddd;border-radius:30px;transition:background .3s,color .3s}.page-link:hover{background-color:#f0f0f0}.page-link.active{background-color:#4a00e0;color:#fff}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;overflow-y:auto;background-color:#00000080}.modal-content{background-color:#fff;margin:5% auto;padding:30px;border-radius:15px;width:90%;max-width:700px;position:relative;box-shadow:0 8px 25px #0003;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.close-button{color:#aaa;position:absolute;top:15px;right:20px;font-size:28px;font-weight:700;cursor:pointer}.close-button:hover,.close-button:focus{color:#000;text-decoration:none;cursor:pointer}.modal-content h2{margin-bottom:25px;color:#4a00e0;text-align:center;font-size:1.8em;font-weight:700}.order-details{margin-bottom:25px;background-color:#fdfdfd;padding:25px;border-radius:12px;box-shadow:0 4px 15px #0000000d}.order-field{display:flex;align-items:flex-start;margin-bottom:18px}.order-field label{width:160px;font-weight:700;color:#333;display:flex;align-items:center;flex-shrink:0;font-size:.95em}.order-field label i{margin-right:12px;color:#4a00e0;font-size:1.1em}.order-field span,.order-field p{flex:1;font-size:.95em;color:#555}.order-field p{margin-top:0;line-height:1.5}.description-field{align-items:flex-start}.attached-files{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:12px}.attached-files li{background-color:#fff;padding:10px 15px;border-radius:8px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;gap:10px;transition:background .3s,box-shadow .3s}.attached-files li:hover{background-color:#f0f0f0;box-shadow:0 4px 12px #0000001f}.attached-files li a{color:#4a00e0;text-decoration:none;font-weight:700;font-size:.9em}.attached-files li a:hover{text-decoration:underline}.action-section{text-align:center;margin-top:25px}.btn-take-order-modal{background-color:#28a745;color:#fff;padding:15px 30px;border-radius:30px;border:none;font-weight:700;cursor:pointer;transition:background .3s,transform .3s;display:inline-flex;align-items:center;gap:10px;font-size:1em;box-shadow:0 4px 15px #28a7454d}.btn-take-order-modal:hover{background-color:#218838;transform:translateY(-3px);box-shadow:0 8px 20px #21883866}@media (max-width: 768px){main{padding:80px 0 30px}.order-feed-section h2{font-size:1.8rem;margin-bottom:25px}.filters{flex-direction:column;gap:10px}.search-bar,.filter-dropdown{width:100%;max-width:300px}.order-card{padding:15px}.order-card-header{flex-direction:column;gap:15px}.order-budget{align-self:flex-start}.order-details-grid{grid-template-columns:1fr}.modal-content{width:95%;margin:10% auto;padding:20px 15px}.order-field{flex-direction:column;align-items:flex-start;gap:8px}.order-field label{width:100%;margin-bottom:5px}.pagination{flex-wrap:wrap;gap:5px}.page-link{padding:8px 12px;font-size:.85rem}}:root{--color-primary: #4A00E0;--color-secondary: #3A007A;--color-text: #333333;--color-text-secondary: #ffffff;--color-background: #f8f9fa;--color-border: #e0e0e0}