:root{--bg:#07101d;--surface:#0d1929;--surface-2:#111f31;--line:#213248;--text:#eef5ff;--muted:#8093aa;--cyan:#35d2c0;--violet:#8b7cf6;--amber:#f4b860;--green:#57d68d;--danger:#fb7185;--sidebar:260px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Microsoft YaHei UI","PingFang SC",Inter,system-ui,sans-serif;background:var(--bg);color:var(--text)}button,input,select{font:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:25px 18px;background:#081321;border-right:1px solid #18283c;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 25px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#47dfcb,#268e9e);box-shadow:0 7px 25px #35d2c033;color:#041014;font-weight:900}.brand strong{font-size:14px}.brand span{display:block;margin-top:3px;color:#60758d;font-size:9px;letter-spacing:.08em}.sidebar nav{flex:1}.sidebar nav>p{margin:19px 10px 8px;color:#4f647c;font-size:11px;letter-spacing:.12em}.nav-item{width:100%;display:flex;align-items:center;gap:10px;margin:3px 0;padding:11px 10px;border:0;border-radius:9px;background:transparent;color:#8ca0b7;text-align:left;cursor:pointer;transition:.2s}.nav-item:hover{background:#101f31;color:#dce9f8}.nav-item.active{background:linear-gradient(90deg,#123044,#102236);color:#eafffc}.nav-item em{margin-left:auto;padding:2px 6px;border:1px solid #2d665f;border-radius:20px;color:#6ee7cf;font-size:9px;font-style:normal}.nav-icon{font-size:20px;color:var(--cyan)}.project-dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 12px currentColor}.project-dot.garden{background:var(--cyan);color:var(--cyan)}.project-dot.ledger{background:var(--violet);color:var(--violet)}.project-dot.academy{background:var(--amber);color:var(--amber)}.project-dot.magic{background:#fb7185;color:#fb7185}.sidebar-foot{display:flex;gap:10px;align-items:center;padding:14px 10px;border-top:1px solid #17273a}.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot strong{font-size:11px}.sidebar-foot small{margin-top:3px;color:#5e748b;font-size:9px}.online-pulse,.status-badge i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #57d68d16,0 0 14px #57d68d}.main{margin-left:var(--sidebar);min-height:100vh;padding:0 34px 42px;background:radial-gradient(circle at 78% -10%,#12304666,transparent 35%),var(--bg)}.topbar{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #15263a}.breadcrumb{margin:0 0 7px;color:#5d748d;font-size:11px}.topbar h1{margin:0;font-size:20px;letter-spacing:.01em}.top-actions{display:flex;align-items:center;gap:12px}.ghost-button{padding:9px 13px;border:1px solid #29405a;border-radius:9px;background:#0d1927;color:#9bb0c7;cursor:pointer}.ghost-button:hover{border-color:#3a6174;color:#defdfa}.avatar-button{width:36px;height:36px;border:1px solid #2c5260;border-radius:50%;background:#17333d;color:#8be7da;font-size:11px;cursor:pointer}.menu-button{display:none}.view{max-width:1460px;margin:0 auto}.hero-card{position:relative;overflow:hidden;min-height:170px;margin:26px 0 18px;padding:31px 34px;border:1px solid #214057;border-radius:16px;background:linear-gradient(120deg,#10283a,#0d1d2e 60%,#10283a)}.hero-card:before{content:"";position:absolute;inset:-100% -10% auto auto;width:420px;height:420px;border:1px solid #2a63745c;border-radius:50%}.hero-card h2{margin:14px 0 8px;font-size:27px}.hero-card p{margin:0;color:#8ca1b7;font-size:13px}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 9px;border:1px solid #28564e;border-radius:20px;background:#102f2c;color:#77dec9;font-size:10px}.hero-orbit{position:absolute;right:75px;top:35px;display:grid;place-items:center;width:104px;height:104px;border:1px solid #2e5b6a;border-radius:50%}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px solid #24485a;border-radius:50%}.hero-orbit:before{inset:12px}.hero-orbit:after{inset:-18px}.hero-orbit span{position:absolute;top:4px;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.hero-orbit b{font-size:23px;color:#6fe3d4}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-card{display:flex;gap:14px;align-items:center;padding:20px;border:1px solid #1c2e43;border-radius:13px;background:linear-gradient(145deg,#0d1a2a,#0b1725)}.stat-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:11px;font-weight:800}.stat-icon.cyan{background:#27cdbb17;color:var(--cyan)}.stat-icon.violet{background:#8b7cf617;color:var(--violet)}.stat-icon.amber{background:#f4b86017;color:var(--amber)}.stat-icon.green{background:#57d68d17;color:var(--green)}.stat-card span,.stat-card small{display:block;color:#7389a1;font-size:11px}.stat-card strong{display:block;margin:4px 0 3px;font-size:23px}.stat-card small b{color:var(--green)}.content-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(230px,.8fr);gap:14px;margin-top:14px}.panel{border:1px solid #1b2e43;border-radius:13px;background:#0b1725}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 8px}.panel-head h3{margin:0 0 5px;font-size:14px}.panel-head p{margin:0;color:#657b93;font-size:10px}.panel-head select{padding:7px 10px;border:1px solid #263c54;border-radius:7px;background:#101e2f;color:#9eb2c9;font-size:11px}.duration-chart{height:230px;display:flex;align-items:flex-end;gap:10px;padding:24px 24px 22px;background:linear-gradient(#ffffff08 1px,transparent 1px);background-size:100% 48px}.chart-column{position:relative;flex:1;min-width:9px;height:100%;display:flex;align-items:flex-end;justify-content:center}.chart-column i{display:block;width:min(30px,75%);min-height:3px;border-radius:5px 5px 2px 2px;background:linear-gradient(#42dec9,#207f8d);box-shadow:0 0 16px #35d2c027;transition:.25s}.chart-column span{position:absolute;bottom:-17px;color:#60758d;font-size:9px;white-space:nowrap}.chart-column b{position:absolute;top:-18px;padding:3px 5px;border-radius:4px;background:#16283b;color:#b9d5e2;font-size:8px;opacity:0;transform:translateY(3px);transition:.2s}.chart-column:hover b{opacity:1;transform:none}.insight-panel{padding-bottom:13px}.ring-wrap{display:grid;place-items:center;padding:10px}.ring{width:118px;height:118px;display:grid;place-content:center;text-align:center;border-radius:50%;background:radial-gradient(circle,#0b1725 57%,transparent 59%),conic-gradient(var(--cyan) var(--online),#1b2b3d 0)}.ring strong{font-size:22px}.ring span{color:#657b92;font-size:9px}.insight-row{display:flex;justify-content:space-between;margin:0 22px;padding:10px 0;border-top:1px solid #192b3e;color:#8297ae;font-size:11px}.insight-row i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%}.green-dot{background:var(--green)}.gray-dot{background:#44576c}.user-panel{margin-top:14px}.search-box{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #22384f;border-radius:8px;color:#587087}.search-box input{width:180px;border:0;outline:0;background:transparent;color:#dbe8f6;font-size:10px}.table-wrap{overflow:auto;padding:10px 12px 16px}table{width:100%;border-collapse:collapse;font-size:11px}th{padding:12px 10px;color:#587089;text-align:left;font-size:9px;font-weight:600;letter-spacing:.08em}td{padding:13px 10px;border-top:1px solid #17293c;color:#9dafc2}tbody tr{cursor:pointer;transition:.15s}tbody tr:hover{background:#102034}td strong{display:block;color:#e0edf9;font-size:12px}td small{color:#5b7188}.state-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:20px}.state-pill.online{background:#12332e;color:#70ddc8}.state-pill.offline{background:#172536;color:#758aa1}.empty{text-align:center!important;padding:35px!important;color:#5f748b}.row-arrow{color:#426076;font-size:15px}.placeholder-view{height:calc(100vh - 90px);display:grid;place-content:center;justify-items:center;text-align:center}.placeholder-view[hidden]{display:none}.placeholder-view h2{margin:8px 0;font-size:27px}.placeholder-view>p:not(.eyebrow){max-width:430px;margin:0 0 23px;color:#71879e}.placeholder-art{position:relative;display:grid;place-items:center;width:110px;height:110px;margin-bottom:20px;border:1px solid #28455d;border-radius:27px;background:#0d1d2d}.placeholder-art div{position:absolute;inset:16px;border:1px dashed #31566c;border-radius:50%;animation:spin 8s linear infinite}.placeholder-art span{font-size:38px;color:var(--cyan)}@keyframes spin{to{transform:rotate(360deg)}}.eyebrow{color:#50d2c0!important;font-size:9px!important;letter-spacing:.17em}.drawer-backdrop{position:fixed;inset:0;background:#020711aa;z-index:30}.user-drawer{position:fixed;inset:0 0 0 auto;width:min(520px,95vw);background:#091522;border-left:1px solid #244058;z-index:31;transform:translateX(100%);transition:.25s;overflow:auto}.user-drawer.open{transform:none}.drawer-head{position:sticky;top:0;display:flex;justify-content:space-between;padding:25px 27px;border-bottom:1px solid #1b2d40;background:#091522ee;backdrop-filter:blur(12px);z-index:2}.drawer-head h2{margin:4px 0;font-size:21px}.drawer-head>div>p:last-child{margin:0;color:#7e93aa;font-size:11px}.drawer-head button{width:35px;height:35px;border:1px solid #294258;border-radius:9px;background:#102033;color:#9ab0c6;font-size:22px;cursor:pointer}.drawer-body{padding:10px 27px 35px}.drawer-body section{padding:19px 0;border-bottom:1px solid #182a3c}.drawer-body h3{margin:0 0 14px;font-size:12px}.mini-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.mini-day{display:flex;flex-direction:column;justify-content:flex-end;height:74px;padding:4px;border-radius:5px;background:#0e1d2e;text-align:center}.mini-day i{display:block;min-height:2px;border-radius:3px;background:var(--cyan)}.mini-day span{margin-top:5px;color:#60758a;font-size:8px}.timeline-item{position:relative;margin-left:5px;padding:0 0 19px 20px;border-left:1px solid #263b50}.timeline-item:before{content:"";position:absolute;left:-4px;top:2px;width:7px;height:7px;border-radius:50%;background:#536a81}.timeline-item.restart:before{background:var(--amber);box-shadow:0 0 8px #f4b860}.timeline-item.start:before{background:var(--green)}.timeline-item.stop:before{background:#6c7f93}.timeline-item strong,.timeline-item span{display:block}.timeline-item strong{font-size:11px}.timeline-item span{margin-top:4px;color:#6f849a;font-size:9px}.log-item{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #182a3d}.log-item:first-child{border-top:0}.log-file{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#183044;color:#5fd6c9}.log-item>div{min-width:0;flex:1}.log-item strong,.log-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-item strong{font-size:10px}.log-item small{margin-top:4px;color:#637990;font-size:8px}.download-link{padding:5px 8px;border:1px solid #285164;border-radius:6px;color:#6fddd0;text-decoration:none;font-size:9px}.toast{position:fixed;left:50%;bottom:25px;z-index:50;padding:10px 15px;border:1px solid #2f5264;border-radius:9px;background:#102334;color:#b9d8e4;font-size:11px;opacity:0;transform:translate(-50%,15px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.login-body{display:grid;place-items:center;min-height:100vh;padding:24px;background:radial-gradient(circle at 18% 20%,#123c4a88,transparent 34%),radial-gradient(circle at 80% 80%,#261c5266,transparent 32%),#07101d}.login-shell{width:min(920px,100%);min-height:560px;display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden;border:1px solid #254054;border-radius:20px;background:#0a1725;box-shadow:0 30px 90px #0008}.login-brand{position:relative;padding:54px;background:linear-gradient(145deg,#10293a,#091724)}.login-brand:after{content:"";position:absolute;right:-80px;bottom:-100px;width:340px;height:340px;border:1px solid #2c61708a;border-radius:50%;box-shadow:0 0 0 35px #1f52652a,0 0 0 70px #1f52651c}.login-brand .brand-mark{margin-bottom:65px}.login-brand h1{position:relative;z-index:1;margin:10px 0 19px;font-size:38px;line-height:1.28}.login-brand h1 span{color:#5be1d1}.login-brand>p:not(.eyebrow){position:relative;z-index:1;max-width:430px;color:#8299b0;line-height:1.8;font-size:13px}.signal-card{position:absolute;left:54px;bottom:46px;display:flex;align-items:center;gap:8px;color:#8aa0b6;font-size:10px}.signal-card i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.signal-card strong{margin-left:8px;color:#50d9c8;font-size:8px}.login-panel{display:flex;flex-direction:column;justify-content:center;padding:48px;background:#0c1928}.login-panel h2{margin:7px 0;font-size:26px}.muted{margin:0;color:#6f849a;font-size:11px}.login-form{margin-top:35px}.login-form label{display:block;margin-bottom:8px;color:#a1b3c5;font-size:11px}.login-form input{width:100%;padding:13px;border:1px solid #263d53;border-radius:9px;outline:0;background:#08131f;color:#edf7ff}.login-form input:focus{border-color:#3d8e91;box-shadow:0 0 0 3px #35d2c013}.login-form button{width:100%;display:flex;justify-content:space-between;margin-top:14px;padding:13px 16px;border:0;border-radius:9px;background:linear-gradient(90deg,#2abaaa,#3197a5);color:#031319;font-weight:800;cursor:pointer}.form-error{margin:9px 0 0;color:#fb8798;font-size:10px}.login-foot{margin-top:38px;color:#536a81;font-size:9px;text-align:center}@media(max-width:1000px){.stat-grid{grid-template-columns:repeat(2,1fr)}.hero-orbit{right:45px}}@media(max-width:760px){:root{--sidebar:250px}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.main{margin-left:0;padding:0 16px 30px}.menu-button{display:block;margin-right:10px;border:0;background:transparent;color:#93a8bd;font-size:19px}.topbar{height:76px}.topbar h1{font-size:17px}.breadcrumb,.ghost-button{display:none}.hero-card{padding:25px;min-height:155px}.hero-orbit{opacity:.3;right:10px}.stat-grid{grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr}.panel-head{align-items:flex-start;gap:10px}.search-box input{width:110px}.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-panel{min-height:500px}.mini-days{grid-template-columns:repeat(5,1fr)}}@media(max-width:480px){.stat-grid{grid-template-columns:1fr}.hero-card h2{font-size:22px}.main{padding-inline:12px}.panel-head{padding-inline:15px}.duration-chart{padding-inline:15px}.user-drawer{width:100%}}
/* Detailed period and per-user analytics */
.analysis-toolbar{display:flex;align-items:flex-end;gap:12px;margin:18px 0;padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(15,31,49,.96),rgba(9,21,36,.96));box-shadow:0 12px 35px rgba(0,0,0,.16)}
.filter-copy{display:flex;flex-direction:column;gap:4px;margin-right:auto;min-width:220px}.filter-copy span,.filter-control span{font-size:12px;color:var(--muted);letter-spacing:.04em}.filter-copy strong{font-size:16px;color:#eaf5ff}
.filter-control{display:flex;flex-direction:column;gap:7px;min-width:150px}.filter-control select,.filter-control input{height:40px;padding:0 12px;border:1px solid #263b50;border-radius:10px;background:#091726;color:#dcecff;font:inherit;color-scheme:dark;outline:none}.filter-control select:focus,.filter-control input:focus{border-color:#31d4c2;box-shadow:0 0 0 3px rgba(49,212,194,.1)}
.date-control[hidden]{display:none}
.ghost-button.compact{height:40px;padding:0 14px;white-space:nowrap}.range-chip{padding:7px 10px;border:1px solid rgba(56,220,200,.22);border-radius:999px;background:rgba(56,220,200,.08);color:#8ce6dc;font-size:12px;white-space:nowrap}
.detail-table{min-width:1040px}.metric-count{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:28px;padding:0 8px;border-radius:8px;background:rgba(124,146,166,.1);color:#bcd0e2;font-weight:700}.metric-count.warn{background:rgba(245,166,35,.13);color:#ffc560}.metric-count.success{background:rgba(52,211,153,.12);color:#61e4ac}
.detail-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.detail-stat{padding:11px 9px;border:1px solid #20364b;border-radius:12px;background:#0b1a2a;text-align:center}.detail-stat span{display:block;margin-bottom:5px;color:var(--muted);font-size:11px}.detail-stat strong{display:block;color:#edf8ff;font-size:14px;white-space:nowrap}
.mini-days{grid-template-columns:repeat(7,minmax(42px,1fr));max-height:280px;overflow:auto;padding-right:4px}
.mini-day i{flex:0 0 auto}
.chart-h0{height:2px}.chart-h1{height:5%}.chart-h2{height:10%}.chart-h3{height:15%}.chart-h4{height:20%}.chart-h5{height:25%}.chart-h6{height:30%}.chart-h7{height:35%}.chart-h8{height:40%}.chart-h9{height:45%}.chart-h10{height:50%}.chart-h11{height:55%}.chart-h12{height:60%}.chart-h13{height:65%}.chart-h14{height:70%}.chart-h15{height:75%}.chart-h16{height:80%}.chart-h17{height:85%}.chart-h18{height:90%}.chart-h19{height:95%}.chart-h20{height:100%}
.mini-h0{height:2px}.mini-h1{height:3px}.mini-h2{height:5px}.mini-h3{height:7px}.mini-h4{height:9px}.mini-h5{height:12px}.mini-h6{height:14px}.mini-h7{height:16px}.mini-h8{height:18px}.mini-h9{height:21px}.mini-h10{height:23px}.mini-h11{height:25px}.mini-h12{height:28px}.mini-h13{height:30px}.mini-h14{height:32px}.mini-h15{height:34px}.mini-h16{height:37px}.mini-h17{height:39px}.mini-h18{height:41px}.mini-h19{height:44px}.mini-h20{height:46px}
.ring-rate0{--online:0deg}.ring-rate1{--online:18deg}.ring-rate2{--online:36deg}.ring-rate3{--online:54deg}.ring-rate4{--online:72deg}.ring-rate5{--online:90deg}.ring-rate6{--online:108deg}.ring-rate7{--online:126deg}.ring-rate8{--online:144deg}.ring-rate9{--online:162deg}.ring-rate10{--online:180deg}.ring-rate11{--online:198deg}.ring-rate12{--online:216deg}.ring-rate13{--online:234deg}.ring-rate14{--online:252deg}.ring-rate15{--online:270deg}.ring-rate16{--online:288deg}.ring-rate17{--online:306deg}.ring-rate18{--online:324deg}.ring-rate19{--online:342deg}.ring-rate20{--online:360deg}
@media(max-width:1100px){.analysis-toolbar{flex-wrap:wrap}.filter-copy{width:100%;margin-right:0}.filter-control{flex:1;min-width:140px}}
@media(max-width:650px){.analysis-toolbar{align-items:stretch}.filter-control{min-width:calc(50% - 8px)}.ghost-button.compact{display:block;width:100%}.detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-stat:first-child{grid-column:1/-1}}