@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-main: #070b09;--bg-card: #0d1511;--bg-card-hover: #121e17;--bg-input: #121e17;--border-color: rgba(255, 255, 255, .08);--border-emerald: rgba(16, 185, 129, .3);--text-primary: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-emerald: #10b981;--accent-emerald-hover: #059669;--accent-emerald-light: rgba(16, 185, 129, .12);--accent-cyan: #06b6d4;--accent-purple: #a855f7;--accent-rose: #f43f5e;--accent-amber: #f59e0b;--shadow-3d: 0 10px 30px -5px rgba(0, 0, 0, .6), 0 4px 12px -2px rgba(0, 0, 0, .4), inset 0 1px 1px 0 rgba(255, 255, 255, .1);--shadow-3d-hover: 0 20px 40px -10px rgba(16, 185, 129, .25), 0 8px 16px -4px rgba(0, 0, 0, .6), inset 0 1px 1px 0 rgba(255, 255, 255, .2);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-main);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}.mono{font-family:JetBrains Mono,monospace}.app-container{display:flex;min-height:100vh}.app-sidebar{width:270px;background-color:#050806;border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:1.25rem 1rem;flex-shrink:0}.main-content{flex:1;display:flex;flex-direction:column;min-width:0}.app-header{height:72px;background-color:#0d1511d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 1.75rem;position:sticky;top:0;z-index:100}.page-container{padding:1.75rem;flex:1}.card{background:linear-gradient(145deg,#0e1813,#080d0a);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.35rem;box-shadow:var(--shadow-3d);transition:all .25s cubic-bezier(.16,1,.3,1)}.card:hover{border-color:var(--border-emerald);transform:translateY(-2px);box-shadow:var(--shadow-3d-hover)}.card-glow{background:linear-gradient(135deg,#10b98114,#0d1511f2);border:1px solid var(--border-emerald)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:700;font-size:.875rem;padding:.6rem 1.15rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;border:1px solid transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#022013;box-shadow:0 4px 14px #10b9814d}.btn-primary:hover{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 6px 20px #10b98173;transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-input);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background-color:#ffffff14;border-color:#fff3}.btn-danger{background:linear-gradient(135deg,#f43f5e,#be123c);color:#fff;box-shadow:0 4px 14px #f43f5e4d}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:20px;font-size:.75rem;font-weight:700;white-space:nowrap}.badge-emerald{background:var(--accent-emerald-light);color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-rose{background:#f43f5e1f;color:#fb7185;border:1px solid rgba(244,63,94,.3)}.badge-amber{background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge-cyan{background:#06b6d41f;color:#38bdf8;border:1px solid rgba(6,182,212,.3)}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.8rem;font-weight:700;color:var(--text-secondary);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.03em}.form-input,.form-select{width:100%;background-color:#121e17!important;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.65rem .85rem;color:#fff!important;font-family:inherit;font-size:.9rem;transition:all .2s ease}select.form-select option{background-color:#121e17!important;color:#fff!important}.form-input:focus,.form-select:focus{outline:none;border-color:var(--accent-emerald);box-shadow:0 0 0 3px #10b98133}.table-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow-x:auto;box-shadow:var(--shadow-3d)}.table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.table th{background-color:#0006;padding:.85rem 1rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;font-size:.725rem;letter-spacing:.05em;border-bottom:1px solid var(--border-color);white-space:nowrap}.table td{padding:.85rem 1rem;border-bottom:1px solid var(--border-color);color:var(--text-primary);white-space:nowrap}.table tr:last-child td{border-bottom:none}.table tr:hover td{background-color:#10b98108}.recharts-legend-item-text{color:#fff!important;font-size:.825rem!important;font-weight:600!important}.recharts-cartesian-axis-tick-value{fill:#94a3b8!important;font-size:.75rem!important}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:linear-gradient(145deg,#0e1813,#080d0a);border:1px solid var(--border-emerald);border-radius:var(--radius-lg);max-width:580px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #000c}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:1.5rem}.modal-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:flex-end;gap:.75rem}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (min-width: 769px){.mobile-only-popup{display:none!important}}@media (max-width: 900px){.app-container{flex-direction:column}.app-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-color)}.app-header{height:auto;padding:1rem;flex-direction:column;align-items:flex-start;gap:1rem}.no-mobile{display:none!important}}