.observe-only{--bg:#03080e;--panel:#08111b;--line:#1a2a3b;--text:#f5f8fc;--muted:#8e9aaa;--blue:#4f8cff;--green:#20df7b;--yellow:#ffc928;min-height:100vh;background:var(--bg);color:var(--text)}.desktop{display:block}.mobile{display:none}.observe-only .panel{background:linear-gradient(180deg,#09131e,#050b12);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 28px #0005}.d-app{min-height:100vh;display:grid;grid-template-columns:176px minmax(0,1fr);grid-template-rows:76px minmax(0,1fr) 36px;grid-template-areas:"side top" "side main" "side tick"}.d-side{grid-area:side;background:linear-gradient(#06101a,#03080d);border-right:1px solid #122131;padding:22px 14px;position:sticky;top:0;height:100vh}.d-side .logo{display:flex;align-items:center;gap:10px;margin:0 8px 25px}.d-side .logo-img,.m-head .logo-img{width:44px;height:44px;object-fit:cover;clip-path:inset(5% round 24%)}.observe-only .brand strong{font-size:25px;letter-spacing:.08em}.observe-only .brand small{display:block;font-size:8px;letter-spacing:.2em;color:#c5cfdb}.nav{display:grid;gap:7px}.nav span{padding:11px 12px;border-radius:10px;color:#687685}.nav span.active{color:#6aa6ff;background:#0d2846;border:1px solid #12375f}.side-card{margin-top:24px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#07111b;display:grid;gap:7px}.side-card strong{color:#55a0ff}.side-card small{color:var(--muted)}.d-top{grid-area:top;display:flex;align-items:center;gap:10px;padding:10px 20px;border-bottom:1px solid #142232;background:#040a10f0;position:sticky;top:0;z-index:20}.control{border:1px solid var(--line);background:#07111b;border-radius:10px;padding:7px 10px}.control label{display:block;color:#7d8998;font-size:10px;margin-bottom:4px}.locked{cursor:not-allowed}.locked b{font-size:13px}.tabs{display:flex;overflow:hidden;border:1px solid var(--line);border-radius:8px}.tabs button{padding:9px 14px;border:0;border-right:1px solid var(--line);background:#07111b;color:#667381;opacity:1}.tabs button.active{background:#102b4a;color:#69a5ff}.online{border:1px solid #087a48;color:var(--green);background:#052418;border-radius:9px;font-weight:700;padding:10px 14px}.user{margin-left:auto;display:flex;align-items:center;gap:8px}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(#9aa5b4,#35404e)}.pro{font-size:10px;background:#276bf0;padding:3px 6px;border-radius:5px}.d-main{grid-area:main;padding:14px;display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:14px;min-width:0}.left,.right{min-width:0;display:grid;gap:14px;align-content:start}.chart-panel{padding:10px 12px 8px}.chart-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.chart-head em{margin-left:auto;color:#8ba0b4;font-size:9px}.chart-wrap{position:relative;height:535px;overflow:hidden;border-radius:10px;background:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:52px 52px}.chart-wrap svg{display:block;width:100%;height:100%}.analysis-mask{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(480px,80%);padding:18px;text-align:center;border:1px solid #315675;border-radius:9px;background:#03101bee}.analysis-mask strong,.analysis-mask small{display:block}.analysis-mask strong{color:#73b5ff}.analysis-mask small{margin-top:7px;color:#9aa7b5}.chart-foot{display:flex;justify-content:space-between;color:#b8c0cb;padding-top:8px;font-size:10px}.card,.deep{padding:16px}.card h3,.deep h3{font-size:14px;margin:0 0 14px}.rows,.checks{display:grid;gap:10px}.row{display:flex;justify-content:space-between}.confirm{display:grid;grid-template-columns:1fr 110px;align-items:center}.checks span{color:#8d99a7;font-size:11px}.ring{width:96px;height:96px;border-radius:50%;border:10px solid #303b46;display:grid;place-content:center;text-align:center}.ring small{display:block;color:#9ba6b2;font-size:8px}.deep-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid #142435;border-radius:10px;overflow:hidden}.deep-cell{padding:12px;border-right:1px solid #142435;min-height:98px;text-align:center;font-size:11px;overflow-wrap:anywhere}.deep-cell label{display:block;color:#7eb6f9;font-size:9px;margin-bottom:10px}.deep p{color:#c5ccd5;font-size:11px}.d-tick{grid-area:tick;display:flex;align-items:center;overflow:hidden;border-top:1px solid #142232;background:#040a10}.d-tick span{padding:0 18px;border-right:1px solid #1b2936;white-space:nowrap;font-size:10px}.good{color:var(--green)}.warn{color:var(--yellow)}
@media(max-width:760px){.desktop{display:none!important}.mobile{display:block}.m-app{width:100%;min-height:100dvh;padding:env(safe-area-inset-top) 10px calc(78px + env(safe-area-inset-bottom));background:radial-gradient(circle at 55% -10%,#0b1b2b,#03080e 34%,#02060a)}.m-head{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:8px;padding:12px 2px 10px}.hamb{width:42px;height:42px;border:0;background:transparent;color:#fff;font-size:28px}.m-head .logo{display:flex;align-items:center;min-width:0}.m-head .brand strong{font-size:19px}.m-head .online{padding:8px 6px;font-size:8px}.m-controls{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.8fr) minmax(0,.75fr);gap:6px;margin-bottom:10px}.m-control{min-width:0;border:1px solid var(--line);border-radius:10px;background:#07111b;padding:7px}.m-control label{display:block;color:#8490a0;font-size:8px;margin-bottom:5px}.m-control b{font-size:11px}.m-tabs{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:8px;overflow:hidden}.m-tabs button{min-width:0;padding:9px 0;border:0;border-right:1px solid var(--line);background:#07111b;color:#566371;font-size:10px}.m-tabs .active{background:#102b4a;color:#69a5ff}.m-section{margin-bottom:10px}.m-chart-card{padding:10px}.m-chart-title{display:grid;gap:4px;margin-bottom:8px}.m-chart-title small{color:#7f8c9b;font-size:9px}.m-chart{width:100%;height:auto;aspect-ratio:1.04/1;border-radius:9px}.m-chart .analysis-mask{width:82%;padding:13px;font-size:10px}.m-chart-foot{display:flex;justify-content:space-between;color:#bac3ce;padding-top:7px;font-size:9px}.m-card,.m-deep{padding:13px}.m-card h3{font-size:13px;margin:0 0 12px}.context-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #152536}.context-grid div{padding:10px 4px;text-align:center;border-right:1px solid #152536;min-width:0}.context-grid small{display:block;color:#7faee8;font-size:7px;margin-bottom:7px}.context-grid b{font-size:9px;overflow-wrap:anywhere}.m-confirm{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;align-items:center}.m-confirm .ring{position:static;width:82px;height:82px;font-size:13px}.m-confirm .checks{grid-template-columns:1fr 1fr;display:grid;gap:8px;font-size:9px}.m-deep-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.m-deep-head h3{font-size:13px}.m-deep-head span{font-size:9px;color:#61a6ff}.m-deep-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #142435;border-radius:9px;overflow:hidden}.m-deep-cell{min-height:83px;padding:10px 7px;text-align:center;border-right:1px solid #142435;border-bottom:1px solid #142435;font-size:10px;overflow-wrap:anywhere}.m-deep-cell:nth-child(even){border-right:0}.m-deep-cell label{display:block;color:#7eb6f9;font-size:8px;margin-bottom:7px}.m-summary{font-size:10px;line-height:1.5;color:#c8d0da}.locked-banner{text-align:center;padding:12px;border:1px solid #315675;border-radius:8px;color:#8dbbfa;font-size:9px;background:#081a2b}.m-bottom{position:fixed;left:0;right:0;bottom:0;height:70px;display:grid!important;grid-template-columns:repeat(5,1fr);background:#06101a;border-top:1px solid #1b2a3b;z-index:40}.m-bottom span{display:grid;place-content:center;text-align:center;color:#8793a3;font-size:17px}.m-bottom span.active{color:#63a2ff;background:#0c2037}.m-bottom small{display:block;font-size:7px}.observe-only{overflow-x:hidden}}