:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17355e;background:#eef8ff;font-synthesis:none;--navy:#08255c;--blue:#0875ee;--sky:#eaf6ff;--line:#d7e7f4;--ok:#0a9a60;--warn:#b87500;--danger:#b42318;--muted:#66809f}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:linear-gradient(180deg,#eaf7ff,#fff 72%)}body{min-height:100vh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}button,a,input{font:inherit}.shell{max-width:760px;margin:auto;min-height:100vh;padding:18px 16px 92px}.brand{display:flex;align-items:center;gap:12px;padding:8px 2px 18px}.logo{width:58px;height:58px;border-radius:0;background:transparent;display:grid;place-items:center;box-shadow:none;overflow:visible;padding:0}.logo img{width:58px;height:58px;object-fit:contain;display:block;background:transparent}.brand h1{font-size:21px;line-height:1.1;margin:0;color:var(--navy)}.brand small{color:var(--muted)}.hero,.card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 12px 34px #234d7712}.hero{padding:22px;margin-bottom:14px;background:linear-gradient(135deg,#fff,#eff9ff)}.hero h2{color:var(--navy);font-size:27px;margin:0 0 8px}.hero p{margin:0;color:#536e8e}.grid{display:grid;grid-template-columns:1fr;gap:12px}.card{padding:18px;margin-bottom:12px}.card h3{margin:0 0 7px;color:var(--navy);font-size:17px}.card p{margin:5px 0;color:#55708f}.status{display:flex;gap:8px;align-items:center;font-size:14px;margin-top:10px}.dot{width:9px;height:9px;border-radius:50%;background:#9aaabd}.dot.ok{background:var(--ok)}.dot.warn{background:#f3a617}.dot.bad{background:var(--danger)}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.btn{border:0;border-radius:12px;padding:11px 14px;font-weight:750;cursor:pointer;background:var(--blue);color:#fff}.btn.secondary{background:#eef6ff;color:#075fc2;border:1px solid #c8e0f5}.btn.danger{background:#fff0ee;color:var(--danger);border:1px solid #ffd3cd}.btn:disabled{opacity:.45;cursor:not-allowed}.meta{font-size:12px;color:var(--muted);word-break:break-word}.notice{border-left:4px solid #f3a617;background:#fff8df;padding:12px 14px;border-radius:12px;margin-top:12px;color:#67500d}.nav{position:fixed;bottom:0;left:0;right:0;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#ffffffed;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav-inner{max-width:760px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.nav button{border:0;background:transparent;padding:9px 5px;border-radius:12px;color:#58728e;font-weight:700}.nav button.active{background:#eaf5ff;color:#075fc2}.screen{display:none}.screen.active{display:block}label{display:block;font-size:13px;font-weight:700;color:#375b83;margin:12px 0 5px}input{width:100%;border:1px solid #cddfed;background:#fff;border-radius:12px;padding:12px 13px;outline:none}input:focus{border-color:#61a9ee;box-shadow:0 0 0 3px #0b75ef15}code{background:#edf4fb;border-radius:6px;padding:2px 5px}.profile-name{font-size:18px;font-weight:850;color:var(--navy);margin-bottom:8px}.profile-empty{color:var(--muted);font-size:14px}.badge-row{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 14px}.badge{display:inline-block;border:1px solid #cae1f5;background:#eef7ff;color:#075fc2;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:750}.profile-grid{display:grid;grid-template-columns:minmax(95px,125px) 1fr;gap:7px 12px;margin:0}.profile-grid dt{font-size:12px;font-weight:800;color:#607b9b}.profile-grid dd{margin:0;font-size:13px;overflow-wrap:anywhere}@media(min-width:650px){.grid.two{grid-template-columns:1fr 1fr}}