*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background:#0f1117;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#1a1d27}::-webkit-scrollbar-thumb{background:#3a3f52;border-radius:3px}input,select{font-family:inherit}.card{background:#1a1d27;border:1px solid #2a2d3e;border-radius:12px;padding:20px}.btn{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .15s}.btn-primary{color:#fff;background:#2563eb}.btn-primary:hover{background:#1d4ed8}.btn-secondary{color:#e2e8f0;background:#2a2d3e}.btn-secondary:hover{background:#363a50}.btn-danger{color:#fff;background:#dc2626}.btn-danger:hover{background:#b91c1c}.btn-sm{padding:5px 10px;font-size:12px}.input{color:#e2e8f0;background:#0f1117;border:1px solid #2a2d3e;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:14px;transition:border-color .15s}.input:focus{border-color:#2563eb}select.input option{background:#1a1d27}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #2a2d3e;padding:10px 12px;font-size:12px;font-weight:600}td{vertical-align:middle;border-bottom:1px solid #1e2235;padding:10px 12px}tr:last-child td{border-bottom:none}tr:hover td{background:#1e2235}.badge{border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-red{color:#f87171;background:#451a1a}.badge-amber{color:#fb923c;background:#431a07}.badge-green{color:#4ade80;background:#052e16}.modal-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:#1a1d27;border:1px solid #2a2d3e;border-radius:16px;width:100%;max-width:480px;max-height:90vh;padding:24px;overflow-y:auto}.form-row{margin-bottom:16px}.form-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:24px;display:grid}.kpi-card{background:#1a1d27;border:1px solid #2a2d3e;border-radius:12px;padding:16px}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:24px;display:grid}.section-title{margin-bottom:16px;font-size:16px;font-weight:700}.nav-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:500;transition:all .15s}.nav-btn:hover{color:#e2e8f0;background:#1e2235}.nav-btn.active{color:#fff;background:#2563eb}.prog-bar{background:#2a2d3e;border-radius:3px;height:6px;overflow:hidden}.prog-fill{border-radius:3px;height:100%;transition:width .3s}.auth-mobile-features{display:none}@media (width<=768px){.auth-left{display:none!important}.auth-right{width:100%!important;padding:32px 24px 16px!important}.auth-mobile-features{display:block}html,body{max-width:100vw;overflow-x:hidden}header{overflow:hidden}header>div{flex-direction:column;gap:6px;width:100%;padding:8px 0;align-items:flex-start!important}header span[style]{font-size:15px!important}.main-nav{white-space:nowrap;width:100%;padding-bottom:4px;overflow-x:auto;display:block!important}.main-nav::-webkit-scrollbar{display:none}.nav-btn{padding:5px 9px;font-size:12px;display:inline-block}header>div>div:last-child{flex-wrap:wrap;gap:6px;width:100%}header>div>div:last-child .input{flex:1;width:auto;min-width:80px}.card{padding:14px}.kpi-card{padding:12px}main{padding:16px 10px!important}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table{font-size:13px}th,td{padding:8px}.charts-grid{grid-template-columns:1fr!important}.modal{border-radius:12px;padding:16px}.modal-overlay{align-items:flex-end;padding:10px}}