:root{color-scheme:light dark;font-family:Inter,system-ui,sans-serif;--canvas:light-dark(#dfe8e9,#080d11);--app:light-dark(#f7faf9,#10171d);--card:light-dark(#fff,#172129);--soft:light-dark(#edf4f3,#1e2b33);--text:light-dark(#152426,#eef5f5);--muted:light-dark(#6a7c7e,#a3b4b6);--line:light-dark(#dbe6e5,#2a3a42);--brand:light-dark(#08756e,#5bc9c0);--brand-soft:light-dark(#ddf3f0,#173c38);--danger:light-dark(#b42318,#ff9189);--danger-soft:light-dark(#feeceb,#432321);--warn:light-dark(#946000,#f1c15a);--warn-soft:light-dark(#fff2d4,#3c311b);--ok:light-dark(#24734a,#78d49c);--ok-soft:light-dark(#e4f5ea,#193929)}*{box-sizing:border-box}body{margin:0;padding:18px;background:var(--canvas);color:var(--text);display:grid;place-items:start center}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{width:min(100%,430px);height:min(900px,calc(100vh - 36px));min-height:720px;border:1px solid var(--line);border-radius:27px;background:var(--app);overflow:hidden;position:relative;box-shadow:0 20px 70px #001b1b35}.statusbar{height:26px;display:flex;justify-content:space-between;align-items:end;padding:0 18px;color:var(--muted);font-size:11px}.topbar{height:62px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px}.identity{display:flex;align-items:center;gap:10px;min-width:0}.avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:var(--brand-soft);color:var(--brand);font-weight:700}.identity div{min-width:0}.identity strong,.identity small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.identity small{color:var(--muted);font-size:11px;margin-top:2px}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--text)}.viewport{height:calc(100% - 26px - 62px - 72px);overflow-y:auto;padding:0 14px 24px;scroll-behavior:smooth}.screen[hidden]{display:none}.screen-head{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:5px 0 14px}.screen-head h1{font-size:23px}.screen-head p{margin-top:3px;color:var(--muted);font-size:12px}h1,h2,h3,p{margin:0}.card{padding:14px;margin-bottom:10px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.card-head{display:flex;justify-content:space-between;align-items:start;gap:10px;margin-bottom:11px}.card h2{font-size:15px}.link{border:0;background:transparent;color:var(--brand);padding:0}.hero{padding:17px;border-radius:16px;background:linear-gradient(135deg,#08756e,#0c4d49);color:#fff;margin-bottom:12px}.hero small{opacity:.8}.hero strong{display:block;font-size:29px;margin:5px 0}.hero-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.hero button{padding:9px 12px;border:0;border-radius:9px;background:#fff;color:#075c57;font-weight:700}.chips{display:flex;gap:7px;overflow-x:auto;padding-bottom:3px;margin-bottom:11px}.chip{white-space:nowrap;padding:7px 10px;border:1px solid var(--line);border-radius:15px;background:var(--card);color:var(--muted)}.chip[aria-pressed=true]{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.quick button{min-height:82px;padding:9px 4px;border:1px solid var(--line);border-radius:13px;background:var(--card);color:var(--text);font-size:10px}.quick b{width:31px;height:31px;display:grid;place-items:center;margin:0 auto 7px;border-radius:9px;background:var(--brand-soft);color:var(--brand);font-size:15px}.list-card{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.list-card:last-child{border:0}.list-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:var(--brand-soft);color:var(--brand)}.list-card p{margin-top:3px;color:var(--muted);font-size:11px}.badge{display:inline-flex;padding:4px 7px;border-radius:11px;background:var(--brand-soft);color:var(--brand);font-size:10px}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.service-tile{min-height:126px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--text);text-align:left}.service-tile b{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:var(--brand-soft);color:var(--brand);margin-bottom:14px}.service-tile span{display:block;font-weight:700}.service-tile small{display:block;color:var(--muted);margin-top:4px;line-height:1.35}.progress{height:6px;margin-top:9px;border-radius:4px;background:var(--soft);overflow:hidden}.progress i{display:block;height:100%;background:var(--brand)}.timeline{display:grid;gap:0}.time-item{display:grid;grid-template-columns:48px 16px 1fr;gap:8px;min-height:65px}.time-item time{color:var(--brand);font-size:11px;font-weight:700}.rail{position:relative}.rail:before{content:'';position:absolute;left:7px;top:7px;bottom:-8px;width:1px;background:var(--line)}.rail:after{content:'';position:absolute;left:3px;top:4px;width:9px;height:9px;border-radius:50%;background:var(--brand)}.time-item:last-child .rail:before{display:none}.time-item p{color:var(--muted);font-size:11px;margin-top:3px}.bottom-nav{height:72px;display:grid;grid-template-columns:repeat(5,1fr);padding:8px 6px 10px;border-top:1px solid var(--line);background:var(--card)}.bottom-nav button{display:grid;place-items:center;gap:3px;border:0;background:transparent;color:var(--muted);font-size:9px}.bottom-nav button b{font-size:18px}.bottom-nav button[aria-current=page]{color:var(--brand)}.primary,.secondary{width:100%;padding:11px;border-radius:10px}.primary{border:1px solid var(--brand);background:var(--brand);color:#fff}.secondary{border:1px solid var(--line);background:var(--card);color:var(--text)}.sheet-backdrop{position:absolute;z-index:30;inset:0;background:#06101299}.sheet-backdrop[hidden]{display:none}.sheet{position:absolute;z-index:31;left:0;right:0;bottom:0;max-height:88%;overflow-y:auto;padding:8px 14px 20px;border-radius:22px 22px 0 0;background:var(--app);border-top:1px solid var(--line);box-shadow:0 -18px 50px #0005;transform:translateY(0)}.sheet[hidden]{display:none}.handle{width:42px;height:4px;margin:1px auto 14px;border-radius:3px;background:var(--line)}.sheet-head{display:flex;justify-content:space-between;gap:10px;align-items:start;margin-bottom:14px}.sheet-head button{width:34px;height:34px;border:0;border-radius:9px;background:var(--soft);color:var(--text)}.form{display:grid;gap:11px}.field{display:grid;gap:5px;color:var(--muted);font-size:11px}.control{width:100%;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--text)}textarea.control{min-height:85px;resize:vertical}.steps{display:flex;gap:5px;margin-bottom:14px}.steps i{height:5px;flex:1;border-radius:4px;background:var(--line)}.steps i.active{background:var(--brand)}.toast{position:absolute;z-index:50;left:14px;right:14px;bottom:82px;padding:11px;border-radius:10px;background:var(--text);color:var(--card);text-align:center}.toast[hidden]{display:none}@media(max-width:460px){body{padding:0}.app{width:100%;height:100vh;border:0;border-radius:0;min-height:0}}