*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg-secondary);color:var(--text-primary);line-height:1.6;min-height:100vh}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}ul{list-style:none}h1,h2,h3,h4,h5,h6{line-height:1.25;font-weight:700;color:var(--text-primary)}::-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-muted)}.page-wrapper{max-width:1320px;margin:0 auto;padding:0 1.25rem}.page-content{padding-top:calc(var(--header-h) + 1.5rem);padding-bottom:3rem}@keyframes shimmer{0%{background-position:-800px 0}to{background-position:800px 0}}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:800px 100%;animation:shimmer 1.4s infinite linear;border-radius:var(--radius-md)}.btn,.btn-primary,.btn-secondary,.btn-danger,.btn-success,.btn-outline,.btn-ghost,.btn-icon{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.25rem;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;cursor:pointer;border:none;transition:all var(--transition);white-space:nowrap}.btn:disabled,.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled,.btn-success:disabled,.btn-outline:disabled,.btn-ghost:disabled,.btn-icon:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1.5px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary)}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-outline{background:transparent;border:1.5px solid var(--border);color:var(--text-primary)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--bg-tertiary)}.btn-sm{padding:.35rem .85rem;font-size:.8rem}.btn-lg{padding:.8rem 2rem;font-size:1.05rem}.btn-block{width:100%}.btn-icon{padding:.5rem;border-radius:var(--radius-md)}.form-control{width:100%;padding:.6rem .85rem;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;transition:border-color var(--transition)}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-control::placeholder{color:var(--text-disabled)}.form-control:disabled{background:var(--bg-secondary);cursor:not-allowed}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.35rem;color:var(--text-secondary)}.form-error{display:block;color:var(--danger);font-size:.78rem;margin-top:.25rem}.form-hint{display:block;color:var(--text-muted);font-size:.78rem;margin-top:.25rem}.form-row,.form-row-2,.form-row-3{display:grid;gap:.85rem}.form-row-2{grid-template-columns:1fr 1fr}.form-row-3{grid-template-columns:1fr 1fr 1fr}@media(max-width:640px){.form-row-2,.form-row-3{grid-template-columns:1fr}}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border)}.card-body{padding:1.5rem}.card-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.card-footer{padding:1rem 1.5rem;border-top:1px solid var(--border)}.badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.72rem;font-weight:700;letter-spacing:.02em}.badge-primary{background:var(--primary-light);color:var(--primary-dark)}.badge-success{background:#dcfce7;color:#166534}.badge-danger{background:#fee2e2;color:#991b1b}.badge-warning{background:#fef3c7;color:#92400e}.badge-info{background:#dbeafe;color:#1e40af}.badge-muted{background:var(--bg-tertiary);color:var(--text-muted)}.alert{padding:.85rem 1.1rem;border-radius:var(--radius-md);font-size:.9rem;margin-bottom:1rem}.alert-success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.alert-warning{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.alert-info{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.status-pending{background:#fef3c7;color:#92400e}.status-confirmed{background:#dbeafe;color:#1e40af}.status-processing{background:#ede9fe;color:#4c1d95}.status-shipped{background:#ecfeff;color:#164e63}.status-delivered{background:#dcfce7;color:#166534}.status-cancelled{background:#fee2e2;color:#991b1b}.status-refunded{background:#fce7f3;color:#9d174d}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border)}table{width:100%;border-collapse:collapse}thead th{background:var(--bg-secondary);padding:.85rem 1rem;text-align:left;font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap}tbody td{padding:1rem;border-bottom:1px solid var(--border);font-size:.9rem;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--bg-secondary)}.pagination{display:flex;align-items:center;gap:.35rem;justify-content:center;margin-top:1.5rem}.pagination button{width:36px;height:36px;border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--bg-primary);cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.pagination button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pagination button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:769px){.hide-desktop{display:none!important}}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{background:var(--bg-card);border-radius:var(--radius-md);padding:.85rem 1.25rem;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:.75rem;font-size:.9rem;pointer-events:all;animation:slideIn .25s ease;max-width:340px;border-left:4px solid var(--primary)}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--danger)}.toast-warning{border-left-color:var(--warning)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:fadeIn .3s ease}.empty-state{text-align:center;padding:4rem 2rem}.empty-state .icon{font-size:3.5rem;margin-bottom:1rem;opacity:.6}.empty-state h3{font-size:1.2rem;margin-bottom:.5rem}.empty-state p{color:var(--text-muted);margin-bottom:1.5rem}.divider{display:flex;align-items:center;gap:.75rem;color:var(--text-muted);font-size:.82rem;margin:1.25rem 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.overlay{position:fixed;inset:0;background:#00000073;z-index:400;animation:fadeIn .2s ease}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2.5px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}.spinner-lg{width:40px;height:40px;border-width:4px}.stars{display:inline-flex;gap:1px}.stars .star{color:#d1d5db;font-size:1rem}.stars .star.filled,.stars .star.half{color:#f59e0b}.price-current{font-weight:700;font-size:1.1rem;color:var(--text-primary)}.price-original{color:var(--text-muted);text-decoration:line-through;font-size:.9rem;margin-left:.35rem}.price-discount{color:var(--success);font-size:.85rem;font-weight:600}.input-group{position:relative}.input-group .form-control{padding-left:2.5rem}.input-group .input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.sk-title{height:24px;width:40%}.sk-text{height:16px;width:100%}.sk-text-sm{height:14px;width:70%}.sk-card{height:200px}.sk-img{height:280px}:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #e0e7ff;--secondary: #f59e0b;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--info: #3b82f6;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-disabled: #94a3b8;--border: #e2e8f0;--border-focus: #6366f1;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 12px 28px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.06);--shadow-xl: 0 24px 48px rgba(0,0,0,.12);--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--header-h: 64px;--sidebar-w: 260px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Fira Code", "Cascadia Code", monospace;--transition: .2s ease;--transition-slow: .35s ease}@media(prefers-color-scheme:dark){:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: #1e293b;--text-primary: #f1f5f9;--text-secondary:#cbd5e1;--text-muted: #94a3b8;--border: #334155}}