:root{--midnight:#0c1222;--deep-navy:#111827;--slate-800:#1e293b;--slate-600:#475569;--slate-400:#94a3b8;--slate-200:#e2e8f0;--cream:#faf9f7;--ivory:#f5f3ef;--white:#fff;--amber:#d97706;--amber-light:#fbbf24;--amber-soft:#fef3c7;--red-500:#ef4444;--red-50:#fef2f2;--green-500:#22c55e;--green-50:#f0fdf4;--blue-500:#3b82f6;--blue-50:#eff6ff;--font-display:"Sora",sans-serif;--font-body:"Plus Jakarta Sans",sans-serif;--sidebar-width:260px;--sidebar-collapsed:72px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 2px #0c12220a;--shadow-md:0 4px 12px #0c12220f;--shadow-lg:0 12px 32px #0c122214;--shadow-card:0 1px 3px #0c12220a,0 4px 16px #0c12220a}@theme inline{--color-background: var(--cream); --color-foreground: var(--slate-800); --font-sans: var(--font-body);}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--cream);color:var(--slate-800);line-height:1.6}body:before{content:"";pointer-events:none;z-index:1;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;position:fixed;inset:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--slate-800);font-weight:600}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-in{animation:.4s ease-out both fadeSlideIn}.animate-fade{animation:.3s ease-out both fadeIn}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.btn{font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;line-height:1;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--amber);color:var(--white)}.btn-primary:hover{background:#b45309;box-shadow:0 4px 14px #d977064d}.btn-secondary{background:var(--white);color:var(--slate-800);border:1px solid var(--slate-200)}.btn-secondary:hover{border-color:var(--slate-400);background:var(--ivory)}.btn-danger{background:var(--red-500);color:var(--white)}.btn-danger:hover{background:#dc2626;box-shadow:0 4px 14px #ef44444d}.input{font-family:var(--font-body);border:1.5px solid var(--slate-200);border-radius:var(--radius-md);background:var(--white);width:100%;color:var(--slate-800);outline:none;padding:.625rem .875rem;font-size:.875rem;line-height:1.5;transition:all .2s}.input::placeholder{color:var(--slate-400)}.input:focus{border-color:var(--amber);box-shadow:0 0 0 3px #d977061a}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid #e2e8f099;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:var(--shadow-md)}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table th{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--slate-400);text-align:left;border-bottom:1px solid var(--slate-200);background:var(--ivory);padding:.75rem 1rem;font-size:.75rem;font-weight:600}.data-table td{color:var(--slate-600);border-bottom:1px solid #e2e8f080;padding:.875rem 1rem;font-size:.875rem}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:#d9770608}.badge{letter-spacing:.02em;text-transform:uppercase;border-radius:999px;align-items:center;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:inline-flex}.badge-admin{color:var(--amber);background:#d977061a}.badge-seller{color:var(--blue-500);background:#3b82f61a}.badge-active{color:var(--green-500);background:#22c55e1a}.badge-inactive{color:var(--red-500);background:#ef44441a}.badge-closed{color:var(--slate-600);background:#4755691a}.badge-low-stock{color:var(--amber);background:#d977061a}.badge-out-of-stock{color:var(--red-500);background:#ef44441a}[contenteditable]:empty:before{content:attr(data-placeholder);color:var(--slate-400);pointer-events:none;font-style:italic}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--slate-200);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--slate-400)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2.5px solid var(--slate-200);border-top-color:var(--amber);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#0c122280;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:520px;max-height:90vh;animation:.25s ease-out fadeSlideIn;overflow-y:auto}.empty-state{color:var(--slate-400);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.rich-editor:focus-within{box-shadow:0 0 0 3px #d977061a;border-color:var(--amber)!important}.rich-editor .tiptap{min-height:120px;max-height:260px;font-family:var(--font-body);color:var(--slate-800);outline:none;padding:.625rem .875rem;font-size:.875rem;line-height:1.7;overflow-y:auto}.rich-editor .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--slate-400);pointer-events:none;height:0;font-style:italic}.rich-editor .tiptap h2{margin:.5rem 0 .25rem;font-size:1.1rem;font-weight:600}.rich-editor .tiptap h3{margin:.4rem 0 .2rem;font-size:.95rem;font-weight:600}.rich-editor .tiptap ul,.rich-editor .tiptap ol{margin:.25rem 0;padding-left:1.25rem}.rich-editor .tiptap a{color:var(--blue-500);cursor:pointer;text-decoration:underline}.rich-editor .tiptap img{border-radius:var(--radius-sm);max-width:100%;margin:.5rem 0}.rich-editor .tiptap p{margin:.15rem 0}