.navigation{position:fixed;top:0;left:0;right:0;height:60px;border-bottom:1px solid var(--border-color);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-dark .navigation{background:#0a0a0acc}.theme-light .navigation{background:#f5f5f5cc}.nav-container{max-width:100%;margin:0 auto;padding:0 2rem;height:100%;display:flex;align-items:center;justify-content:space-between}.nav-left{display:flex;align-items:center;gap:2rem}.nav-logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none;text-shadow:0 0 10px var(--primary-color);transition:all .3s ease}.nav-logo:hover{text-shadow:0 0 20px var(--primary-color);transform:scale(1.05)}.nav-link{color:var(--text-primary);text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:all .3s ease;position:relative}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--primary-color);transition:all .3s ease;transform:translate(-50%)}.nav-link:hover:after,.nav-link.active:after{width:80%}.nav-link:hover{color:var(--primary-color);text-shadow:0 0 5px var(--primary-color)}.nav-link:hover:after{background:var(--primary-color)}.nav-link.active{color:var(--primary-color);text-shadow:0 0 5px var(--primary-color)}.nav-right{display:flex;align-items:center;gap:1rem}.nav-button{background:transparent;border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:1rem;font-family:var(--font-body)}.nav-button:hover{background:var(--btn-gradient);border-color:transparent;color:var(--text-dark);box-shadow:0 0 10px var(--btn-primary)}.nav-button.logout{background:#ef44441a;border-color:#ef44444d}.nav-button.logout:hover{background:#ef444433;border-color:#ef444480}.user-balance{background:var(--btn-gradient);color:var(--text-dark);padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:1rem;box-shadow:0 2px 8px #0003}.nav-user{color:var(--text-secondary);font-size:.9rem}@media (max-width: 768px){.nav-container{padding:0 1rem}.nav-left{gap:1rem;flex-wrap:wrap}.nav-logo{font-size:1.25rem}.nav-link{padding:.4rem .75rem;font-size:.9rem}.nav-right{gap:.5rem}.nav-button{padding:.4rem .75rem;font-size:.9rem}.nav-user{display:none}}@media (max-width: 480px){.nav-container{padding:0 .5rem}.nav-left{gap:.5rem}.nav-logo{font-size:1rem}.nav-link{padding:.3rem .5rem;font-size:.8rem}.nav-right{gap:.25rem}.nav-button{padding:.3rem .5rem;font-size:.8rem}}.home-page{min-height:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1.5rem 0 0}.home-content{position:relative;z-index:1;text-align:center;width:100%;max-width:1200px;flex-shrink:0;padding:.5rem 2rem 0}.home-title{font-family:var(--font-heading);font-size:4rem;color:var(--text-primary);text-shadow:0 0 20px var(--primary-color);margin:0 0 2rem;animation:shimmer 2s infinite;white-space:nowrap}@keyframes shimmer{0%,to{text-shadow:0 0 20px var(--primary-color)}50%{text-shadow:0 0 30px var(--primary-color),0 0 40px var(--primary-color)}}.home-bg-wrap{width:100%;margin-top:auto;flex-shrink:0;line-height:0;overflow:hidden;align-self:stretch}.home-bg{width:100%;height:auto;display:block;object-fit:cover;object-position:bottom center;vertical-align:bottom}@media (max-width: 768px){.home-content{padding-left:1rem;padding-right:1rem}.home-title{font-size:2.5rem;margin-bottom:1.5rem}.home-bg-wrap{height:35vh;min-height:160px}.home-bg{width:100%;height:100%;object-fit:cover;object-position:bottom center}}@media (max-width: 480px){.home-content{padding-left:.75rem;padding-right:.75rem}.home-title{font-size:1.75rem;margin-bottom:1rem;white-space:normal}.home-bg-wrap{height:28vh;min-height:120px}}.orders-page{width:100%}.tracking-file-input-hidden{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.orders-page .page-header{margin-bottom:1.5rem}.orders-page .page-title{margin:0}@media (max-width: 768px){.orders-page .page-header{margin-bottom:1rem}}.chats-page{width:100%;padding:2rem;display:flex;flex-direction:column;height:calc(100vh - 80px)}.chat-container{flex:1;display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;max-width:800px;margin:0 auto;width:100%}.chat-header{padding:1rem 1.5rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.chat-header h2{margin:0;color:var(--text-primary);font-size:1.2rem}.chat-messages{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.no-messages{text-align:center;color:var(--text-secondary);padding:3rem 1rem;font-style:italic}.message{display:flex;margin-bottom:.5rem}.message-admin{justify-content:flex-start}.message-courier{justify-content:flex-end}.message-content{max-width:70%;padding:.75rem 1rem;border-radius:12px;background:var(--bg-primary);border:1px solid var(--border-color)}.message-admin .message-content{background:var(--primary-color);color:var(--text-dark);border-color:var(--primary-color)}.message-courier .message-content{background:var(--bg-primary);color:var(--text-primary)}.message-sender{font-size:.85rem;font-weight:600;margin-bottom:.25rem;opacity:.8}.message-text{word-wrap:break-word;line-height:1.5}.message-time{font-size:.75rem;opacity:.6;margin-top:.25rem}.chat-input-form{display:flex;padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-primary);gap:.75rem}.chat-input{flex:1;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:1rem}.chat-input:focus{outline:none;border-color:var(--primary-color)}.chat-input:disabled{opacity:.5;cursor:not-allowed}.chat-send-button{padding:.75rem 1.5rem;background:var(--primary-color);color:var(--text-dark);border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.chat-send-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.chat-send-button:disabled{opacity:.5;cursor:not-allowed}.custom-select{position:relative;width:100%}.select-trigger{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .3s ease;min-height:44px}.select-trigger:hover{border-color:var(--btn-primary);box-shadow:0 0 5px #10b98133}.select-trigger:focus{outline:none;border-color:var(--btn-primary);box-shadow:var(--input-focus-glow)}.select-value{color:var(--text-primary);font-size:1rem;font-weight:500}.select-arrow{color:var(--text-secondary);font-size:12px;transition:transform .3s ease}.select-arrow.open{transform:rotate(180deg)}.select-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;margin-top:4px;max-height:300px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px #0000004d;animation:dropdown .2s ease}@keyframes dropdown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.select-option{padding:.75rem;color:var(--text-primary);cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--border-color)}.select-option:last-child{border-bottom:none}.select-option:hover{background:#10b98133;color:var(--primary-color)}.select-option.selected{background:var(--btn-gradient);color:var(--text-dark);font-weight:600}.select-option.selected:hover{background:var(--btn-gradient-hover);color:var(--text-dark)}.custom-checkbox{display:flex!important;align-items:center!important;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none;width:auto;flex-wrap:nowrap}.checkbox-input{display:none}.checkbox-custom{width:24px;height:24px;min-width:24px;min-height:24px;border:2px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;background:var(--bg-primary);flex-shrink:0}.checkbox-input:checked+.checkbox-custom{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 10px #10b98180}.checkbox-checkmark{color:var(--text-dark);font-size:16px;font-weight:700;animation:checkmark .2s ease}@keyframes checkmark{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.checkbox-label{color:var(--text-primary);font-size:1rem;line-height:1.5;display:inline-block;vertical-align:middle}.form-group .custom-checkbox{margin:0!important;padding:0!important;display:flex!important;align-items:center!important;width:auto!important}.custom-checkbox:hover .checkbox-custom{border-color:var(--primary-color);box-shadow:0 0 5px #10b9814d}.checkbox-input:disabled+.checkbox-custom{opacity:.5;cursor:not-allowed}.profile-page{width:100%;padding:2rem}.profile-form-container{max-width:600px;margin:2rem auto;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:2rem}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--text-primary);font-weight:500;font-size:.95rem}.form-group input[type=text],.form-group select{padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:1rem;transition:all .3s ease}.form-group input[type=text]:focus,.form-group select:focus{outline:none;border-color:var(--btn-primary);box-shadow:0 0 10px #10b9814d}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.form-error{padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;font-size:.9rem}.form-success{padding:.75rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:6px;color:var(--primary-color);font-size:.9rem}.form-actions{display:flex;gap:1rem;margin-top:1rem}.form-actions button{flex:1}.form-actions button:disabled{opacity:.5;cursor:not-allowed}.layout{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.main-content{flex:1;min-height:0;margin-top:60px;position:relative;z-index:1;overflow:hidden}.main-content>div{position:absolute;top:0;left:0;width:100%;height:100%;padding:2rem;overflow-y:auto;overflow-x:hidden;scroll-behavior:auto;-webkit-overflow-scrolling:touch}.main-content>div[data-no-scroll=true]{overflow:hidden!important}.main-content>div.main-home{padding:0}[data-scroll-animation=on] .main-content>div{scroll-behavior:smooth}@media (max-width: 768px){.main-content{padding:1rem;margin-top:60px}.main-content>div{padding:1rem;overflow-x:visible}}@media (max-width: 900px) and (orientation: portrait){.main-content>div{overflow-x:visible}}@media (max-width: 480px){.main-content{padding:.75rem}.main-content>div{padding:.75rem}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-container{position:relative;z-index:1;background:var(--bg-secondary);padding:3rem;border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-glow);width:100%;max-width:400px}.login-title{font-family:var(--font-heading);font-size:2rem;color:var(--text-primary);text-align:center;margin-bottom:2rem;text-shadow:0 0 10px var(--primary-color);animation:shimmer 2s infinite}@keyframes shimmer{0%,to{text-shadow:0 0 10px var(--primary-color)}50%{text-shadow:0 0 20px var(--primary-color),0 0 30px var(--primary-color)}}.login-message{color:var(--text-secondary);text-align:center;margin:0;font-size:1rem;line-height:1.5}.login-error{color:#ef4444;text-align:center;margin:0 0 1rem;padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-form .form-group{display:flex;flex-direction:column;gap:.5rem}.login-form .form-group label{color:var(--text-primary);font-size:.9rem}.login-form .form-group input{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:.75rem;border-radius:6px;font-size:1rem}.login-form .form-group input:focus{outline:none;border-color:var(--primary-color, #6366f1)}.password-input-wrapper{display:flex;align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.password-input-wrapper .password-input{flex:1;border:none;min-width:0}.password-input-wrapper .password-input:focus{box-shadow:none}.password-toggle{display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer}.login-button{background:var(--primary-color, #6366f1);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:.25rem}.login-button:hover:not(:disabled){opacity:.9}.login-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.login-container{padding:2rem 1.5rem;max-width:90%;margin:1rem}.login-title{font-size:1.5rem}}@media (max-width: 480px){.login-container{padding:1.5rem 1rem}.login-title{font-size:1.25rem;margin-bottom:1.5rem}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.page-title{font-family:var(--font-heading);font-size:2rem;color:var(--text-primary);text-shadow:0 0 10px var(--primary-color)}.table-container{width:100%;overflow:visible;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);margin-bottom:2rem}@media (max-width: 768px),(max-width: 900px) and (orientation: portrait){.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;overflow-y:visible}.data-table{min-width:480px}}.data-table{width:100%;border-collapse:collapse;table-layout:fixed}.data-table thead{background:var(--bg-primary);border-bottom:2px solid var(--border-color)}.data-table th{padding:1rem;text-align:left;color:var(--text-primary);font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;white-space:normal;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.data-table tbody tr{border-bottom:1px solid var(--border-color);transition:all .3s ease}.data-table.show-animation tbody tr{animation:slideInFromLeft .5s ease-out forwards;opacity:0}.data-table tbody tr:hover{background:var(--bg-primary)}.data-table tbody tr:last-child{border-bottom:none}.data-table td{padding:1rem;color:var(--text-primary);font-size:.95rem;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:normal;vertical-align:top}.data-table td button{margin-top:4px;margin-bottom:4px}.table-row-clickable{cursor:pointer}.table-row-clickable:hover{background:var(--bg-primary)!important}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:700;white-space:normal;word-break:break-word}.edit-button-small{padding:.5rem 1rem;background:transparent;border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem;white-space:normal;word-break:break-word}.edit-button-small:hover{background:var(--btn-gradient);border-color:transparent;color:var(--text-dark)}.assign-button-small{padding:.5rem 1rem;background:var(--btn-gradient);color:var(--text-dark);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem;white-space:normal;word-break:break-word}.assign-button-small:hover{background:var(--btn-gradient-hover);box-shadow:0 0 10px var(--btn-primary)}.status-sent{background:#10b98133;color:var(--primary-color)}.status-received{background:#3b82f633;color:#3b82f6}.loading-row td{text-align:center;padding:2rem;color:var(--text-secondary)}@media (max-width: 768px){.table-container{border-radius:0;border-left:none;border-right:none;margin-left:-1rem;margin-right:-1rem;width:calc(100% + 2rem)}.data-table{font-size:.85rem}.data-table th,.data-table td{padding:.75rem .5rem}.edit-button-small,.assign-button-small{padding:.4rem .8rem;font-size:.8rem}.data-table th{font-size:.8rem;padding:.75rem .4rem}}@media (max-width: 480px){.page-title{font-size:1.5rem}.table-container{margin-left:-.75rem;margin-right:-.75rem;width:calc(100% + 1.5rem)}}button.create-button,.create-button{background:var(--btn-gradient)!important;color:var(--text-dark)!important;border:none!important;padding:.75rem 1.5rem!important;border-radius:8px!important;font-size:1rem!important;font-weight:600!important;font-family:var(--font-body)!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:0 2px 4px #0000001a!important}.filter-modal-footer .edit-button-small,.filter-modal-footer .assign-button-small{min-width:100px}.filter-modal-footer button:disabled,.assign-button-small:disabled,.edit-button-small:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.filter-modal-footer button:disabled:hover,.assign-button-small:disabled:hover,.edit-button-small:disabled:hover{box-shadow:none!important}html,body,*{scrollbar-width:thin!important;scrollbar-color:var(--primary-color) var(--bg-secondary)!important}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:var(--primary-color)!important;border-radius:6px!important;border:2px solid var(--bg-secondary)!important;transition:background .3s ease!important}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}.filter-modal-content::-webkit-scrollbar{width:8px}.filter-modal-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.filter-modal-content::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.filter-modal-content::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}.table-container{scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--bg-primary)}.filter-modal-content{scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--bg-secondary)}.page-container{width:100%;height:100%;overflow-y:auto;overflow-x:hidden}.main-content>div[style*="opacity: 0"]{scrollbar-width:none;-ms-overflow-style:none;pointer-events:none}.main-content>div[style*="opacity: 0"]::-webkit-scrollbar{display:none}.data-table tbody tr{animation:none!important;opacity:1!important}.data-table.initial-load tbody tr{animation:slideInFromLeft .5s ease-out forwards!important;opacity:0!important}.data-table.initial-load tbody tr:nth-child(1){animation-delay:.05s!important}.data-table.initial-load tbody tr:nth-child(2){animation-delay:.1s!important}.data-table.initial-load tbody tr:nth-child(3){animation-delay:.15s!important}.data-table.initial-load tbody tr:nth-child(4){animation-delay:.2s!important}.data-table.initial-load tbody tr:nth-child(5){animation-delay:.25s!important}.data-table.initial-load tbody tr:nth-child(6){animation-delay:.3s!important}.data-table.initial-load tbody tr:nth-child(7){animation-delay:.35s!important}.data-table.initial-load tbody tr:nth-child(8){animation-delay:.4s!important}.data-table.initial-load tbody tr:nth-child(9){animation-delay:.45s!important}.data-table.initial-load tbody tr:nth-child(10){animation-delay:.5s!important}.data-table.initial-load tbody tr:nth-child(n+11){animation-delay:.55s!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.filter-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:3000;animation:fadeIn .3s ease}.filter-modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:2rem;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease;box-shadow:var(--shadow-glow)}.filter-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.filter-modal-header h2{font-family:var(--font-heading);color:var(--text-primary);text-shadow:0 0 10px var(--primary-color);margin:0;font-size:1.25rem}.filter-modal-close{background:transparent;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s ease}.filter-modal-close:hover{background:var(--bg-primary);color:var(--primary-color)}.filter-modal-body{display:flex;flex-direction:column;gap:1rem}.filter-modal-body p,.filter-modal-body .form-group{margin:0;color:var(--text-primary);font-size:.95rem}.filter-modal-body .form-group label{display:block;margin-bottom:.35rem;color:var(--text-secondary);font-size:.9rem}.filter-modal-body .form-group input,.filter-modal-body .form-group textarea{width:100%;padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:6px;font-size:1rem;font-family:var(--font-body);transition:all .3s ease}.filter-modal-body .form-group input:focus,.filter-modal-body .form-group textarea:focus{outline:none;border-color:var(--btn-primary);box-shadow:var(--input-focus-glow)}.filter-modal-body a{color:var(--primary-color)}.tracking-download-list{display:flex;flex-wrap:wrap;gap:.5rem}.photo-uploaded-msg{color:var(--primary-color);font-weight:500}.redirect-photo-upload{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.required-asterisk{color:#ef4444}.photo-required-hint{margin:.5rem 0 0;font-size:.85rem;color:var(--text-secondary)}.filter-modal-footer{display:flex;gap:1rem;margin-top:1.5rem;justify-content:flex-end;flex-wrap:wrap}.modal-error{color:#ef4444;font-size:.9rem;margin-top:.5rem}.wait-msg{color:var(--text-secondary);font-style:italic}@media (max-width: 768px){.filter-modal-content{width:95%;padding:1.5rem;max-height:85vh}.filter-modal-header h2{font-size:1.1rem}}@media (max-width: 480px){.filter-modal-content{padding:1.25rem}.filter-modal-footer{flex-direction:column}.filter-modal-footer button{width:100%}}.theme-dark{--bg-primary: var(--bg-dark);--bg-secondary: #0a0a0a;--text-primary: var(--text-dark);--text-secondary: #a0a0a0;--border-color: rgba(16, 185, 129, .3);--bg-gradient: linear-gradient(135deg, var(--primary-color) 0%, var(--bg-dark) 100%)}.theme-light{--bg-primary: var(--bg-light);--bg-secondary: #f5f5f5;--text-primary: var(--text-light);--text-secondary: #666666;--border-color: rgba(16, 185, 129, .3);--bg-gradient: linear-gradient(135deg, var(--primary-color) 0%, var(--bg-light) 100%)}.app{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);position:relative;overflow-x:hidden}.app-content{position:relative;z-index:1}@font-face{font-family:Exo2;src:url(/courier/fonts/fonts/Exo_2/static/Exo2-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Exo2;src:url(/courier/fonts/fonts/Exo_2/static/Exo2-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Orbitron;src:url(/courier/fonts/fonts/Orbitron/static/Orbitron-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Orbitron;src:url(/courier/fonts/fonts/Orbitron/static/Orbitron-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Montserrat;src:url(/courier/fonts/fonts/Montserrat/static/Montserrat-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Montserrat;src:url(/courier/fonts/fonts/Montserrat/static/Montserrat-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Montserrat;src:url(/courier/fonts/fonts/Montserrat/static/Montserrat-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Montserrat;src:url(/courier/fonts/fonts/Montserrat/static/Montserrat-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Rubik;src:url(/courier/fonts/fonts/Rubik/static/Rubik-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Rubik;src:url(/courier/fonts/fonts/Rubik/static/Rubik-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Roboto;src:url(/courier/fonts/fonts/Roboto/static/Roboto-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(/courier/fonts/fonts/Roboto/static/Roboto-Bold.ttf) format("truetype");font-weight:700;font-style:normal}:root{--primary-color: #10b981;--primary-dark: #059669;--primary-light: #34d399;--btn-dark1: #047857;--btn-dark2: #059669;--btn-mid: #0d8f5e;--btn-primary: #10b981;--btn-light: #34d399;--btn-gradient: radial-gradient(ellipse 55% 180% at 15% 50%, var(--btn-dark1) 0%, var(--btn-dark1) 35%, transparent 65%), radial-gradient(ellipse 55% 180% at 38% 50%, var(--btn-dark2) 0%, var(--btn-dark2) 35%, transparent 65%), radial-gradient(ellipse 55% 180% at 55% 50%, var(--btn-mid) 0%, var(--btn-mid) 35%, transparent 65%), var(--btn-primary);--btn-gradient-hover: radial-gradient(ellipse 55% 180% at 15% 50%, var(--btn-dark2) 0%, var(--btn-dark2) 35%, transparent 65%), radial-gradient(ellipse 55% 180% at 38% 50%, var(--btn-mid) 0%, var(--btn-mid) 35%, transparent 65%), radial-gradient(ellipse 55% 180% at 55% 50%, var(--btn-primary) 0%, var(--btn-primary) 35%, transparent 65%), var(--btn-light);--input-focus-glow: 0 0 0 1px var(--btn-primary), 0 0 10px 2px var(--btn-mid), 0 0 18px 4px var(--btn-dark2);--bg-dark: #000000;--bg-light: #ffffff;--text-dark: #ffffff;--text-light: #000000;--border-color: rgba(16, 185, 129, .3);--shadow-glow: 0 0 20px rgba(16, 185, 129, .5);--font-heading: "Exo2", "Orbitron", sans-serif;--font-body: "Montserrat", "Rubik", "Roboto", sans-serif;--scroll-duration: .4s}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;scroll-behavior:auto}[data-scroll-animation=on] html{scroll-behavior:smooth}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;margin:0;padding:0}#root,.app{min-height:100vh}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.5rem;color:var(--text-dark);font-family:var(--font-body)}button.create-button,.create-button{background:var(--btn-gradient)!important;color:var(--text-dark)!important;border:none!important;padding:.75rem 1.5rem!important;border-radius:8px!important;font-size:1rem!important;font-weight:600!important;font-family:var(--font-body)!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:0 2px 4px #0000001a!important;position:relative!important;overflow:hidden!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}button.create-button:hover,.create-button:hover{background:var(--btn-gradient-hover)!important;box-shadow:0 4px 12px #10b98166!important;transform:translateY(-2px)!important}html,body{scrollbar-width:thin!important;scrollbar-color:var(--primary-color) var(--bg-secondary)!important}html::-webkit-scrollbar,body::-webkit-scrollbar{width:12px!important;height:12px!important}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:var(--bg-secondary)!important;border-radius:6px!important}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:var(--primary-color)!important;border-radius:6px!important;border:2px solid var(--bg-secondary)!important}html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover{background:var(--primary-light)!important;box-shadow:0 0 10px #10b98180!important}