:root{font-family:Inter,SF Pro Display,Segoe UI,Microsoft YaHei,sans-serif;color:#182235;background:#f3f5f8;font-synthesis:none;--ink: #111a2a;--muted: #68758a;--line: #e5e9f0;--panel: rgba(255, 255, 255, .92);--nav: #0b1322;--teal: #17a890;--indigo: #655ce8;--coral: #ef735f;--amber: #d99a31}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 75% -20%,rgba(101,92,232,.08),transparent 35%),#f3f5f8}button,input,select{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;z-index:30;display:flex;flex-direction:column;padding:23px 16px;color:#dce4f3;background:linear-gradient(175deg,#0b1322,#111a2c 68%,#0c2030);box-shadow:14px 0 35px #10192a1f}.brand{display:flex;align-items:center;gap:12px;padding:0 8px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;color:#8ef0df;background:linear-gradient(145deg,#41cdb633,#655ce840);border:1px solid rgba(142,240,223,.2)}.brand>span:last-of-type{display:grid}.brand strong{color:#fff;font-size:20px;letter-spacing:.06em}.brand small{color:#8290a8;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.close-nav{display:none;margin-left:auto;color:#fff}.workspace-chip{display:flex;align-items:center;gap:10px;margin:30px 5px 20px;padding:12px;background:#ffffff0e;border:1px solid rgba(255,255,255,.07);border-radius:13px}.workspace-chip>span:last-child{display:grid;gap:2px}.workspace-chip small{font-size:10px;color:#8290a8}.workspace-chip strong{font-size:12px;color:#e8edf5}.status-orb{width:9px;height:9px;border-radius:50%;background:#4bd4bb;box-shadow:0 0 0 5px #4bd4bb1f}.side-nav{display:grid;gap:6px}.nav-button{border:0;background:transparent;color:#8491a8;display:flex;align-items:center;gap:12px;width:100%;padding:11px 13px;border-radius:11px;text-align:left;transition:.18s ease}.nav-button svg{width:19px;height:19px}.nav-button:hover{color:#e5ecf8;background:#ffffff0d}.nav-button.active{color:#f8fbff;background:linear-gradient(90deg,#44c7b12e,#655ce817);box-shadow:inset 3px 0 #47cbb5}.sidebar-note{display:flex;align-items:flex-start;gap:10px;margin-top:auto;padding:13px;color:#8cdacb;border:1px solid rgba(73,200,177,.16);background:#29908114;border-radius:12px}.sidebar-note span{display:grid;gap:3px}.sidebar-note strong{color:#cfeee8;font-size:11px}.sidebar-note small{color:#779e99;font-size:9px;line-height:1.4}.logout-button{display:flex;align-items:center;gap:9px;margin-top:12px;padding:10px 13px;border:0;border-radius:10px;background:transparent;color:#748197}.main-stage{grid-column:2;min-width:0}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 34px;background:#ffffffb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(219,225,234,.8);position:sticky;top:0;z-index:20}.topbar-title{display:grid;gap:2px}.topbar-title strong{font-size:17px}.eyebrow{color:#7c899d;font-size:9px;font-weight:800;letter-spacing:.16em}.topbar-actions{display:flex;align-items:center;gap:13px}.search-box{width:min(340px,35vw);display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid #e0e5ed;background:#f8fafc;border-radius:11px;color:#9aa5b5}.search-box input{border:0;outline:0;background:transparent;width:100%;color:var(--ink);font-size:12px}.avatar{width:36px;height:36px;border-radius:12px;border:1px solid #dfe4ec;color:#4e4aa8;background:#eeedff;font-weight:800}.refresh-button{display:inline-flex;align-items:center;gap:6px;padding:9px 11px;color:#5d687a;background:#fff;border:1px solid #dfe4ec;border-radius:10px;font-size:9px;font-weight:800}.refresh-button:hover{color:var(--indigo);border-color:#c9c5f6}.refresh-button:disabled{opacity:.65}.mobile-menu{display:none}.icon-button{display:inline-grid;place-items:center;border:0;background:transparent;color:#7d899a;border-radius:9px;padding:7px}.icon-button:hover{background:#f0f3f7;color:#2f3b50}.page{padding:34px;max-width:1500px;margin:0 auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:25px}.date-line{margin:0 0 7px;color:#655ce8;font-size:12px;font-weight:800}.page-heading h1{max-width:680px;margin:0;color:#111b2d;font-size:clamp(24px,3vw,36px);letter-spacing:-.035em;line-height:1.22}.page-heading>div:first-child>p:last-child{margin:9px 0 0;color:var(--muted);font-size:13px}.device-strip{display:flex;gap:10px}.device-pill{display:flex;align-items:center;gap:9px;min-width:130px;padding:9px 12px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 5px 18px #1e293d0a}.device-pill span:nth-child(2){display:grid;gap:1px}.device-pill small{color:#8b97a8;font-size:9px}.device-pill strong{color:#2d394c;font-size:10px}.device-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;color:var(--teal);background:#e9f8f5}.device-pill.delayed .device-icon{color:var(--amber);background:#fff5df}.device-pill.offline .device-icon,.device-pill.error .device-icon{color:var(--coral);background:#fff0ed}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:17px}.metric-card{display:flex;align-items:center;gap:14px;min-height:112px;padding:18px;border-radius:16px;background:var(--panel);border:1px solid rgba(224,229,237,.9);box-shadow:0 10px 30px #1d27390b}.metric-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:13px}.metric-icon svg{width:20px}.metric-card>div:last-child{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:3px 10px}.metric-card span{grid-column:1 / -1;color:#748095;font-size:10px;font-weight:700}.metric-card strong{color:#151f30;font-size:29px;line-height:1}.metric-card small{color:#909aab;font-size:9px}.tone-indigo .metric-icon{color:var(--indigo);background:#efeeff}.tone-teal .metric-icon{color:var(--teal);background:#e8f8f4}.tone-coral .metric-icon{color:var(--coral);background:#fff0ec}.tone-amber .metric-icon{color:var(--amber);background:#fff5e2}.content-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(270px,.72fr);gap:17px}.primary-column,.secondary-column{display:grid;gap:17px;align-content:start}.panel{background:var(--panel);border:1px solid rgba(222,227,235,.92);border-radius:17px;box-shadow:0 13px 35px #1c26370a}.section-panel{padding:21px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-heading h2,.pulse-panel h2{margin:3px 0 0;font-size:17px;letter-spacing:-.02em}.count-badge{padding:5px 9px;border-radius:8px;color:#6f7b8e;background:#f1f4f7;font-size:9px;font-weight:700}.work-list{display:grid}.work-row{position:relative;display:flex;align-items:center;gap:14px;padding:15px 4px 15px 14px;border-top:1px solid #edf0f4}.work-row:first-child{border-top:0}.status-line{position:absolute;left:0;width:3px;height:35px;border-radius:3px}.status-in_progress{--status: var(--indigo)}.status-partial{--status: var(--amber)}.status-blocked,.status-failed{--status: var(--coral)}.status-completed{--status: var(--teal)}.status-informational{--status: #8290a5}.status-line{background:var(--status)}.work-main{min-width:0;flex:1}.work-meta{display:flex;gap:8px;color:#8a95a6;font-size:9px}.work-meta span:first-child{color:#5f5aba;font-weight:800}.work-main h3{margin:5px 0 8px;color:#222d40;font-size:13px;font-weight:700}.blocker{display:flex;align-items:center;gap:5px;margin:-2px 0 8px;color:#c55546;font-size:10px}.work-footer{display:flex;align-items:center;gap:10px;color:#8b96a6;font-size:9px}.work-footer span{display:inline-flex;align-items:center;gap:4px}.status-chip{color:var(--status);padding:3px 7px;background:color-mix(in srgb,var(--status) 9%,white);border-radius:6px;font-weight:800}.achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.achievement-card{padding:15px;border:1px solid #e8ebf0;border-radius:13px;background:linear-gradient(145deg,#fff,#fafbfc)}.achievement-top{display:flex;align-items:center;gap:7px;color:#68758a;font-size:9px}.achievement-top svg{margin-left:auto;color:var(--teal)}.project-dot{width:7px;height:7px;border-radius:50%;background:var(--indigo)}.achievement-card h3{margin:10px 0 7px;font-size:12px;line-height:1.45}.achievement-card p{margin:0;color:#7a8698;font-size:10px;line-height:1.55}.achievement-card footer{display:flex;justify-content:space-between;margin-top:12px;color:#9aa4b3;font-size:9px}.pulse-panel{position:relative;overflow:hidden;padding:21px;background:linear-gradient(155deg,#111b2f,#10273a);color:#eef5fa}.pulse-panel:after{content:"";position:absolute;right:-55px;top:-50px;width:170px;height:170px;border:1px solid rgba(71,203,181,.14);border-radius:50%;box-shadow:0 0 0 30px #47cbb509,0 0 0 65px #655ce806}.pulse-panel>div,.pulse-panel>button{position:relative;z-index:1}.pulse-orbit{display:grid;place-items:center;width:39px;height:39px;margin-bottom:15px;border-radius:13px;color:#8ff1df;background:#45cdb521}.pulse-panel .eyebrow{color:#65bfae}.pulse-panel h2{font-size:18px}.pulse-panel>div:nth-child(2) p{color:#8798ad;font-size:10px;line-height:1.55}.live-list{display:grid;gap:2px;margin:17px 0}.live-item{display:flex;gap:9px;padding:10px 0;border-top:1px solid rgba(255,255,255,.07)}.live-dot{flex:0 0 7px;height:7px;margin-top:4px;border-radius:50%;background:#44cfb7;box-shadow:0 0 0 4px #44cfb71a}.live-item div{display:grid;gap:4px;min-width:0}.live-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.live-item small{color:#70849b;font-size:8px;line-height:1.4}.secondary-button{display:flex;justify-content:center;align-items:center;gap:6px;width:100%;padding:9px;border:1px solid rgba(255,255,255,.1);border-radius:9px;color:#a7b7c9;background:#ffffff0a;font-size:9px}.sync-panel{display:flex;align-items:center;gap:11px;padding:15px}.sync-panel>svg{color:var(--teal)}.sync-panel div{display:grid;gap:3px;min-width:0;flex:1}.sync-panel strong{font-size:10px}.sync-panel small{color:#8b96a6;font-size:8px;line-height:1.35}.sync-badge{padding:4px 7px;border-radius:6px;color:#148e7b;background:#e7f7f4;font-size:8px;font-weight:800}.sync-badge.warn{color:#be5849;background:#fff0ed}.empty-state,.error-state,.coming-soon{display:grid;place-items:center;gap:9px;padding:45px 20px;color:#8692a4;text-align:center}.empty-state svg{color:var(--teal)}.coming-soon{min-height:420px}.coming-soon svg{color:var(--indigo)}.coming-soon h2,.error-state h2{margin:5px 0 0;color:#243044}.coming-soon p,.error-state p{margin:0;font-size:12px}.primary-button{border:0;border-radius:11px;padding:12px 17px;color:#fff;background:linear-gradient(100deg,#5651d9,#6b63ee);box-shadow:0 8px 20px #5651d938;font-weight:700}.primary-button:disabled{opacity:.55}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(330px,460px) 1fr;background:#0b1322;color:#fff}.login-card{display:flex;flex-direction:column;justify-content:center;gap:35px;padding:clamp(30px,6vw,75px);background:#fff;color:var(--ink)}.login-brand{padding:0}.login-brand .brand strong{color:var(--ink)}.login-card h1{margin:8px 0;font-size:32px;line-height:1.25;letter-spacing:-.04em}.login-card>div:nth-child(2) p{color:#778397;font-size:12px;line-height:1.6}.login-card form{display:grid;gap:15px}.login-card label{display:grid;gap:7px;color:#596579;font-size:11px;font-weight:700}.login-card input{width:100%;padding:11px 12px;border:1px solid #dfe4ec;border-radius:10px;outline:0}.login-card input:focus{border-color:#6a63e8;box-shadow:0 0 0 3px #655ce81a}.privacy-line{display:flex;align-items:center;gap:6px;color:#8995a7;font-size:9px}.privacy-line svg{color:var(--teal)}.form-error{margin:0;color:#cf5746;font-size:10px}.login-visual{position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(58,185,169,.11),transparent 34%),linear-gradient(155deg,#0a1323,#10283a)}.radar-ring{position:absolute;border:1px solid rgba(118,222,205,.13);border-radius:50%}.ring-one{width:240px;height:240px}.ring-two{width:410px;height:410px}.ring-three{width:600px;height:600px}.radar-center{z-index:2;display:grid;place-items:center;width:160px;height:160px;border-radius:50%;background:#0c1e2edb;border:1px solid rgba(118,222,205,.28);box-shadow:0 0 60px #2fbba61f}.radar-center svg{color:#69dbc8}.radar-center span{font-size:38px;font-weight:800}.radar-center small{color:#71879c;font-size:9px}.orbit-node{position:absolute;padding:7px 11px;color:#9eb3c3;background:#0f2132e0;border:1px solid rgba(255,255,255,.09);border-radius:20px;font-size:9px}.node-one{transform:translate(-210px,-120px)}.node-two{transform:translate(235px,-40px)}.node-three{transform:translate(-100px,220px)}.loading-screen{min-height:100vh;display:grid;place-items:center;align-content:center;gap:15px;color:#6c788b}.loading-screen svg{color:var(--indigo)}.spin{animation:spin 1.6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.bottom-nav,.nav-scrim{display:none}.view-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:22px}.view-heading h1{margin:4px 0 5px;font-size:30px;letter-spacing:-.04em}.view-heading p{margin:0;color:var(--muted);font-size:11px}.big-count{display:grid;text-align:right;color:var(--indigo);font-size:34px;font-weight:800}.big-count small{color:#919cad;font-size:9px;font-weight:600}.filter-bar{display:flex;align-items:center;gap:10px;padding:12px 15px;margin-bottom:14px}.filter-bar svg{color:#8894a6}.filter-bar select,.dialog select,.dialog input{padding:8px 11px;color:#344055;border:1px solid #dde3eb;background:#fff;border-radius:9px;outline:0;font-size:10px}.filter-note{margin-left:auto;color:#8d98a9;font-size:9px}.items-table{overflow:hidden}.table-head,.table-row{display:grid;grid-template-columns:minmax(280px,2fr) minmax(110px,.7fr) 100px 90px 36px;align-items:center;gap:15px;padding:12px 18px}.table-head{color:#909bac;background:#f8f9fb;border-bottom:1px solid #e6eaf0;font-size:9px;font-weight:800}.table-row{min-height:72px;border-bottom:1px solid #edf0f4}.table-row:last-child{border:0}.table-row>div:first-child,.table-row>div:nth-child(2){display:grid;gap:5px;min-width:0}.table-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#273246;font-size:11px}.table-row small,.table-row time{color:#8d98a8;font-size:8px}.source-badge{justify-self:start;padding:3px 7px;border-radius:6px;color:#5d58b9;background:#f0efff;font-size:8px;font-weight:800}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:18px;background:#080f1b8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog{width:min(470px,100%);display:grid;gap:16px;padding:24px;background:#fff;border-radius:18px;box-shadow:0 25px 80px #080f1b42}.dialog header,.dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog h2{margin:4px 0 0;font-size:19px}.dialog label{display:grid;gap:6px;color:#5d687a;font-size:10px;font-weight:700}.dialog input,.dialog select{width:100%;font-size:11px}.dialog footer{justify-content:flex-end;margin-top:4px}.check-row{display:flex;gap:18px}.check-row label{display:flex;align-items:center;gap:7px}.check-row input{width:auto;accent-color:var(--indigo)}.ghost-button{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;color:#5e6a7c;background:#fff;border:1px solid #dfe4eb;border-radius:9px;font-size:10px;font-weight:700}.period-switch{display:flex;gap:3px;padding:3px;border:1px solid #e0e5ec;border-radius:10px;background:#fff}.period-switch button{border:0;padding:7px 11px;color:#8591a2;background:transparent;border-radius:7px;font-size:9px}.period-switch button.active{color:#fff;background:var(--indigo)}.trend-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:15px}.chart-panel{padding:21px}.chart-skeleton{height:320px;border-radius:12px}.health-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:14px}.health-device{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:19px}.health-icon{display:grid;place-items:center;width:43px;height:43px;color:var(--teal);background:#e9f8f5;border-radius:13px}.health-icon.delayed{color:var(--amber);background:#fff5e2}.health-icon.offline,.health-icon.error{color:var(--coral);background:#fff0ed}.health-device h2{margin:3px 0 2px;font-size:15px}.health-device p{margin:0;color:#8b96a7;font-size:9px}.health-state{padding:4px 8px;color:#148e7b;background:#e7f7f4;border-radius:7px;font-size:8px;font-weight:800}.health-state.delayed{color:#b27817;background:#fff4de}.health-state.offline,.health-state.error{color:#be5849;background:#fff0ed}.health-device dl{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:4px 0 0}.health-device dl div{padding:9px;border-radius:9px;background:#f7f9fb}.health-device dt{color:#929cad;font-size:8px}.health-device dd{margin:3px 0 0;color:#475368;font-size:10px;font-weight:700}.health-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.health-stat{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:17px}.health-stat svg{color:var(--indigo)}.health-stat span{color:#707c8f;font-size:9px}.health-stat strong{color:#1e293b;font-size:22px}.health-stat small{grid-column:2 / -1;color:#96a0af;font-size:8px}.system-panel{display:flex;align-items:center;gap:13px;padding:17px}.system-panel>svg{color:var(--teal)}.system-panel>div{flex:1}.system-panel strong{font-size:11px}.system-panel p{margin:4px 0 0;color:#8b96a7;font-size:9px}.skeleton{background:linear-gradient(100deg,#fff 25%,#f3f5f8,#fff 55%);background-size:250% 100%;animation:shimmer 1.4s infinite}.skeleton.tall{min-height:500px}@keyframes shimmer{to{background-position-x:-250%}}@media(max-width:1080px){.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.secondary-column{grid-template-columns:1.3fr .7fr}.pulse-panel{grid-row:span 2}}@media(max-width:760px){.app-shell{display:block}.main-stage{padding-bottom:68px}.sidebar{transform:translate(-105%);transition:transform .2s ease;width:min(280px,86vw)}.sidebar.is-open{transform:translate(0)}.close-nav,.mobile-menu{display:inline-grid}.nav-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;border:0;background:#050c1780;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.topbar{height:64px;padding:0 16px}.topbar-title .eyebrow,.topbar-actions .search-box,.refresh-button span{display:none}.page{padding:20px 14px}.page-heading{display:grid;align-items:start}.device-strip{width:100%;overflow-x:auto;padding-bottom:3px}.device-pill{flex:0 0 130px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-card{min-height:100px;padding:13px;gap:10px}.metric-icon{width:35px;flex-basis:35px;height:35px}.metric-card strong{font-size:24px}.content-grid{display:block}.secondary-column{display:grid;grid-template-columns:1fr;margin-top:14px}.achievement-grid{grid-template-columns:1fr}.bottom-nav{position:fixed;inset:auto 0 0;z-index:25;display:grid;grid-template-columns:repeat(4,1fr);padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:#ffffffeb;border-top:1px solid #e1e6ed;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.bottom-nav .nav-button{display:grid;place-items:center;gap:2px;padding:4px;font-size:9px}.bottom-nav .nav-button.active{color:var(--indigo);background:#f0efff;box-shadow:none}.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-card{min-height:100vh;padding:35px 25px}.section-panel,.pulse-panel{padding:17px}.view-heading{align-items:flex-start}.view-heading p{max-width:250px}.filter-bar{flex-wrap:wrap}.filter-note{flex-basis:100%;margin-left:27px}.items-table{overflow-x:auto}.table-head,.table-row{min-width:700px}.trend-summary,.health-summary,.health-grid{grid-template-columns:1fr}.chart-panel{padding:15px 8px}.check-row{display:grid;gap:10px}}@media(max-width:430px){.metric-grid{grid-template-columns:1fr 1fr}.metric-card{display:grid}.metric-card>div:last-child{display:grid;grid-template-columns:auto}.metric-card span{grid-column:auto}.page-heading h1{font-size:26px}}