.op-login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(900px 500px at 50% -10%,#efedff 0%,transparent 60%),var(--bg)}.op-login{background:var(--card);border-radius:18px;padding:30px;width:360px;max-width:100%;box-shadow:var(--shadow-lg)}.op-login-mark{width:34px;height:34px;border-radius:10px;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px;margin-bottom:16px}.op-login h1{font-size:19px;font-weight:800;letter-spacing:-.3px;margin-bottom:4px}.op-login-sub{font-size:12.5px;color:var(--ink-3);margin-bottom:20px}.op-login .field{gap:6px;margin-bottom:14px}.op-code-field{margin-bottom:16px}.op-code-field{display:flex;flex-direction:column;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.op-code-field label{font-size:12.5px;font-weight:600;color:var(--ink-2)}.op-code{letter-spacing:.35em;font-family:Consolas,monospace;text-align:center;font-size:19px;padding:10px 12px;min-height:44px}.op-code::placeholder{color:var(--ink-3);opacity:.55}.op-code-hint{font-size:11px;color:var(--ink-3);font-weight:400}.op-submit{width:100%;padding:11px;font-size:14px}.op-shell{min-height:100vh;background:var(--bg)}.op-top{display:flex;align-items:center;gap:18px;padding:0 22px;height:56px;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.op-brand{display:flex;align-items:center;gap:9px;font-weight:750;font-size:14px}.op-brand-mark{width:26px;height:26px;border-radius:8px;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:800;font-size:10.5px}.op-tabs{display:flex;gap:2px;margin-left:10px}.op-tab{background:none;border:none;cursor:pointer;padding:8px 13px;border-radius:9px;font-size:13px;font-weight:600;color:var(--ink-3)}.op-tab:hover{background:var(--bg)}.op-tab.active{background:var(--brand-soft);color:var(--brand)}.op-top .btn{margin-left:auto}.op-main{padding:22px;max-width:1240px;margin:0 auto}.op-h2{font-size:17px;font-weight:800;letter-spacing:-.25px}.op-row{display:flex;align-items:center;gap:10px;margin-bottom:14px}.op-row .spacer{flex:1}.op-loading,.op-note{font-size:13px;color:var(--ink-3)}.op-empty{text-align:center;padding:60px 20px;color:var(--ink-3)}.op-empty h2{font-size:17px;font-weight:800;color:var(--ink);margin-bottom:6px}.op-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:18px}.op-tile{background:var(--card);border-radius:14px;padding:15px 16px;border:1px solid var(--line)}.op-tile-label{font-size:11.5px;color:var(--ink-3);font-weight:600;text-transform:uppercase;letter-spacing:.4px}.op-tile-value{font-size:25px;font-weight:800;letter-spacing:-.6px;margin-top:5px;font-variant-numeric:tabular-nums}.op-tile-sub{font-size:11.5px;color:var(--ink-3);margin-top:2px}.op-tile.good .op-tile-value{color:var(--good)}.op-tile.warn .op-tile-value{color:var(--warn)}.op-tile.bad .op-tile-value{color:var(--bad)}.op-chart{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px 10px;margin-bottom:18px}.op-chart svg{width:100%;height:auto;display:block}.op-legend{display:flex;gap:16px;font-size:11.5px;color:var(--ink-3);padding-top:6px}.op-legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px;vertical-align:middle}.op-split{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}@media (max-width: 860px){.op-split{grid-template-columns:1fr}}.op-panel{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:15px 16px}.op-panel-head{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}.op-panel-head h3{font-size:13.5px;font-weight:700}.op-panel-head span{font-size:11.5px;color:var(--ink-3)}.op-big{font-size:32px;font-weight:800;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.op-kv{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;padding:6px 0;border-bottom:1px solid var(--line)}.op-kv:last-child{border-bottom:none}.op-kv span{color:var(--ink-2)}.op-bars{display:grid;gap:7px}.op-bar-row{display:grid;grid-template-columns:110px 1fr 42px;gap:10px;align-items:center;font-size:12.5px}.op-bar-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2)}.op-bar-track{height:8px;background:var(--bg);border-radius:99px;overflow:hidden}.op-bar-fill{display:block;height:100%;background:var(--brand);border-radius:99px}.op-bar-count{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-3)}.op-table-wrap{overflow-x:auto;background:var(--card);border:1px solid var(--line);border-radius:14px}.op-table{width:100%;border-collapse:collapse;font-size:12.5px;min-width:720px}.op-table th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-3);padding:12px 14px;border-bottom:1px solid var(--line);white-space:nowrap}.op-table td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top}.op-table tr:last-child td{border-bottom:none}.op-table .r{text-align:right;font-variant-numeric:tabular-nums}.op-masked{font-family:Consolas,monospace;color:var(--ink-3);font-size:11.5px}.op-props{color:var(--ink-2);max-width:340px}.op-link{background:none;border:none;padding:0 8px 0 0;color:var(--brand);font-weight:600;cursor:pointer;font-size:12.5px}.op-link:hover{text-decoration:underline}.op-chip{display:inline-block;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:700;background:var(--bg);color:var(--ink-2)}.op-chip.good{background:var(--good-soft);color:#0a7a0a}.op-chip.warn{background:var(--warn-soft);color:var(--warn)}.op-chip.bad{background:var(--bad-soft);color:var(--bad)}.op-chip.info{background:var(--info-soft);color:#1c4f8f}.op-flag{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:99px;font-size:10px;font-weight:700;background:var(--warn-soft);color:var(--warn)}.op-redaction{background:var(--info-soft);color:#1c4f8f;border-radius:12px;padding:12px 15px;font-size:12.5px;line-height:1.55;margin-bottom:16px}