:root{--bg-dark:#302e2b;--bg-card:#262421;--bg-card-hover:#312e2b;--bg-surface-elevated:#21201d;--border-glass:#3d3b38;--border-active:#81b64c;--primary:#81b64c;--primary-hover:#a3d160;--primary-dark:#588c2b;--accent-cyan:#06b6d4;--accent-green:var(--primary);--accent-amber:#f59e0b;--accent-rose:#f43f5e;--text-main:#fff;--text-muted:#c3c2c1;--text-subtle:#8b8987;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden}.glass-panel{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:12px;transition:all .18s;box-shadow:0 4px 16px #00000073}.glass-panel:hover{border-color:#4d4a46}.glass-panel-active{border-color:var(--border-active);box-shadow:0 0 16px #81b64c4d}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#21201d}::-webkit-scrollbar-thumb{background:#4d4a46;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#66635f}.btn-primary,.btn-success{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#81b64c;border:1px solid #588c2b;border-radius:8px;align-items:center;gap:8px;padding:9px 18px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 3px #588c2b}.btn-primary:hover,.btn-success:hover{background:#95c85d;transform:translateY(-1px);box-shadow:0 4px #588c2b}.btn-primary:active,.btn-success:active{transform:translateY(2px);box-shadow:0 1px #588c2b}.btn-secondary{color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;background:#3d3b38;border:1px solid #4a4744;border-radius:8px;align-items:center;gap:7px;padding:8px 14px;font-weight:600;transition:all .15s;display:inline-flex}.btn-secondary:hover{color:#fff;background:#4a4744;border-color:#5c5955}.btn-danger{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#e04456;border:1px solid #b32a39;border-radius:8px;align-items:center;gap:8px;padding:9px 18px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 3px #b32a39}.btn-danger:hover{background:#eb5465}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:.2s cubic-bezier(.16,1,.3,1) forwards slideUp}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.animate-slide-left{animation:.22s cubic-bezier(.16,1,.3,1) forwards slideInLeft}.touch-target{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.safe-pb{padding-bottom:max(12px, env(safe-area-inset-bottom))}.nav-item{color:var(--text-muted);cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13px;font-weight:500;transition:all .14s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.nav-item:hover{color:#fff;background:#ffffff0a}.nav-item-active{color:#81b64c!important;background:#81b64c1f!important;border-left:3px solid #81b64c!important;font-weight:700!important}.nav-kbd{font-family:var(--font-mono);color:var(--text-subtle);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:1px 4px;font-size:10px;font-weight:700;display:inline-flex}.nav-rail-tooltip-wrapper{position:relative}.nav-rail-tooltip-wrapper .nav-rail-tooltip{visibility:hidden;opacity:0;color:#fff;white-space:nowrap;pointer-events:none;z-index:9999;background:#181715;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;transition:opacity .15s,transform .15s,visibility .15s;display:flex;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)translate(-4px);box-shadow:0 4px 14px #0009}.nav-rail-tooltip-wrapper:hover .nav-rail-tooltip{visibility:visible;opacity:1;transform:translateY(-50%)translate(0)}
