@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:Inter,Noto Sans SC,system-ui,sans-serif;color:#172725;background:#f2f5f3;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f2f5f3}a{color:#0f766e}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 20%,rgba(45,212,191,.25),transparent 35%),radial-gradient(circle at 85% 80%,rgba(224,122,95,.2),transparent 35%),#0b2e2e}.login-card{width:min(440px,100%);border-radius:24px;padding:18px;box-shadow:0 30px 80px #00000059}.brand-mark{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#0f766e;color:#fff;font-weight:800;letter-spacing:1px;margin-bottom:20px}.admin-layout{min-height:100vh}.admin-sider{background:#0b2e2e!important}.admin-brand{height:82px;display:flex;align-items:center;gap:12px;padding:0 20px;color:#fff}.admin-brand>span{width:40px;height:40px;display:grid;place-items:center;background:#0f766e;border-radius:12px;font-weight:800}.admin-brand div{display:flex;flex-direction:column}.admin-brand small{color:#7fb5ad;font-size:9px;letter-spacing:1.8px}.admin-sider .ant-menu{background:transparent;padding:12px}.admin-sider .ant-menu-item{margin-bottom:5px;border-radius:9px}.admin-sider .ant-menu-item-selected{background:#0f766e!important}.sider-footer{position:absolute;bottom:20px;left:20px;right:20px;display:flex;flex-direction:column;gap:6px}.admin-content{padding:28px 32px;min-height:100vh}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.page-heading h2{margin:0 0 4px!important}.metric-card{height:100%;border:1px solid #e4ebe7}.display-shell{min-height:100vh;padding:clamp(18px,4vw,52px);background:radial-gradient(circle at 92% -8%,rgba(56,161,148,.14),transparent 36%),radial-gradient(circle at -8% 92%,rgba(225,139,109,.12),transparent 34%),#f5f8f6;color:#1d3430}.display-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}.display-title{min-width:0}.display-header h1{font-size:clamp(32px,5.5vw,64px);line-height:1;margin:10px 0;letter-spacing:-2px;color:#153b36}.eyebrow{color:#257d71;text-transform:uppercase;font-size:12px;letter-spacing:1.7px}.room-code{color:#718c86;font-family:ui-monospace,SFMono-Regular,monospace;letter-spacing:1px}.display-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}.live-dot{color:#64837d;font-size:12px}.live-dot:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#29a779;margin-right:7px;box-shadow:0 0 0 4px #29a7791f}.display-loading{min-height:100vh;display:grid;place-items:center;padding:40px;background:#f5f8f6;color:#1d3430}.display-alert{margin-bottom:16px}.display-shell .ant-card{background:#ffffffeb;border-color:#e0eae5;color:#1d3430;box-shadow:0 12px 38px #1a3d360d}.display-shell .ant-card-head{border-color:#e5eee9}.display-shell .ant-card-head-title{color:#183b35}.display-shell .ant-statistic-title,.display-shell .ant-typography{color:#647f79!important}.display-shell .ant-statistic-content{color:#143a34}.display-shell .ant-select-selector,.display-shell .ant-picker{background:#fff!important;border-color:#d5e4de!important}.kpi-row{margin-bottom:0!important}.kpi-card{height:100%;border-radius:18px!important}.kpi-card.hero{background:linear-gradient(135deg,#0f766e,#176d62)!important;border:1px solid #0d695f!important;color:#fff}.kpi-card.hero .ant-statistic-title,.kpi-card.hero .ant-statistic-content{color:#f3fffc!important}.kpi-foot{margin-top:8px;color:#708a84;font-size:12px}.kpi-card.hero .kpi-foot{color:#effffbb8}.chart-card{margin-top:20px;border-radius:18px!important}.chart-card .ant-card-head{min-height:64px}.muted{color:#78918b;font-size:12px}.pie-wrap{height:280px}.company-list{display:flex;flex-direction:column;gap:10px}.company-row{display:grid;grid-template-columns:12px 1fr auto auto;gap:16px;align-items:center;padding:14px 16px;border:1px solid #e4eee9;border-radius:12px;background:#f9fcfb}.color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.company-main,.company-metric{display:flex;flex-direction:column;min-width:0}.company-main strong{color:#183b35}.company-main span,.company-metric span{color:#78918b;font-size:11px}.company-metric{text-align:right}.company-metric strong{font-size:18px;color:#165b52}.month-card{margin-bottom:24px}.month-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.month-head h3{margin:0!important;color:#183b35}.month-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0 14px}.month-overview>div{padding:14px;border-radius:12px;background:#f4faf7;border:1px solid #e3eee8;display:flex;flex-direction:column;gap:5px}.month-overview span{color:#758e88;font-size:12px}.month-overview strong{color:#143a34;font-size:22px;font-variant-numeric:tabular-nums}.month-company-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin-bottom:18px}.month-company{display:grid;grid-template-columns:10px 1fr;gap:6px 10px;align-items:center;padding:12px 14px;border-radius:12px;background:#f9fcfb;border:1px solid #e4eee9}.month-company>span:not(.color-dot){color:#6c8781;font-size:12px;grid-column:2}.month-company strong{color:#183b35}.collapse-label{display:flex;justify-content:space-between;gap:12px;width:100%}.collapse-label span{color:#708a84;font-size:12px}.interval-detail{padding:0 4px 10px}.interval-panel{padding:12px 0;border-bottom:1px solid #e5eee9}.interval-panel-head{display:flex;justify-content:space-between;gap:10px;color:#183b35}.interval-panel-head span{color:#708a84;font-size:12px;white-space:nowrap}.interval-row{display:flex;justify-content:space-between;gap:12px;padding:7px 0 0 16px;color:#5c7771;font-size:13px}.display-footer{text-align:center;color:#819892;font-size:12px;padding:18px 0 0}@media(max-width:760px){.admin-content{padding:18px}.admin-sider{display:none}.display-shell{padding:16px 12px 22px}.display-header{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:18px}.display-title{width:100%}.display-header h1{font-size:clamp(30px,11vw,46px);letter-spacing:-1.2px}.display-actions{width:100%;align-items:stretch;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.display-actions .ant-picker{flex:0 0 auto}.live-dot{align-self:center}.display-shell .ant-card{border-radius:14px!important}.display-shell .ant-card-body{padding:16px}.display-shell .ant-card-head{padding:0 16px;min-height:56px}.chart-card .ant-card-extra{display:none}.pie-wrap{height:235px}.company-row{grid-template-columns:10px 1fr;gap:7px 10px;padding:12px}.company-main{min-width:0}.company-metric{text-align:left;flex-direction:row;align-items:baseline;gap:6px}.company-metric strong{font-size:16px}.month-head{align-items:flex-start;flex-direction:column;gap:10px}.month-overview{grid-template-columns:1fr 1fr}.month-overview>div:last-child{grid-column:span 2}.month-company-list{grid-template-columns:1fr}.collapse-label{align-items:flex-start;flex-direction:column;gap:3px}.collapse-label span{align-self:flex-start}.interval-panel-head{align-items:flex-start;flex-direction:column;gap:4px}.interval-row{align-items:flex-start;flex-direction:column;gap:4px;padding-left:0}.display-footer{padding:14px 4px 0;line-height:1.6}}
