:root{color:#18202f;background:#f4f7fb;font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:1024px;min-height:100vh;background:#f4f7fb}a{color:inherit;text-decoration:none}button,input{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(37,99,235,.25);outline-offset:2px}.ops-shell{display:flex;min-height:100vh}.ops-sidebar{display:flex;flex-direction:column;width:256px;padding:24px 18px;background:#0f172a;color:#e2e8f0}.ops-sidebar__brand{display:flex;gap:12px;align-items:center;padding-bottom:24px;border-bottom:1px solid rgba(226,232,240,.12)}.ops-sidebar__brand small,.ops-sidebar__nav small{display:block;margin-top:2px;color:#94a3b8}.ops-sidebar__logo{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;color:#0f172a;font-weight:800;background:#bfdbfe}.ops-sidebar__nav{display:grid;gap:8px;margin-top:24px}.ops-sidebar__nav a{padding:12px;border-radius:12px;color:#e2e8f0}.ops-sidebar__nav a.router-link-active,.ops-sidebar__nav a:hover{background:#94a3b829}.ops-shell__main{flex:1;min-width:0}.ops-topbar{display:flex;justify-content:space-between;align-items:center;min-height:68px;padding:0 32px;border-bottom:1px solid #dbe3ef;background:#fff}.ops-topbar span{margin-left:10px;color:#64748b}.ops-shell__content{padding:32px}.ops-page{display:grid;gap:24px}.ops-page-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.ops-page-header h1{margin:4px 0 8px;font-size:28px}.ops-page-header__eyebrow{margin:0;color:#2563eb;font-weight:700}.ops-page-header__description{max-width:760px;margin:0;color:#64748b;line-height:1.7}.ops-page-header__actions{display:flex;gap:10px}.ops-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ops-card,.ops-state-card,.ops-login__card{border:1px solid #dbe3ef;border-radius:18px;background:#fff;box-shadow:0 10px 30px #0f172a0f}.ops-card{padding:22px}.ops-card h2{margin:16px 0 8px;font-size:18px}.ops-card p,.ops-state-card__description{color:#64748b;line-height:1.7}.ops-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 16px;border:1px solid transparent;border-radius:10px;cursor:pointer;font-weight:700}.ops-button:disabled{cursor:not-allowed;opacity:.65}.ops-button--primary{color:#fff;background:#2563eb}.ops-button--secondary{color:#1e293b;border-color:#cbd5e1;background:#fff}.ops-status-tag{display:inline-flex;gap:8px;align-items:center;padding:6px 10px;border-radius:999px;color:#475569;background:#f1f5f9;font-size:13px;font-weight:700}.ops-status-tag__dot{width:8px;height:8px;border-radius:999px;background:currentColor}.ops-status-tag--ok{color:#047857;background:#d1fae5}.ops-status-tag--warn{color:#b45309;background:#fef3c7}.ops-status-tag--error{color:#b91c1c;background:#fee2e2}.ops-state-card{padding:28px}.ops-state-card--error{border-color:#fecaca;background:#fff7f7}.ops-state-card__title{margin:0 0 8px;color:#1e293b;font-size:18px;font-weight:800}.ops-login{display:grid;min-height:100vh;place-items:center;padding:32px}.ops-login__card{width:min(420px,100%);padding:34px}.ops-login__eyebrow{margin:0;color:#2563eb;font-weight:800}.ops-login h1{margin:8px 0}.ops-login p{color:#64748b;line-height:1.7}.ops-form{display:grid;gap:16px;margin-top:24px}.ops-form label{display:grid;gap:8px;color:#334155;font-weight:700}.ops-form input{min-height:42px;padding:0 12px;border:1px solid #cbd5e1;border-radius:10px}.ops-form__error{margin:0;color:#b91c1c;font-weight:700}