@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#171720;--bg-secondary:#20202b;--bg-card:#292938;--border-color:#353549;--border-hover:#484863;--text-primary:#f1f1f6;--text-secondary:#a6a6b8;--text-muted:#6c6c84;--accent-primary:#dfba5f;--accent-success:#10b981;--accent-warning:#ff9800;--accent-danger:#f44336;--glass-bg:#20202b;--glass-border:#353549;--glass-shadow:0 10px 30px -5px #00000080, 0 8px 12px -6px #0006;--font-title:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--line-red:#f44336;--line-blue:#dfba5f;--line-yellow:#ff9800;--line-green:#10b981}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#a6a6b840;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a6a6b873}.glass-panel{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--glass-shadow);border-radius:14px;transition:all .25s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:var(--border-hover);box-shadow:0 15px 35px -5px #0000008c,0 10px 20px -8px #00000073}h1,h2,h3,h4,h5{font-family:var(--font-title);letter-spacing:-.02em;color:var(--text-primary);font-weight:700}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none;transition:all .2s}.btn-primary{color:#171720;background:linear-gradient(135deg,#dfba5f,#c5a059);border-radius:8px;padding:10px 20px;font-weight:700;box-shadow:0 4px 12px #dfba5f40}.btn-primary:hover{background:linear-gradient(135deg,#ebd082,#dfba5f);transform:translateY(-1px);box-shadow:0 6px 18px #dfba5f61}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background:#a6a6b826;border-radius:8px;padding:10px 20px;font-weight:500}.btn-secondary:hover{border-color:var(--border-hover);background:#a6a6b840}.app-container{background-color:var(--bg-primary);background-image:radial-gradient(at 0 0,#dfba5f14 0,#0000 50%),radial-gradient(at 100% 100%,#c0c0c00f 0,#0000 50%);width:100vw;height:100vh;display:flex}.main-content{flex-direction:column;flex:1;height:100%;padding-bottom:24px;display:flex;position:relative;overflow-y:auto}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px #dfba5f33}50%{box-shadow:0 0 16px #dfba5f66}}@keyframes lineDraw{to{stroke-dashoffset:0}}.animate-pulse-glow{animation:2s ease-in-out infinite pulseGlow}.metro-badge{text-transform:uppercase;border-radius:12px;align-items:center;gap:6px;padding:4px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-blue{color:#dfba5f;background:#dfba5f26;border:1px solid #dfba5f40}.badge-green{color:#34d399;background:#10b98126;border:1px solid #10b98140}.badge-yellow{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b40}.form-input{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-body);background:#0e0e14;border-radius:8px;outline:none;width:100%;padding:12px;transition:all .2s}.form-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #dfba5f40}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:.875rem;font-weight:600;display:block}.dashboard-grid{grid-template-columns:2fr 1fr;gap:24px;padding:24px;display:grid}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}}.line-dot{border-radius:50%;width:12px;height:12px;position:relative}.line-dot:after{content:"";opacity:.3;border:1px solid;border-radius:50%;animation:1.5s cubic-bezier(0,0,.2,1) infinite ping;position:absolute;inset:-4px}@keyframes ping{75%,to{opacity:0;transform:scale(1.8)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUp}@keyframes marquee{0%{transform:translate(0,0)}to{transform:translate(-100%)}}.marquee-container{white-space:nowrap;width:100%;display:flex;overflow:hidden}.marquee-text{padding-right:50px;animation:30s linear infinite marquee;display:inline-block}.glass-panel-gold{box-shadow:var(--glass-shadow);background:linear-gradient(135deg,#dfba5f0d 0%,#20202bd9 100%);border:1px solid #dfba5f26;border-radius:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel-gold:hover{border-color:#dfba5f59;transform:translateY(-3px);box-shadow:0 20px 40px -10px #dfba5f1a,0 10px 20px -12px #00000080}.glass-panel-interactive{transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel-interactive:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:0 20px 40px -10px #0009}.pulsing-dot{background-color:var(--accent-success);border-radius:50%;width:8px;height:8px;display:inline-block;position:relative}.pulsing-dot:after{content:"";background-color:var(--accent-success);opacity:.4;border-radius:50%;width:16px;height:16px;animation:1.8s ease-out infinite pulsingPing;position:absolute;top:-4px;left:-4px}@keyframes pulsingPing{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(2.4)}}.sidebar-nav{z-index:10;flex-direction:column;width:280px;height:calc(100vh - 32px);margin:16px 0 16px 16px;display:flex}@media (width<=768px){.app-container{flex-direction:column!important;height:auto!important;min-height:100vh!important;overflow-y:auto!important}.sidebar-nav{width:calc(100% - 32px)!important;height:auto!important;margin:16px 16px 8px!important}.sidebar-nav nav{flex-flow:wrap!important;gap:8px!important;padding:12px!important}.sidebar-nav nav button{flex:130px!important;justify-content:flex-start!important;padding:8px 12px!important;font-size:.825rem!important}.main-content{height:auto!important;padding:8px 16px!important;overflow-y:visible!important}.main-content header{flex-direction:column!important;align-items:flex-start!important;gap:16px!important;padding:16px 8px 12px!important}.dashboard-grid{grid-template-columns:1fr!important;gap:16px!important}}.sidebar-nav{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.sidebar-collapsed{opacity:0!important;pointer-events:none!important;width:0!important;margin:16px 0!important;padding:0!important;overflow:hidden!important}