:root{--ink:#17212b;--muted:#6b7683;--line:#dfe5e8;--paper:#f4f7f6;--panel:#fff;--nav:#14252b;--green:#0f8a6a;--teal:#36c7a3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}button,a{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:220px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#dce9e6;background:radial-gradient(circle at 30% 0%, #214047, var(--nav) 44%);flex-direction:column;height:100vh;padding:28px 20px 22px;display:flex;position:sticky;top:0}.brand-mark{background:#d70f1d;border-radius:18px;width:56px;height:56px;margin:0 8px 38px;overflow:hidden;box-shadow:0 12px 30px #07151766}.brand-mark img{object-fit:cover;width:100%;height:100%;display:block}.sidebar nav{gap:8px;display:grid}.nav-item{color:#a9bbb8;border-radius:13px;align-items:center;gap:12px;padding:12px 13px;font-size:14px;text-decoration:none;display:flex}.nav-item span{border:1px solid #4c6664;border-radius:9px;place-items:center;width:27px;height:27px;font-size:12px;display:grid}.nav-item:hover,.nav-item.active{color:#fff;background:#ffffff10}.nav-item.active span{color:#0e4639;background:var(--teal);border-color:var(--teal)}.sidebar-note{background:#ffffff08;border:1px solid #ffffff16;border-radius:14px;margin-top:auto;padding:15px}.sidebar-note b{font-size:13px}.sidebar-note p{color:#87a19c;margin:5px 0 0;font-size:11px}.workspace{min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#ffffffd9;justify-content:space-between;align-items:center;gap:28px;height:106px;padding:0 42px;display:flex;position:sticky;top:0}.eyebrow,.section-tag{letter-spacing:.15em;color:var(--green);margin:0 0 6px;font-size:10px;font-weight:800}h1{letter-spacing:-.04em;margin:0;font-size:clamp(24px,2.4vw,34px)}.top-actions{align-items:center;gap:14px;display:flex}.role-switch{background:#eef2f1;border-radius:12px;padding:4px;display:flex}.role-switch button{color:#687470;background:0 0;border:0;border-radius:9px;padding:7px 12px;font-size:12px}.role-switch .selected{color:var(--ink);background:#fff;font-weight:700;box-shadow:0 3px 10px #1b2d2820}.user-badge{align-items:center;gap:8px;min-width:112px;display:flex}.user-badge>span{color:#155346;background:#ddf1eb;border-radius:10px;place-items:center;width:31px;height:31px;font-size:12px;font-weight:800;display:grid}.user-badge b,.user-badge small{display:block}.user-badge b{font-size:10px}.user-badge small{color:#8a949a;text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:8px;overflow:hidden}.refresh-status{color:#687470;white-space:nowrap;align-items:center;gap:7px;font-size:12px;display:flex}.refresh-status i{background:#d99b37;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #d99b3718}.content{max-width:1640px;margin:auto;padding:32px 42px 56px}.hero-row{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.hero-row h2{letter-spacing:-.02em;margin:0;font-size:20px}.date-label{color:var(--muted);margin:0 0 4px;font-size:12px}.window-note{color:#52635f;background:#e7efed;border-radius:10px;margin:0;padding:8px 11px;font-size:11px}.kpi-grid{grid-template-columns:repeat(5,minmax(140px,1fr));gap:14px;display:grid}.kpi-card{border:1px solid var(--line);background:var(--panel);border-radius:18px;min-height:148px;padding:18px;position:relative;overflow:hidden;box-shadow:0 8px 30px #23383108}.kpi-card:after{content:"";opacity:.055;background:currentColor;border-radius:50%;width:90px;height:90px;position:absolute;top:-28px;right:-22px}.kpi-head{color:#4f5d68;justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.kpi-head small{color:#7a858d;background:#f1f4f3;border-radius:7px;padding:4px 7px;font-size:9px}.kpi-value{color:var(--ink);letter-spacing:-.05em;margin-top:18px;font-size:30px;font-weight:800}.kpi-value em{color:#7e898f;margin-left:5px;font-size:12px;font-style:normal;font-weight:600}.kpi-card p{color:#91999e;margin:9px 0 0;font-size:10px}.kpi-card.blue{color:#3b82c4}.kpi-card.green{color:#0d9871}.kpi-card.amber{color:#d58d26}.kpi-card.rose{color:#c45f67}.kpi-card.violet{color:#7e6dc7}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(290px,.85fr);align-items:start;gap:16px;margin-top:16px;display:grid}.panel{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:22px;box-shadow:0 8px 30px #23383108}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-heading h3{letter-spacing:-.02em;margin:0;font-size:17px}.status-pill,.privacy-chip{border-radius:999px;padding:6px 9px;font-size:10px;font-weight:700}.status-pill.pending{color:#8b5a13;background:#fff1d9}.status-pill.blocked{color:#9a464d;background:#ffe9eb}.status-pill.ready{color:#236a58;background:#e1f4ed}.privacy-chip{color:#32685b;background:#e5f4ef}.live-summary{border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(5,1fr);margin:20px 0 16px;display:grid;overflow:hidden}.live-summary div{border-right:1px solid var(--line);padding:13px 12px}.live-summary div:last-child{border:0}.live-summary span{color:#7d878d;min-height:27px;font-size:9px;line-height:1.3;display:block}.live-summary b{margin-top:5px;font-size:18px;display:block}.account-list{gap:7px;display:grid}.account-list.compact{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.live-detail-wrap{margin-top:16px}.detail-title{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.detail-title b{font-size:12px}.detail-title small{color:#899399;font-size:9px}.live-detail-table{border:1px solid var(--line);border-radius:14px;overflow:hidden}.live-detail-row{border-top:1px solid var(--line);grid-template-columns:1.6fr .7fr .85fr .65fr .85fr .8fr .7fr;align-items:center;gap:8px;padding:10px 12px;font-size:10px;display:grid}.live-detail-row:first-child{border-top:0}.live-detail-row>span:first-child b,.live-detail-row>span:first-child small,.live-detail-row>span:nth-child(5) small{display:block}.live-detail-row small{color:#899399;margin-top:2px;font-size:8px}.live-detail-head{color:#748087;background:#f4f7f6;font-size:9px;font-weight:700}.detail-empty{color:#899399;text-align:center;padding:18px;font-size:10px}.account-row{background:#f7f9f8;border-radius:12px;grid-template-columns:34px minmax(0,1fr) auto 42px;align-items:center;gap:10px;padding:9px 10px;display:grid}.account-avatar{color:#155346;background:#ddf1eb;border-radius:10px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:grid}.account-row b,.account-row span{display:block}.account-row b{font-size:12px}.account-row span,.account-row small{color:#899399;font-size:9px}.account-row strong{text-align:right;font-size:14px}.empty-chart{align-content:center;place-items:center;gap:12px;min-height:182px;display:grid}.ring{background:conic-gradient(#dfe8e5 0 100%);border-radius:50%;place-items:center;width:100px;height:100px;display:grid;position:relative}.ring:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:10px}.ring span{z-index:1;font-size:22px;font-weight:800}.empty-chart p{text-align:center;color:#899399;max-width:210px;margin:0;font-size:10px;line-height:1.5}.mini-bars{gap:10px;display:grid}.mini-bars div{grid-template-columns:76px 1fr 24px;align-items:center;gap:9px;font-size:10px;display:grid}.mini-bars i{background:#edf1f0;border-radius:5px;height:6px;overflow:hidden}.mini-bars i b{background:var(--teal);height:100%;display:block}.mini-bars em{color:#8a949a;font-style:normal}.service-panel{grid-column:1/-1}.service-columns{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.service-card{border:1px solid var(--line);border-radius:14px;min-height:230px;padding:17px}.service-card span{color:#647179;font-size:11px}.service-card b{margin:9px 0 4px;font-size:24px;display:block}.service-card b em{color:#8d979c;font-size:10px;font-style:normal;font-weight:500}.service-card p{color:#8d979c;margin:0;font-size:9px}.service-card small{color:var(--green);margin-top:12px;font-size:9px;display:block}.issue-list{color:#4f5c61;margin:12px 0 0;padding-left:16px;font-size:10px;line-height:1.55}.issue-list li+li{margin-top:5px}.action-card{min-height:330px}.action-list{padding-left:0;list-style:none}.action-list li{color:#3f4b50;background:#fff7f6;border-left:3px solid #d95555;border-radius:8px;padding:9px 10px}.manager-only{background:#f1f5f4;border-radius:10px;margin-top:12px;padding:10px}.manager-only>b{color:#155346;margin:0;font-size:10px}.privacy-note{background:#f4f6f6;border-radius:8px;padding:9px;margin-top:12px!important}.source-panel{grid-area:2/2}.text-button{color:var(--green);background:0 0;border:0;padding:0;font-size:10px}.source-list{gap:5px;margin-top:16px;display:grid}.source-row{grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 6px;display:grid}.dot{background:#d69a3d;border-radius:50%;width:7px;height:7px}.blocked-dot{background:#c65b65}.source-row b,.source-row span{display:block}.source-row b{font-size:11px}.source-row span,.source-row small{color:#8c969b;font-size:9px}@media (max-width:1180px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.source-panel,.service-panel{grid-area:auto/1}}@media (max-width:760px){.app-shell{display:block}.sidebar{flex-direction:row;align-items:center;width:100%;height:auto;padding:14px 18px;position:static}.brand-mark{border-radius:13px;width:42px;height:42px;margin:0 16px 0 0}.sidebar nav{display:flex;overflow-x:auto}.nav-item{white-space:nowrap;padding:8px}.nav-item span,.sidebar-note{display:none}.topbar{align-items:flex-start;height:auto;padding:20px;position:static}.top-actions{justify-items:end;display:grid}.content{padding:22px 16px 40px}.hero-row{flex-direction:column;align-items:flex-start}.kpi-grid,.live-summary{grid-template-columns:repeat(2,1fr)}.live-summary div{border-bottom:1px solid var(--line)}.service-columns,.account-list.compact{grid-template-columns:1fr}.live-detail-row{grid-template-columns:1.4fr .7fr .8fr .6fr}.live-detail-row>span:nth-child(5),.live-detail-row>span:nth-child(6),.live-detail-row>span:nth-child(7){display:none}.account-row{grid-template-columns:34px 1fr auto}.account-row small{display:none}}button,input{font:inherit}.login-page{background:radial-gradient(circle at 20% 20%,#e4f4ef 0,#0000 36%),linear-gradient(135deg,#f8faf9,#eef3f1);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #dfe8e4;border-radius:24px;width:min(390px,100%);padding:38px;box-shadow:0 24px 70px #19372e22}.login-card>img{object-fit:cover;border-radius:18px;width:78px;height:78px}.login-card h1{margin:8px 0 6px;font-size:28px}.login-copy{color:var(--muted);margin:0 0 22px}.login-card form{gap:16px;display:grid}.login-card label{gap:7px;font-size:13px;font-weight:700;display:grid}.login-card input{box-sizing:border-box;border:1px solid #d5dfdb;border-radius:12px;outline:none;width:100%;padding:12px 14px}.login-card input:focus{border-color:var(--green);box-shadow:0 0 0 3px #1f78651b}.login-card button{color:#fff;background:var(--green);cursor:pointer;border:0;border-radius:12px;padding:13px;font-weight:800}.login-card>small{color:#8c9894;text-align:center;margin-top:18px;display:block}.login-error{color:#c83f50;margin:-4px 0 0;font-size:12px}.logout-button{color:#687470;cursor:pointer;background:#fff;border:1px solid #dce5e1;border-radius:10px;padding:8px 11px}