@charset "UTF-8";html{scroll-behavior:smooth}.main,.content,[class*=shell-content],[class*=main-content]{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;will-change:scroll-position}@media print{.sidebar,.header,.shell-toggle,.sidebar-toggle{display:none!important}.shell{display:block!important;height:auto!important;overflow:visible!important}.main{display:block!important;height:auto!important;overflow:visible!important;background:#fff!important}.content{display:block!important;overflow:visible!important;height:auto!important}body,app-root{background:#fff!important}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;color:#000;background:#fff;-webkit-font-smoothing:antialiased}.container{max-width:1400px;margin-left:auto;margin-right:auto;width:100%}.dashboard-container{max-width:1600px;margin:0 auto;display:flex;flex-direction:column;gap:20px;padding:24px;background:transparent;min-height:calc(100vh - 56px)}.dash-row{display:grid;gap:16px}.dash-row--2{grid-template-columns:1fr 1fr}.dash-row--3{grid-template-columns:repeat(3,1fr)}.dash-row--4{grid-template-columns:repeat(4,1fr)}.dash-row--6{grid-template-columns:repeat(6,1fr)}.dash-row--12{grid-template-columns:repeat(12,1fr)}.dash-card{background:#fff;border-radius:16px;border:1px solid #f0f4f8;padding:20px 24px;box-shadow:0 1px 3px #0000000a,0 1px 8px #00000005;display:flex;flex-direction:column;gap:10px}.dash-card--gradient-blue{background:linear-gradient(135deg,#006eff,#6366f1);border:none;box-shadow:0 4px 20px #6366f14d}.dash-card--gradient-blue .card-title{color:#ffffffbf}.dash-card--gradient-blue .card-big-number{color:#fff}.dash-card--gradient-blue .card-stat-row{color:#ffffffe6;border-bottom-color:#ffffff1a}.dash-card--gradient-blue .badge{background:#fff3;color:#fff;border-color:transparent}.dash-card--gradient-green{background:linear-gradient(135deg,#10b981,#059669);border:none;box-shadow:0 4px 20px #10b9814d}.dash-card--gradient-green .card-title{color:#ffffffbf}.dash-card--gradient-green .card-big-number{color:#fff}.dash-card--gradient-green .card-stat-row{color:#ffffffe6;border-bottom-color:#ffffff1a}.dash-card--gradient-green .badge{background:#fff3;color:#fff;border-color:transparent}.card-title{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#666;margin-bottom:8px}.card-big-number{font-size:42px;font-weight:800;color:#000;line-height:1;letter-spacing:-1px;margin-bottom:12px}.card-sub-stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.card-stat-item{font-size:13px;color:#555}.card-stat-item strong{font-weight:600;color:#1a1a1a}.card-stat-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0;font-size:13px;font-weight:600;color:#000;border-bottom:1px solid #ffffff}.card-stat-row:last-child{border-bottom:none}.card-divider{border:none;border-top:1px solid #f0f0f0;margin:6px 0}.rank-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f5f5f5;gap:8px}.rank-row:last-child{border-bottom:none}.rank-num{font-size:12px;color:#aaa;width:18px;flex-shrink:0}.rank-name{flex:1;font-size:13px;color:#1a1a1a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top3-list{display:flex;flex-direction:column;gap:8px;margin-top:6px}.top3-item{display:flex;align-items:center;gap:10px}.rank-badge{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.rank-badge--1{background:gold;color:#7a6000}.rank-badge--2{background:silver;color:#555}.rank-badge--3{background:#cd7f32;color:#6b3a10}.top3-name{flex:1;font-size:13px;color:#1a1a1a;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top3-value{font-size:13px;color:#555;white-space:nowrap}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:500;white-space:nowrap}.badge--blue{background:#f0f4ff;color:#04f}.badge--green{background:#e8f9e8;color:#009e08}.badge--amber{background:#fffbeb;color:#92400e}.badge--red{background:#fff0f0;color:red}.badge--grey{background:#f5f5f5;color:#666}.badge--gold{background:#fffbeb;color:#92400e}.city-grid{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.city-box{background:#fff;border:1px solid #d8d8d8;border-radius:12px;padding:16px 20px;display:flex;flex-direction:column;gap:6px;min-width:160px;flex:0 0 auto}.city-name{font-size:15px;font-weight:700;color:#1a1a1a;margin:0}.city-stats{display:flex;flex-direction:column;gap:3px;margin-top:4px}.city-stat{font-size:12px;color:#555}.city-stat strong{font-weight:600;color:#1a1a1a}.view-all-btn{margin-top:auto;align-self:flex-start;border:1px solid #d0d0d0;background:transparent;border-radius:8px;padding:7px 14px;font-size:13px;cursor:pointer;color:#1a1a1a;font-family:inherit;transition:background .15s}.view-all-btn:hover{background:#f0f0f0}.card-chart-area{margin-top:12px;height:90px;position:relative}.card-chart-area canvas{display:block}.dash-loading{display:flex;align-items:center;justify-content:center;padding:48px;color:#888;font-size:14px}.dash-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px;color:#c0392b;font-size:14px;text-align:center}.dash-error button{border:1px solid #c0392b;background:transparent;color:#c0392b;padding:8px 18px;border-radius:8px;cursor:pointer;font-size:13px;font-family:inherit}.dash-error button:hover{background:#fdecea}@media(max-width:640px){.dash-row--3,.dash-row--4,.dash-row--6,.dash-row--12{grid-template-columns:1fr 1fr}.dash-row--2{grid-template-columns:1fr}.card-big-number{font-size:28px}.table-wrap,[class*=table-wrap]{overflow-x:auto;-webkit-overflow-scrolling:touch}.city-grid{gap:8px}.city-box{min-width:130px;padding:12px 14px}.dashboard-container{padding:12px;gap:12px}}.inactive-count{font-size:32px;font-weight:700;color:#1a1a1a;line-height:1;letter-spacing:-.02em}.inactive-label{font-size:13px;color:#888}.pg-bar{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 0 8px}.pg-btn{padding:6px 16px;font-size:13px;font-weight:600;color:#444;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:background .12s,border-color .12s}.pg-btn:hover:not(:disabled){background:#f5f5f5;border-color:#bbb}.pg-btn:disabled{opacity:.35;cursor:default}.pg-info{font-size:13px;font-weight:600;color:#888;min-width:56px;text-align:center}