@import url("https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Newsreader:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Geist+Mono:wght@400;500&display=swap");:root{--canvas:#f7f6f3;--surface:#fff;--surface-secondary:#f4f3f0;--border:#eaeaea;--border-hover:#d4d4d1;--text-primary:#2f3437;--text-secondary:#787774;--text-tertiary:#b0aeaa;--accent:#2f3437;--accent-hover:#1a1d20;--accent-light:#f0efec;--success:#22c55e;--success-light:#f0fdf4;--warning:#f59e0b;--warning-light:#fffbeb;--danger:#ef4444;--danger-light:#fef2f2;--muted-pastel-warm:#f0efec;--muted-pastel-green:#e6f0ea;--muted-pastel-yellow:#f5f0e0;--muted-pastel-red:#f5e6e6;--muted-pastel-purple:#ede8f5;--muted-pastel-teal:#e6f0f0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--font-sans:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-serif:"Newsreader",Georgia,"Times New Roman",serif;--font-mono:"Geist Mono","SF Mono","Fira Code",monospace;--sidebar-width:240px;--header-height:0px;--transition:150ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--canvas);color:var(--text-primary);line-height:1.6;min-height:100vh;text-wrap:pretty}.card-title,.section-title,.stat-value,h1,h2,h3,h4,h5,h6{text-wrap:balance}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:.875rem}img{max-width:100%;display:block}ol,ul{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.card-title{font-family:var(--font-sans);font-size:1rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.card-subtitle{font-size:.8125rem;color:var(--text-secondary);margin-top:.25rem}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--surface-secondary) 25%,var(--border) 50%,var(--surface-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-text{height:.75rem;margin-bottom:.5rem;width:100%}.skeleton-text:last-child{width:60%}.skeleton-value{height:2rem;width:4rem;margin-bottom:.5rem}.skeleton-chip{display:inline-block;height:1.5rem;width:5rem;margin-right:.5rem}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;border:1px solid var(--danger-light);border-radius:var(--radius-md);background:var(--danger-light)}.error-state-icon{color:var(--danger);margin-bottom:.75rem}.error-state-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.error-state-text{font-size:.8125rem;color:var(--text-secondary);max-width:300px;margin-bottom:1rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);transition:all var(--transition);line-height:1;white-space:nowrap}.btn:hover{border-color:var(--border-hover);background:var(--surface-secondary)}.btn:active{background:var(--border);transform:scale(.97)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary:active{background:#111416}.btn-success{background:var(--success);border-color:var(--success);color:#fff}.btn-success:hover{background:#16a34a;border-color:#16a34a}.btn-success:active{transform:scale(.97)}.btn-warning{background:var(--warning);border-color:var(--warning);color:#fff}.btn-warning:hover{background:#d97706;border-color:#d97706}.btn-warning:active{transform:scale(.97)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626;border-color:#dc2626}.btn-danger:active{transform:scale(.97)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--surface-secondary);color:var(--text-primary)}.btn-sm{padding:.3125rem .625rem;font-size:.75rem}.btn-lg{padding:.75rem 1.5rem;font-size:.9375rem}.btn-icon{padding:.5rem;min-width:auto}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-primary);margin-bottom:.375rem}.form-hint{font-size:.75rem;color:var(--text-tertiary);margin-top:.25rem}.form-input,.form-select,.form-textarea{width:100%;padding:.5625rem .75rem;font-size:.875rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);transition:border-color var(--transition);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary)}.form-textarea{resize:vertical;min-height:100px;line-height:1.6}.form-input-error{border-color:var(--danger)}.form-error{font-size:.75rem;color:var(--danger);margin-top:.25rem}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md)}table{width:100%;border-collapse:collapse;font-size:.8125rem}thead{background:var(--surface-secondary)}th{text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}td,th{padding:.75rem 1rem;border-bottom:1px solid var(--border)}td{color:var(--text-primary);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-secondary)}.badge{display:inline-flex;align-items:center;padding:.1875rem .5rem;font-size:.6875rem;font-weight:500;border:1px solid var(--border);border-radius:var(--radius-sm);letter-spacing:.01em}.badge-warm{background:var(--muted-pastel-warm);border-color:#d8d7d4;color:#4a4a48}.badge-green{background:var(--muted-pastel-green);border-color:#b8d4c4;color:#2d6a4f}.badge-yellow{background:var(--muted-pastel-yellow);border-color:#d8d0b0;color:#8b7d3c}.badge-red{background:var(--muted-pastel-red);border-color:#d8b8b8;color:#8b3c3c}.badge-purple{background:var(--muted-pastel-purple);border-color:#c8b8d8;color:#5b3c8b}.badge-teal{background:var(--muted-pastel-teal);border-color:#b0c8c8;color:#2d6a6a}.stat{padding:1.25rem}.stat-value{font-family:var(--font-sans);font-size:1.75rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em;line-height:1.2}.stat-label{font-size:.75rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-top:.25rem}.stat-icon{color:var(--text-tertiary)}.modal-overlay{position:fixed;inset:0;background:rgba(47,52,55,.4);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:85vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.modal-title{font-size:1rem;font-weight:600}.modal-body{padding:1.5rem}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid var(--border)}.toast-container{position:fixed;top:1rem;right:1rem;z-index:200;display:flex;flex-direction:column;gap:.5rem}.toast{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.8125rem;color:var(--text-primary);min-width:280px;animation:toastIn .2s ease}.toast-success{border-color:var(--success);background:var(--success-light)}.toast-error{border-color:var(--danger);background:var(--danger-light)}.toast-warning{border-color:var(--warning);background:var(--warning-light)}@keyframes toastIn{0%{opacity:0;transform:translateX(1rem)}to{opacity:1;transform:translateX(0)}}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:50}.sidebar-logo{gap:.625rem;padding:1.25rem 1.25rem .75rem;font-size:1.125rem;letter-spacing:-.02em}.sidebar-logo,.sidebar-logo-mark{display:flex;align-items:center;font-weight:600;color:var(--text-primary)}.sidebar-logo-mark{width:32px;height:32px;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-serif);font-size:1rem}.sidebar-nav{flex:1 1;flex-direction:column;gap:.125rem}.sidebar-link,.sidebar-nav{padding:.5rem .75rem;display:flex}.sidebar-link{align-items:center;gap:.625rem;font-size:.8125rem;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-sm);transition:background var(--transition),color var(--transition);border:1px solid transparent}.sidebar-link:hover{background:var(--surface-secondary);color:var(--text-primary)}.sidebar-link:active{background:var(--border)}.sidebar-link.active{background:var(--accent-light);color:var(--accent);border-color:var(--accent-light);font-weight:600}.sidebar-footer{padding:.75rem;border-top:1px solid var(--border);display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-secondary)}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-dot.online{background:var(--success)}.status-dot.offline{background:var(--danger)}.dashboard{display:flex;min-height:100dvh}.main-content{flex:1 1;margin-left:var(--sidebar-width);padding:2rem;max-width:calc(100vw - var(--sidebar-width))}.tabs{display:flex;border-bottom:1px solid var(--border);gap:0;margin-bottom:1.5rem}.tab{padding:.625rem 1rem;font-size:.8125rem;font-weight:500;color:var(--text-secondary);background:none;border:none;border-bottom:2px solid transparent;transition:all var(--transition);margin-bottom:-1px}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.progress-bar{width:100%;height:6px;background:var(--surface-secondary);border:1px solid var(--border);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s ease}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;border:1px dashed var(--border);border-radius:var(--radius-md)}.empty-state-icon{color:var(--text-tertiary);margin-bottom:.75rem}.empty-state-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.empty-state-text{font-size:.8125rem;color:var(--text-secondary);max-width:300px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5rem;gap:1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.text-sm{font-size:.8125rem}.text-xs{font-size:.75rem}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-full{width:100%}.fade-in{opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.login-card{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem}.login-logo{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-sm);margin:0 auto 1rem;font-family:var(--font-serif);font-size:1.25rem;font-weight:600;color:var(--text-primary)}.login-title{text-align:center;font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.login-subtitle{text-align:center;font-size:.8125rem;color:var(--text-secondary);margin-bottom:1.5rem}.section-title{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;margin-bottom:1.5rem}.order-status-bar{display:flex;gap:.375rem;flex-wrap:wrap}@keyframes spin{to{transform:rotate(1turn)}}.upload-zone{border:2px dashed var(--border);border-radius:.75rem;padding:2rem 1.5rem;cursor:pointer;transition:all .2s;background:var(--surface);margin-bottom:1rem}.upload-zone:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 4%,var(--surface))}.upload-zone-active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--surface));transform:scale(1.01)}.upload-zone-uploading{cursor:wait;opacity:.7;border-style:solid;border-color:var(--primary)}.upload-zone-icon{display:block;margin:0 auto .5rem;color:var(--text-tertiary)}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sidebar{width:100%;height:auto;position:relative;border-right:none;border-bottom:1px solid var(--border)}.sidebar-nav{flex-direction:row;flex-wrap:wrap;padding:.5rem}.sidebar-footer{display:none}.main-content{margin-left:0;max-width:100%;padding:1rem}.dashboard{flex-direction:column}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (max-width:480px){.modal{max-width:100%;margin:.5rem}.login-card{padding:1.5rem}}