:root{--v-primary:#0f172a;--v-primary-light:#1e293b;--v-accent:#6366f1;--v-accent-soft:#6366f11a;--v-accent-hover:#4f46e5;--v-success:#10b981;--v-success-soft:#10b9811a;--v-warning:#f59e0b;--v-warning-soft:#f59e0b1a;--v-error:#ef4444;--v-error-soft:#ef44441a;--v-info:#06b6d4;--v-info-soft:#06b6d41a;--v-bg:#f1f5f9;--v-surface:#fff;--v-surface-2:#f8fafc;--v-surface-3:#f1f5f9;--v-border:#e2e8f0;--v-border-focus:#6366f1;--v-text:#0f172a;--v-text-2:#475569;--v-text-3:#94a3b8;--v-text-inverse:#fff;--v-sidebar-bg:#0f172a;--v-sidebar-text:#94a3b8;--v-sidebar-active:#fff;--v-sidebar-active-bg:#6366f126;--v-sidebar-hover:#ffffff0f;--v-sidebar-width:260px;--v-sidebar-collapsed:72px;--v-font:var(--font-cairo), "Cairo", system-ui, sans-serif;--v-font-mono:var(--font-space-mono), "Space Mono", monospace;--v-space-xs:4px;--v-space-sm:8px;--v-space-md:16px;--v-space-lg:24px;--v-space-xl:32px;--v-space-2xl:48px;--v-radius-sm:6px;--v-radius-md:10px;--v-radius-lg:16px;--v-radius-full:9999px;--v-shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--v-shadow-md:0 4px 12px #00000012, 0 2px 4px #0000000a;--v-shadow-lg:0 12px 32px #00000014, 0 4px 8px #0000000a;--v-transition:.2s cubic-bezier(.4, 0, .2, 1);--v-transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--v-header-height:64px}[data-theme=dark]{--v-bg:#0a0f1e;--v-surface:#111827;--v-surface-2:#1a2235;--v-surface-3:#1e2d45;--v-border:#1e2d45;--v-text:#e2e8f0;--v-text-2:#94a3b8;--v-text-3:#475569}.vendor-shell{background:var(--v-bg);min-height:100dvh;font-family:var(--v-font);display:flex}.vendor-main{flex-direction:column;min-width:0;display:flex;overflow:hidden}.vendor-content{padding:var(--v-space-lg);flex:1;overflow-y:auto}.vendor-shell ::-webkit-scrollbar{width:5px;height:5px}.vendor-shell ::-webkit-scrollbar-track{background:0 0}.vendor-shell ::-webkit-scrollbar-thumb{background:var(--v-border);border-radius:9999px}.vendor-shell ::-webkit-scrollbar-thumb:hover{background:var(--v-text-3)}.scrollbar-none{scrollbar-width:none}.scrollbar-none::-webkit-scrollbar{display:none}@keyframes slideInStart{0%{opacity:.6;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
