:root{--bg-base:#f0f0fc;--bg-surface:#fff;--primary:#6366f1;--primary-hover:#4f46e5;--primary-soft:#6366f114;--primary-glow:#6366f126;--text-primary:#1e1b4b;--text-secondary:#64748b;--text-muted:#9ca3af;--border-clean:#e2e8f0;--border-subtle:#6366f11f;--shadow-pos:0 2px 14px #6366f10d;--shadow-hover:0 6px 20px #6366f11a;--shadow-lg:0 14px 34px #1e1b4b1f;--radius-card:8px;--radius-btn:8px;--radius-badge:4px}*{box-sizing:border-box}html,body{background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;overflow-x:clip}.badge-kpi{text-transform:uppercase;letter-spacing:.15em;border-radius:var(--radius-badge);align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:900;display:inline-flex}.badge-purple{color:#7e22ce;background:#f3e8ff;border:1px solid #7e22ce33}.badge-green{color:#15803d;background:#dcfce7;border:1px solid #15803d33}.badge-blue{color:#0284c7;background:#e0f2fe;border:1px solid #0284c733}.badge-orange{color:#ea580c;background:#ffedd5;border:1px solid #ea580c33}.badge-amber{color:#b45309;background:#fef3c7;border:1px solid #b4530933}.badge-red{color:#b91c1c;background:#fee2e2;border:1px solid #b91c1c33}.pos-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-pos);transition:transform .15s,box-shadow .15s}.super-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:990;background:#1e1b4b59;animation:.2s fadeIn;position:fixed;inset:62px 0 0}.super-menu-drawer{z-index:1000;flex-direction:column;animation:.26s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;overflow-y:auto;width:380px!important;height:calc(100vh - 62px)!important;box-shadow:var(--shadow-lg)!important;border-left:1px solid var(--border-subtle)!important;background:#fff!important;padding:18px!important;position:fixed!important;top:62px!important;bottom:0!important;right:0!important}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.super-menu-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;display:grid}.super-menu-card{text-align:center;border-radius:var(--radius-card);border:1px solid var(--border-clean);cursor:pointer;background:#f8fafc;flex-direction:column;justify-content:center;align-items:center;padding:14px 6px;text-decoration:none;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex}.super-menu-card:hover{background:var(--primary-soft);border-color:#6366f14d;transform:translateY(-3px)scale(1.02)}.super-menu-card:active{transform:translateY(0)scale(.96)}.super-menu-icon-wrap{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:8px;transition:transform .2s;display:flex}.super-menu-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-primary);font-size:10px;font-weight:800;line-height:1.2}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#6366f133;border-radius:4px}