*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f3f4f6}.app-container{display:flex;flex-direction:column;min-height:100vh}.table-wrap{flex:1 1 auto;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.app-header,.period-bar,.filters-bar{flex-shrink:0}.mobile-view,.mobile-header,.mobile-menu,.mobile-overlay{display:none}@media(max-width:1024px){.app-header .toolbar,.period-bar{flex-wrap:wrap!important;gap:8px!important}}@media(max-width:768px){.desktop-only,.desktop-table{display:none!important}.mobile-view{display:flex;flex-direction:column;flex:1 1 auto;overflow-y:auto}.mobile-header,.mobile-menu,.mobile-overlay{display:flex!important}.app-container{background:#111827!important}.table-wrap{padding:0!important}}@media(max-width:480px){html{font-size:12px}}.mobile-header{display:none;background:#1e3a5f;color:#fff;padding:10px 14px;align-items:center;justify-content:space-between;flex-shrink:0;z-index:100}.mobile-header-title{font-size:16px;font-weight:800;letter-spacing:-.3px}.mobile-header-right{display:flex;align-items:center;gap:10px}.mobile-header-meta{font-size:11px;opacity:.7}.mobile-hamburger{background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:2px 6px}.mobile-menu{display:none;flex-direction:column;background:#1f2937;padding:12px 14px;gap:10px;z-index:99;flex-shrink:0}.mobile-menu-section{display:flex;flex-direction:column;gap:6px}.mobile-menu-label{font-size:11px;color:#9ca3af}.mobile-menu-row{display:flex;gap:8px;flex-wrap:wrap}.mobile-menu-btn{padding:6px 14px;border-radius:6px;border:1px solid #374151;background:#374151;color:#e5e7eb;font-size:12px;font-weight:600;cursor:pointer}.mobile-menu-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.mobile-menu-action{padding:8px 16px;border-radius:8px;border:none;background:#374151;color:#e5e7eb;font-size:12px;font-weight:600;cursor:pointer}.mobile-menu-export{background:#059669;color:#fff}.mobile-menu-info{background:#1e3a5f;color:#e5e7eb}.mobile-menu-logout{background:#dc2626;color:#fff}.mobile-menu-footer{flex-direction:row!important;align-items:center;border-top:1px solid #374151;padding-top:10px}.mobile-menu-user{font-size:12px;color:#9ca3af;flex:1}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;flex-direction:column;background:#111827;color:#e5e7eb}.mobile-overlay-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#1e3a5f;font-size:16px;font-weight:700;color:#fff;flex-shrink:0}.mobile-overlay-header button{background:none;border:none;color:#fff;font-size:22px;cursor:pointer}.mobile-overlay-body{flex:1;overflow-y:auto;padding:16px}.mobile-overlay-section{margin-bottom:20px}.mobile-overlay-title{display:block;font-size:11px;text-transform:uppercase;color:#ef4444;font-weight:700;letter-spacing:.5px;margin-bottom:8px}.mobile-overlay-chips{display:flex;flex-wrap:wrap;gap:6px}.mobile-overlay-chip{background:#7f1d1d;color:#fecaca;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600}.mobile-overlay-empty{color:#6b7280;font-size:12px}.mobile-overlay-item{padding:10px 0;border-bottom:1px solid #1f2937;display:flex;flex-direction:column;gap:2px}.mobile-overlay-item strong{color:#60a5fa;font-size:13px}.mobile-overlay-item span{font-size:12px;color:#9ca3af}.mobile-view{-webkit-overflow-scrolling:touch;padding:0 0 20px;background:#111827}.m-kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.m-kpi-tile{border-radius:10px;padding:14px 16px;color:#fff;display:flex;flex-direction:column;gap:4px}.m-kpi-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;opacity:.85;font-weight:600}.m-kpi-value{font-size:20px;font-weight:800;letter-spacing:-.5px}.m-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px}.m-filter-btn{background:#be185d;color:#fff;border:none;border-radius:20px;padding:7px 16px;font-size:12px;font-weight:600;cursor:pointer;position:relative;white-space:nowrap}.m-filter-btn-active{background:#9d174d}.m-filter-badge{position:absolute;top:-4px;right:-4px;background:#fbbf24;color:#000;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800}.m-sort-select{flex:1;padding:7px 10px;border:1px solid #374151;border-radius:8px;font-size:12px;background:#1f2937;color:#e5e7eb}.m-count{font-size:11px;color:#9ca3af;white-space:nowrap}.m-filters{padding:0 12px 8px}.m-filter-section{margin-bottom:8px}.m-filter-title{display:block;font-size:10px;text-transform:uppercase;color:#be185d;font-weight:700;letter-spacing:.5px;margin-bottom:4px}.m-filter-chips{display:flex;flex-wrap:wrap;gap:6px}.m-chip{background:#374151;color:#e5e7eb;border:1px solid #4b5563;border-radius:16px;padding:4px 12px;font-size:11px;cursor:pointer;white-space:nowrap;transition:all .15s}.m-chip:hover,.m-chip:active{background:#4b5563}.m-chip-active{background:#be185d!important;border-color:#be185d!important;color:#fff!important;font-weight:600}.m-chip-more{color:#6b7280;font-size:11px;padding:4px 8px}.m-client-list{padding:0 12px}.m-client-card{background:#1f2937;border-radius:10px;margin-bottom:8px;padding:12px 14px;border-left:4px solid #6b7280;cursor:pointer;transition:background .15s}.m-client-card:active{background:#283548}.m-client-head{display:flex;align-items:center;gap:10px}.m-client-rank{width:24px;height:24px;border-radius:50%;background:#374151;color:#9ca3af;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.m-client-info{flex:1;min-width:0}.m-client-name{font-size:14px;font-weight:700;color:#f3f4f6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-client-detail{font-size:11px;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-client-main-value{text-align:right;flex-shrink:0}.m-client-main-amount{display:block;font-size:15px;font-weight:800;color:#f3f4f6}.m-client-main-pct{display:block;font-size:12px;font-weight:700}.m-client-expanded{margin-top:10px;padding-top:10px;border-top:1px solid #374151}.m-client-metrics-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.m-client-metric{background:#283548;border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;gap:2px}.m-cm-label{font-size:9px;text-transform:uppercase;color:#9ca3af;font-weight:600;letter-spacing:.3px}.m-cm-value{font-size:13px;font-weight:700;color:#e5e7eb}.m-client-cat{margin-top:6px;font-size:10px;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}@media(max-width:380px){.m-kpi-value{font-size:17px}.m-client-metrics-grid{grid-template-columns:1fr 1fr}}