:root{--primary: #ffffff;--primary-hover: #e2e8f0;--accent: #94a3b8;--accent-light: #cbd5e1;--bg-color: #080808;--bg-secondary: #111111;--surface: rgba(18, 18, 18, .9);--surface-hover: rgba(28, 28, 28, .95);--glass-border: rgba(255, 255, 255, .08);--glass-border-hover: rgba(255, 255, 255, .16);--text-main: #f1f5f9;--text-muted: #64748b;--text-subtle: #334155;--success: #86efac;--danger: #fca5a5;--warning: #fde68a;--info: #bae6fd;--radius-sm: .375rem;--radius: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6;color:var(--text-main);background-color:var(--bg-color);background-image:radial-gradient(ellipse at 0% 0%,rgba(255,255,255,.03) 0,transparent 60%),radial-gradient(ellipse at 100% 100%,rgba(255,255,255,.02) 0,transparent 60%);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,textarea,select{font-family:Inter,system-ui,sans-serif;font-size:1rem;background:#ffffff0a;border:1px solid var(--glass-border);padding:.75rem 1rem;border-radius:var(--radius);color:var(--text-main);outline:none;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,textarea:focus,select:focus{border-color:#ffffff4d;box-shadow:0 0 0 3px #ffffff0d;background:#ffffff0f}select option{background:#1a1a1a;color:var(--text-main)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.app-container{min-height:100vh;display:flex;flex-direction:column}.app-container>main{flex:1}.glass{background:var(--surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d;transition:border-color .2s,box-shadow .2s}.glass:hover{border-color:var(--glass-border-hover);box-shadow:0 12px 48px #00000080,inset 0 1px #ffffff12}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--text-muted);font-size:1rem;letter-spacing:.05em}.navbar{height:64px;display:flex;align-items:center;position:sticky;top:0;z-index:100;background:#080808d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border)}.navbar .container{display:flex;justify-content:space-between;align-items:center;width:100%;position:relative}.logo{font-size:1.25rem;font-weight:800;color:var(--text-main);letter-spacing:-.02em;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .2s}.logo:hover{opacity:.8}.nav-links{display:flex;align-items:center;gap:.5rem}.nav-links button{background:transparent;border:none;color:var(--text-muted);font-family:Inter,sans-serif;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s;padding:.5rem .875rem;border-radius:var(--radius);white-space:nowrap}.nav-links button:hover{color:var(--text-main);background:#ffffff0f}.nav-links button.active{color:var(--text-main);background:#ffffff1a}.hamburger{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:var(--radius-sm)}.hamburger span{display:block;width:22px;height:2px;background:var(--text-main);transition:all .3s ease;border-radius:2px}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{display:none;position:fixed;top:64px;left:0;right:0;background:#080808f7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);padding:1rem 2rem;flex-direction:column;gap:.5rem;z-index:99}.mobile-menu.open{display:flex}.mobile-menu button{background:transparent;border:none;color:var(--text-muted);font-family:Inter,sans-serif;font-weight:500;font-size:1rem;cursor:pointer;padding:.75rem 1rem;border-radius:var(--radius);text-align:left;width:100%;transition:all .2s}.mobile-menu button:hover,.mobile-menu button.active{color:var(--text-main);background:#ffffff0f}.btn-primary{background:var(--primary);color:#080808;border:none;padding:.75rem 1.5rem;border-radius:var(--radius);font-family:Inter,sans-serif;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;flex-shrink:0}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 20px #ffffff26}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:#ffffff0f;color:var(--text-main);border:1px solid var(--glass-border);padding:.75rem 1.5rem;border-radius:var(--radius);font-family:Inter,sans-serif;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-secondary:hover{background:#ffffff1a;border-color:var(--glass-border-hover);transform:translateY(-1px)}.btn-icon{background:#ffffff0a;border:1px solid var(--glass-border);color:var(--text-muted);width:34px;height:34px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.btn-icon:hover{background:#ffffff1a;color:var(--text-main);border-color:var(--glass-border-hover)}.btn-outline{background:transparent;border:1px solid var(--glass-border);color:var(--text-muted);padding:.5rem 1rem;border-radius:var(--radius-sm);font-family:Inter,sans-serif;font-size:.875rem;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.btn-outline:hover{background:#ffffff0f;color:var(--text-main);border-color:var(--glass-border-hover);transform:translateY(-1px)}.action-group{display:flex;gap:.375rem;align-items:center}.code-pill{font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:700;letter-spacing:.08em;color:var(--text-main);background:#ffffff14;border:1px solid var(--glass-border);padding:.3rem .75rem;border-radius:2rem;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}.code-pill:hover{background:#ffffff24;border-color:var(--glass-border-hover)}.code-pill:active{transform:scale(.97)}.tracking-view{padding:4rem 0}.hero{text-align:center;max-width:720px;margin:0 auto;padding:0 1rem}.hero h2{font-size:3rem;font-weight:800;letter-spacing:-.04em;line-height:1.15;margin-bottom:1rem;color:var(--text-main)}.hero p{color:var(--text-muted);font-size:1.1rem;margin-bottom:2.5rem}.search-bar{display:flex;max-width:560px;margin:0 auto;gap:.75rem;padding:.5rem;background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.search-bar input{flex:1;background:transparent;border:none;color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700;letter-spacing:.12em;text-align:center;padding:.75rem 1rem;box-shadow:none}.search-bar input:focus{box-shadow:none;background:transparent}.order-details{margin-top:3rem;animation:fadeInUp .4s ease-out}.order-header{padding-bottom:1.5rem;margin-bottom:2rem;border-bottom:1px solid var(--glass-border)}.vertical-timeline{position:relative;padding-left:2.5rem}.timeline-line{position:absolute;top:0;bottom:0;left:40px;width:1px;background:var(--glass-border)}.timeline-item{position:relative;margin-bottom:1.75rem;display:flex;gap:1.5rem;transition:opacity .3s}.timeline-item:hover{transform:none}.timeline-icon-wrapper{z-index:1;position:relative;width:30px;height:30px;border-radius:50%;border:1px solid var(--glass-border);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s}.timeline-item.completed .timeline-icon-wrapper{background:var(--text-main);border-color:var(--text-main)}.timeline-item.active .timeline-icon-wrapper{background:var(--text-main);border-color:var(--text-main);box-shadow:0 0 0 4px #ffffff1a}.timeline-content h4{font-size:1rem;font-weight:600;letter-spacing:-.01em;margin-bottom:.4rem}.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;margin-top:1rem}.gallery-item{aspect-ratio:1;border-radius:var(--radius);overflow:hidden;border:1px solid var(--glass-border);cursor:zoom-in;transition:all .2s;background:var(--bg-secondary)}.gallery-item:hover{border-color:var(--glass-border-hover);transform:scale(1.02);box-shadow:0 8px 24px #0000004d}.gallery-item img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s}.gallery-item img.loaded{opacity:1}.error-alert{margin-top:2rem;padding:1rem 1.5rem;border:1px solid rgba(252,165,165,.2);color:var(--danger);background:#fca5a50d;border-radius:var(--radius);text-align:center;font-weight:500}.admin-view{padding:2rem 0}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.stat-card{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.4rem;border-radius:var(--radius-lg)}.stat-card .label{color:var(--text-muted);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.stat-card .value{font-size:2rem;font-weight:800;letter-spacing:-.03em;color:var(--text-main);font-feature-settings:"tnum"}.status-badge{display:inline-flex;align-items:center;padding:.3rem .75rem;border-radius:2rem;font-size:.8rem;font-weight:600;background:#ffffff14;color:var(--text-main);border:1px solid var(--glass-border);white-space:nowrap}.admin-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.admin-controls-left{display:flex;gap:.75rem;flex-wrap:wrap;flex:1;min-width:0}.table-responsive{overflow-x:auto;border-radius:var(--radius-lg)}.admin-table{width:100%;border-collapse:collapse;text-align:left;min-width:600px}.admin-table th{padding:.875rem 1rem;color:var(--text-muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--glass-border);white-space:nowrap}.admin-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.04);font-size:.9rem;vertical-align:middle}.admin-table tbody tr:hover{background:#ffffff05}.admin-table tbody tr:last-child td{border-bottom:none}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:1.5rem;padding:1.5rem;border-top:1px solid var(--glass-border)}.pagination-pages{display:flex;gap:.5rem}.btn-page{background:#ffffff0a;border:1px solid var(--glass-border);color:var(--text-muted);width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s}.btn-page:hover{background:#ffffff14;color:var(--text-main);border-color:var(--glass-border-hover)}.btn-page.active{background:var(--primary);color:#080808;border-color:var(--primary)}.order-card{display:none;background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.25rem;flex-direction:column;gap:.875rem;transition:border-color .2s}.order-card:hover{border-color:var(--glass-border-hover)}.order-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.order-card-body{display:flex;flex-direction:column;gap:.4rem}.order-card-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:.875rem}.order-card-row .label{color:var(--text-muted);font-size:.75rem}.order-card-footer{display:flex;justify-content:flex-end;padding-top:.75rem;border-top:1px solid var(--glass-border)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.modal-content{width:100%;max-width:640px;max-height:94vh;overflow-y:auto;padding:2.25rem;display:flex;flex-direction:column;gap:1.5rem;position:relative;scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.25rem;border-bottom:1px solid var(--glass-border);margin-bottom:.5rem}.modal-header h3{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem;padding-top:1.5rem;border-top:1px solid var(--glass-border)}.form-group{display:flex;flex-direction:column;gap:.6rem}.form-label{font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}textarea{min-height:120px;resize:vertical}.update-note-area{min-height:200px!important}.step-history{background:#ffffff05;border:1px solid var(--glass-border);border-radius:var(--radius);overflow:hidden}.step-history-item{padding:.875rem 1rem;border-bottom:1px solid var(--glass-border);display:flex;flex-direction:column;gap:.4rem}.step-history-item:last-child{border-bottom:none}.step-history-meta{font-size:.75rem;color:var(--text-muted);display:flex;justify-content:space-between}.upload-zone{position:relative;border:1px dashed var(--glass-border);border-radius:var(--radius);padding:1.5rem;text-align:center;transition:all .2s;cursor:pointer;background:#ffffff05}.upload-zone:hover{border-color:var(--glass-border-hover);background:#ffffff0a}.upload-zone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.upload-previews{display:flex;gap:.625rem;flex-wrap:wrap;margin-top:.875rem}.upload-preview-item{position:relative;width:64px;height:64px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--glass-border);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.upload-preview-item img{width:100%;height:100%;object-fit:cover}.upload-preview-remove{position:absolute;top:2px;right:2px;background:#000c;border:none;color:var(--danger);width:18px;height:18px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;transition:all .2s}.upload-preview-remove:hover{background:var(--danger);color:#080808}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem;animation:fadeIn .25s ease}.image-lightbox-overlay{background:#000000f7;z-index:3000;padding:0}.lightbox-content{position:relative;max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center}.lightbox-content img{max-width:92vw;max-height:90vh;object-fit:contain;border-radius:var(--radius);box-shadow:0 25px 60px #0009}.detail-modal{width:90%;max-width:620px;max-height:85vh;overflow-y:auto;padding:2rem;position:relative;display:flex;flex-direction:column;gap:1rem}.detail-modal::-webkit-scrollbar{width:4px}.detail-modal::-webkit-scrollbar-track{background:transparent}.detail-modal::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.75rem;z-index:9999;pointer-events:none;max-width:360px;width:calc(100% - 3rem)}.toast{pointer-events:auto;padding:.875rem 1.25rem;background:#141414f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius);color:var(--text-main);display:flex;align-items:center;gap:.75rem;box-shadow:0 8px 32px #0006;animation:slideIn .3s cubic-bezier(.4,0,.2,1) forwards;overflow:hidden;font-size:.9rem}.toast.success{border-left:3px solid var(--success)}.toast.error{border-left:3px solid var(--danger)}.toast.info{border-left:3px solid var(--accent)}.toast-closing{animation:slideOut .3s cubic-bezier(.4,0,.2,1) forwards}.toast-progress{position:absolute;bottom:0;left:0;height:2px;background:#ffffff26;width:100%}.login-view{display:flex;justify-content:center;align-items:center;padding:5rem 1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 1024px){.container{padding:0 1.5rem}.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.nav-links{display:none}.hamburger{display:flex}.hero h2{font-size:2rem}.hero p{font-size:1rem}.search-bar{flex-direction:column;background:transparent;box-shadow:none;border:none;gap:.625rem;padding:0}.search-bar input{background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius);padding:1rem;font-size:.9rem}.search-bar .btn-primary{width:100%;padding:.875rem;font-size:1rem}.order-details{padding:1.25rem!important}.order-header h3{font-size:1.5rem!important}.order-header{text-align:left}.vertical-timeline{padding-left:1.25rem!important}.timeline-line{left:26px!important}.timeline-icon-wrapper{width:24px!important;height:24px!important}.timeline-content h4{font-size:.95rem!important}.image-gallery{grid-template-columns:repeat(2,1fr)}.admin-table-wrapper{display:none!important}.order-card{display:flex!important}.orders-card-list{display:flex!important;flex-direction:column;gap:.75rem}.admin-controls{flex-direction:column}.admin-controls-left,.admin-controls-left select,.admin-controls-left .search-bar-admin{width:100%}.admin-controls .btn-primary{width:100%;justify-content:center}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.stat-card .value{font-size:1.5rem}.modal-content{padding:1.5rem;max-height:92vh}.detail-modal{padding:1.25rem;width:95%}.lightbox-overlay{padding:1rem}.toast-container{bottom:1rem;right:1rem;width:calc(100% - 2rem);max-width:none}}@media (max-width: 480px){.container{padding:0 1rem}.hero h2{font-size:1.7rem}.dashboard-stats{grid-template-columns:1fr 1fr;gap:.75rem}.image-gallery{grid-template-columns:repeat(2,1fr)}.modal-content{padding:1.25rem}}