.panel{min-height:100%;display:flex;flex-direction:column;background:var(--bg)}.panel__top{display:flex;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:10}.panel__where{font-size:12px;color:var(--ink-4);padding:2px 8px;border:1px solid var(--line-2);border-radius:999px}.panel__body{flex:1;width:100%;max-width:900px;margin:0 auto;padding:22px 20px 60px;display:flex;flex-direction:column;gap:18px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:8px}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px;animation:rise var(--dur) var(--ease-out) backwards}.tile--hot{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.tile__n{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}.tile--hot .tile__n{color:var(--accent)}.tile__label{font-size:11.5px;color:var(--ink-3);margin-top:2px;line-height:1.3}.card--hot{border-color:var(--accent)}.urow{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}.urow:last-child{border-bottom:0}.urow__main{flex:1;min-width:0}.urow__name{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:14px;font-weight:600;color:var(--ink)}.urow__meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:3px;font-size:11.5px;color:var(--ink-4)}.urow__note{margin-top:6px;font-size:12.5px;color:var(--ink-2);line-height:1.45;padding:7px 10px;background:var(--surface-2);border-radius:var(--r-sm)}.urow__acts{display:flex;gap:6px;flex:none}.tag{font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:999px;text-transform:lowercase;letter-spacing:0}.tag--ok{background:var(--ok-soft);color:var(--ok)}.tag--warn{background:var(--warn-soft);color:var(--warn)}.tag--off{background:var(--surface-2);color:var(--ink-4)}.tag--you{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.tabs{display:flex;gap:4px}.tab{padding:6px 13px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--ink-3);cursor:pointer;font:inherit;font-size:13px;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.tab:hover{background:var(--surface-2);color:var(--ink)}.tab--on{background:var(--ink);color:var(--bg);font-weight:600}.tab--on:hover{background:var(--ink);color:var(--bg)}.lrow{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;padding:9px 16px;border-bottom:1px solid var(--line);font-size:13px}.lrow:last-child{border-bottom:0}.lrow__when{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-4);flex:none;width:92px}.lrow__what{flex:1;min-width:0}.lrow__why{font-size:12px;color:var(--ink-4);width:100%;padding-left:104px}.hint{margin:0;font-size:12.5px;color:var(--ink-3);line-height:1.5}@media (max-width: 640px){.panel__body{padding:16px 12px 40px}.urow{flex-direction:column;gap:8px}.urow__acts{width:100%}.urow__acts .btn{flex:1}.lrow__why{padding-left:0}}.input.code{font-family:var(--font-mono);font-size:21px;letter-spacing:.28em;text-align:center;padding:11px 12px}.input.code::placeholder{letter-spacing:.28em;color:var(--ink-4)}.login__again{display:block;width:100%;margin-top:10px;padding:7px;border:0;background:transparent;color:var(--ink-3);font:inherit;font-size:12.5px;cursor:pointer;border-radius:var(--r-sm);transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.login__again:hover:not(:disabled){color:var(--accent);background:var(--surface-2)}.login__again:disabled{cursor:default;color:var(--ink-4)}