@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap";
:root{--bg-primary:#0f1729;--bg-secondary:#1a2332;--teal:#00b4d8;--teal-hover:#48cae4;--teal-dim:#00b4d859;--amber:#e8a317;--amber-hover:#f6b93b;--amber-dim:#e8a31740;--green:#22c55e;--red:#ef4444;--text-primary:#e8edf2;--text-secondary:#94a3b8;--card-bg:#ffffff0a;--card-border:#ffffff14;--font:"Inter", "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-family:var(--font);color:var(--text-primary);background:linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%) fixed;min-height:100vh}a{color:var(--teal);text-decoration:none}a:hover{color:var(--teal-hover)}button{font-family:var(--font);cursor:pointer}input,select{font-family:var(--font);border:1px solid var(--card-border);color:var(--text-primary);background:#ffffff0f;border-radius:8px;padding:8px 10px;font-size:.9rem}select option{color:var(--text-primary);background:#131c30}select option:disabled{color:var(--text-secondary)}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--teal);outline-offset:1px}.app-container{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.main-content{min-width:0;padding:28px 32px}.main-content h1{margin-bottom:16px;font-size:1.5rem;font-weight:700}.sidebar{border-right:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;flex-direction:column;gap:22px;padding:24px 20px;display:flex}.sidebar-header h2{font-size:1.15rem;font-weight:700}.sidebar-header a{font-size:.8rem}.sidebar .last-transaction{color:var(--text-secondary);font-size:.78rem}.sidebar-section h3{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:10px;font-size:.72rem}.sidebar-btn{border:1px solid var(--card-border);background:var(--card-bg);width:100%;color:var(--text-primary);text-align:left;border-radius:10px;margin-bottom:8px;padding:10px 12px;font-size:.86rem;transition:border-color .15s,background .15s;display:block}.sidebar-btn:hover{border-color:var(--teal);background:#00b4d814}.sidebar-btn--amber:hover{border-color:var(--amber);background:var(--amber-dim)}.sidebar-btn--red:hover{border-color:var(--red);background:#ef44441f}.date-range{flex-direction:column;gap:8px;display:flex}.date-range-row{color:var(--text-secondary);align-items:center;gap:8px;font-size:.82rem;display:flex}.date-range-row span{width:26px}.checkbox-group{flex-direction:column;gap:6px;font-size:.86rem;display:flex}.checkbox-group label{cursor:pointer;align-items:center;gap:8px;display:flex}.checkbox-group input{accent-color:var(--teal);width:15px;height:15px}.reset-btn{border:1px solid var(--card-border);width:100%;color:var(--text-secondary);background:0 0;border-radius:10px;padding:9px;font-size:.84rem}.reset-btn:hover{border-color:var(--amber);color:var(--amber)}.month-picker{flex:1;gap:6px;display:flex}.month-picker select{flex:1;min-width:0}.kpi-groups{gap:14px;margin-bottom:20px;display:grid}.kpi-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.kpi-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;border-radius:14px;flex-direction:column;align-items:center;padding:16px 18px;transition:transform .15s,box-shadow .15s;display:flex}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00b4d81f}.kpi-title{color:var(--text-secondary);margin-bottom:6px;font-size:.76rem}.kpi-value{font-size:1.35rem;font-weight:700}.kpi-value--accent{color:var(--amber)}.kpi-value--positive{color:var(--green)}.kpi-value--negative{color:var(--red)}.active-filters-bar{flex-wrap:wrap;gap:8px;min-height:4px;margin-bottom:14px;display:flex}.filter-badge{background:var(--amber-dim);border:1px solid var(--amber);color:var(--amber);border-radius:999px;align-items:center;gap:8px;padding:4px 12px;font-size:.78rem;display:inline-flex}.filter-badge button{color:var(--amber);background:0 0;border:none;font-size:.9rem;line-height:1}.graph-container{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;min-height:420px;margin-bottom:18px;padding:12px;transition:transform .15s,box-shadow .15s}.graph-container:hover{box-shadow:0 6px 24px #00b4d81a}.chart-full-width{min-height:460px}.charts-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.charts-grid .graph-container{margin-bottom:0}.charts-grid{margin-bottom:18px}.chart-el{width:100%;height:100%;min-height:396px}.chart-full-width .chart-el{min-height:436px}.chart-scope-toggle{z-index:2;border:1px solid var(--card-border);background:#ffffff0d;border-radius:8px;gap:2px;padding:2px;display:flex;position:absolute;top:50px;left:50%;transform:translate(-50%)}.chart-scope-toggle button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:600}.chart-scope-toggle button.active{background:var(--teal);color:#06202b}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:60;background:#080d19bf;justify-content:center;align-items:flex-start;padding:6vh 16px;display:none;position:fixed;inset:0;overflow-y:auto}.modal-overlay--open{display:flex}.modal{border:1px solid var(--card-border);background:linear-gradient(#131c30 0%,#16203a 100%);border-radius:16px;width:100%;max-width:560px;padding:22px 24px;animation:.18s ease-out modalIn}.modal--wide{max-width:1000px}@keyframes modalIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.modal h2{margin-bottom:10px;font-size:1.05rem}.modal .modal-intro{color:var(--text-secondary);margin-bottom:16px;font-size:.82rem;line-height:1.5}.modal .form-row{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.modal .form-row label{color:var(--text-secondary);font-size:.8rem}.modal-footer{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.btn-primary{background:var(--teal);color:#06202b;border:none;border-radius:10px;padding:9px 18px;font-size:.86rem;font-weight:600}.btn-primary:hover{background:var(--teal-hover)}.btn-secondary{color:var(--text-secondary);border:1px solid var(--card-border);background:0 0;border-radius:10px;padding:9px 16px;font-size:.86rem}.btn-icon{color:var(--text-secondary);background:0 0;border:none;padding:4px 6px;font-size:.95rem}.btn-icon:hover{color:var(--teal)}.btn-icon--danger:hover{color:var(--red)}.fx-table{border-collapse:collapse;width:100%;font-size:.84rem}.fx-table th{text-align:left;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--card-border);padding:8px 6px;font-size:.72rem}.fx-table td{vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:7px 6px}.fx-table input[type=text]{width:100%}.fx-row--inactive{opacity:.45}.fx-badge{background:var(--teal-dim);color:var(--teal);border-radius:999px;margin-left:6px;padding:1px 7px;font-size:.68rem}.history-row,.extra-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.history-row .label{flex:1;font-size:.84rem}.history-row .tag{color:var(--amber);font-size:.68rem}.history-row input{width:140px}.extra-row input{flex:1;min-width:0}.login-container{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-box{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;border-radius:18px;width:100%;max-width:420px;padding:44px 40px}.login-box h1{margin-bottom:8px;font-size:1.4rem}.login-box p{color:var(--text-secondary);margin-bottom:26px;font-size:.9rem}.login-box .login-error{color:#ef8f8f;margin-bottom:18px;line-height:1.5}.login-button{background:var(--teal);color:#06202b;border:none;border-radius:12px;width:100%;padding:12px 26px;font-size:.95rem;font-weight:600;display:inline-block}.login-button:hover{background:var(--teal-hover);color:#06202b}.mobile-header{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--card-border);background:#0f1729eb;justify-content:space-between;align-items:center;padding:12px 16px;display:none;position:fixed;top:0;left:0;right:0}.mobile-header .title{font-size:1rem;font-weight:700}.mobile-filter-btn{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-primary);border-radius:10px;padding:8px 14px;font-size:.84rem}.mobile-overlay{z-index:40;background:#080d1999;display:none;position:fixed;inset:0}.mobile-overlay--visible{display:block}@media (max-width:1400px){.charts-grid{grid-template-columns:1fr}}@media (max-width:900px){.mobile-header{display:flex}.app-container{grid-template-columns:1fr;padding-top:56px}.sidebar{z-index:45;border-bottom:1px solid var(--card-border);max-height:calc(100vh - 56px);transition:transform .2s ease-out;position:fixed;top:56px;left:0;right:0;overflow-y:auto;transform:translateY(-110%)}.sidebar--open{transform:translateY(0)}.main-content{padding:20px 14px}.kpi-container{grid-template-columns:1fr 1fr}}@media (max-width:600px){.kpi-container{grid-template-columns:1fr}.extra-row{flex-wrap:wrap}.main-content{padding:16px 10px}.main-content h1{margin-bottom:12px;font-size:1.25rem}.graph-container{margin-bottom:14px;padding:10px 8px}}@media print{html,body{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:var(--bg-primary)!important}@page{margin:8mm}.mobile-header,.mobile-filter-btn,.mobile-overlay,.sidebar,.chart-scope-toggle{display:none!important}.app-container{grid-template-columns:1fr;padding-top:0}.main-content{padding:0}.charts-grid{grid-template-columns:1fr}.graph-container{break-inside:avoid;page-break-inside:avoid}}