*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#f3f4f6;--color-surface:#fff;--color-sidebar:#1e293b;--color-sidebar-hover:#334155;--color-sidebar-active:#3b82f6;--color-text:#1f2937;--color-text-muted:#6b7280;--color-text-light:#94a3b8;--color-border:#e5e7eb;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-success:#10b981;--radius:8px;--shadow:0 1px 3px #0000001a;--sidebar-width:240px}html{font-size:14px}body{background:var(--color-bg);color:var(--color-text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.app-layout{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);flex:1;max-width:1200px;padding:1.5rem 2rem}.sidebar{width:var(--sidebar-width);background:var(--color-sidebar);color:#fff;z-index:100;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:1.25rem}.sidebar-header h2{letter-spacing:.05em;font-size:1.25rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:.75rem 0;display:flex}.sidebar-link{color:var(--color-text-light);align-items:center;gap:.75rem;padding:.625rem 1.25rem;font-size:.9rem;text-decoration:none;transition:all .15s;display:flex}.sidebar-link:hover{background:var(--color-sidebar-hover);color:#fff;text-decoration:none}.sidebar-link.active{background:var(--color-sidebar-active);color:#fff}.sidebar-icon{text-align:center;width:1.5rem;font-size:1.1rem}.sidebar-footer{border-top:1px solid #ffffff1a;padding:1rem 1.25rem}.sidebar-user{color:var(--color-text-light);text-overflow:ellipsis;white-space:nowrap;margin-bottom:.5rem;font-size:.8rem;overflow:hidden}.sidebar-logout{color:#fff;border-radius:var(--radius);cursor:pointer;background:#ffffff1a;border:none;width:100%;padding:.5rem;font-size:.85rem;transition:background .15s}.sidebar-logout:hover{background:#fff3}.login-page{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--color-surface);border-radius:12px;width:100%;max-width:400px;padding:2.5rem;box-shadow:0 20px 60px #0000004d}.login-title{text-align:center;margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.login-subtitle{text-align:center;color:var(--color-text-muted);margin-bottom:1.5rem}.login-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.375rem;display:flex}.form-group label{color:var(--color-text);font-size:.85rem;font-weight:600}.form-group input,.form-group select{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);outline:none;padding:.625rem .75rem;font-size:.9rem;transition:border-color .15s}.form-group input:focus,.form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f626}.form-actions{justify-content:flex-end;gap:.75rem;margin-top:1rem;display:flex}.btn{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);cursor:pointer;white-space:nowrap;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn:hover{background:#f9fafb;text-decoration:none}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger:hover{background:var(--color-danger-hover)}.btn-sm{padding:.25rem .5rem;font-size:.8rem}.btn-full{justify-content:center;width:100%}.btn:disabled{opacity:.6;cursor:not-allowed}.card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.card-title{margin-bottom:1rem;font-size:1.1rem;font-weight:600}.card-header .card-title{margin-bottom:0}.page{animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.page-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.page-title{margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.page-header .page-title{margin-bottom:0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;padding:1.25rem}.stat-value{color:var(--color-primary);font-size:2rem;font-weight:700}.stat-label{color:var(--color-text-muted);margin-top:.25rem;font-size:.85rem}.dashboard-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=768px){.dashboard-grid{grid-template-columns:1fr}}.table-wrapper{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--color-border);padding:.625rem .75rem;font-size:.85rem}.table th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.table tbody tr:hover{background:#f9fafb}.table tfoot td{border-bottom:none;border-top:2px solid var(--color-border);font-weight:600}.status-badge{color:#fff;white-space:nowrap;border-radius:999px;padding:.2rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-list{flex-direction:column;gap:.5rem;display:flex}.status-row{justify-content:space-between;align-items:center;padding:.375rem 0;display:flex}.status-info{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.status-count{font-size:.9rem;font-weight:600}.status-actions{flex-wrap:wrap;gap:.5rem;display:flex}.order-detail-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=768px){.order-detail-grid{grid-template-columns:1fr}}.info-list{flex-direction:column;gap:.75rem;display:flex}.info-row{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.info-label{color:var(--color-text-muted);font-weight:500}.text-muted{color:var(--color-text-muted);text-align:center;padding:1rem 0;font-style:italic}.text-mono{font-family:SF Mono,Fira Code,monospace;font-size:.8rem}.text-bold{font-weight:600}.loading{color:var(--color-text-muted);justify-content:center;align-items:center;padding:3rem;font-size:1rem;display:flex}.loading-screen{min-height:100vh;color:var(--color-text-muted);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.alert{border-radius:var(--radius);margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem}.alert-error{color:var(--color-danger);background:#fef2f2;border:1px solid #fecaca}.actions{gap:.375rem;display:flex}.event-type{color:#4338ca;background:#e0e7ff;border-radius:4px;padding:.15rem .4rem;font-size:.75rem;font-weight:600;display:inline-block}.file-upload{flex-direction:column;gap:.75rem;display:flex}.file-upload-previews{flex-wrap:wrap;gap:.5rem;display:flex}.file-upload-preview{border-radius:var(--radius);border:1px solid var(--color-border);width:96px;height:96px;position:relative;overflow:hidden}.file-upload-preview img{object-fit:cover;width:100%;height:100%}.file-upload-remove{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;line-height:1;display:flex;position:absolute;top:2px;right:2px}.file-upload-remove:hover{background:#ef4444e6}.toast-container{z-index:10000;flex-direction:column;gap:.5rem;max-width:400px;display:flex;position:fixed;top:1rem;right:1rem}.toast{border-radius:var(--radius);align-items:center;gap:.625rem;padding:.75rem 1rem;font-size:.9rem;line-height:1.4;animation:.3s toastIn;display:flex;box-shadow:0 4px 12px #00000026}@keyframes toastIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.toast-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.toast-info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.toast-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.toast-icon{flex-shrink:0;font-size:1.1rem}.toast-message{flex:1}.toast-close{cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:1.2rem;display:flex}.toast-close:hover{opacity:1;background:#0000000d}.modal-overlay{z-index:9000;background:#00000080;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-dialog{background:var(--color-surface);border-radius:12px;width:100%;max-width:420px;margin:1rem;animation:.2s modalIn;box-shadow:0 20px 60px #0000004d}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{padding:1.25rem 1.5rem 0}.modal-title{font-size:1.1rem;font-weight:700}.modal-body{color:var(--color-text-muted);padding:.75rem 1.5rem 1.25rem;font-size:.9rem;line-height:1.5}.modal-actions{justify-content:flex-end;gap:.75rem;padding:0 1.5rem 1.25rem;display:flex}.required{color:var(--color-danger)}.field-error{color:var(--color-danger);margin-top:.25rem;font-size:.8rem;display:block}.input-error{border-color:var(--color-danger)!important;box-shadow:0 0 0 3px #ef444426!important}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.file-upload-loading{background:#f9fafb;justify-content:center;align-items:center;display:flex}.btn-disabled{opacity:.6;cursor:not-allowed;pointer-events:none}@media (width<=1024px){.main-content{margin-left:0;padding:1rem}.sidebar{transform:translate(-100%)}}