:root{--co-bg: #f4f7fb;--co-card: #ffffff;--co-text: #1a2332;--co-muted: #5b6b7c;--co-primary: #1f4b99;--co-primary-hover: #163a78;--co-border: #d7e0ea;--co-error: #b42318;font-family:IBM Plex Sans,system-ui,sans-serif;color:var(--co-text);background:linear-gradient(160deg,#e8eef8 0%,var(--co-bg) 45%,#eef3f8 100%)}*{box-sizing:border-box}body{margin:0;min-height:100vh}.page-login{max-width:480px;margin:48px auto;padding:0 16px}.page-ops{max-width:960px;margin:32px auto;padding:0 20px}.co-card{background:var(--co-card);border:1px solid var(--co-border);border-radius:12px;padding:28px;box-shadow:0 8px 24px #1f4b990f}.co-section-eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.06em;font-size:12px;color:var(--co-muted);font-weight:600}.co-h1{margin:0 0 12px;font-size:28px;font-weight:700}.co-lead{margin:0 0 8px;color:var(--co-muted);line-height:1.5}.co-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.co-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:8px;border:1px solid var(--co-border);background:#fff;color:var(--co-text);text-decoration:none;cursor:pointer;font:inherit}.co-btn--primary{background:var(--co-primary);border-color:var(--co-primary);color:#fff}.co-btn--primary:hover:not(:disabled){background:var(--co-primary-hover)}.co-btn:disabled{opacity:.7;cursor:wait}.co-error{margin-top:16px;color:var(--co-error)}.co-toast{color:#0f6a3c;margin:8px 0}.demo-role-switch{display:flex;gap:8px;margin-top:12px}.demo-role{padding:8px 14px;border-radius:999px;border:1px solid var(--co-border);background:#fff;font:inherit;cursor:pointer;color:var(--co-muted)}.demo-role.is-active{border-color:var(--co-primary);color:var(--co-primary);background:#eef3fb;font-weight:600}.co-hero-card{display:flex;gap:14px;align-items:center;padding:14px;border-radius:10px;background:#f0f4fa;border:1px solid var(--co-border)}.co-hero-card__avatar{width:48px;height:48px;border-radius:50%;background:var(--co-primary);color:#fff;display:grid;place-items:center;font-weight:700;flex-shrink:0}.co-hero-card__role{margin:0;font-size:12px;color:var(--co-muted);text-transform:uppercase;letter-spacing:.04em}.co-hero-card__name{margin:2px 0;font-weight:600}.co-hero-card__hint{margin:0;font-size:13px;color:var(--co-muted)}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.filters-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--co-muted)}.filters-grid input,.filters-grid select{padding:8px 10px;border:1px solid var(--co-border);border-radius:8px;font:inherit;color:var(--co-text);background:#fff}.co-table-wrap{overflow-x:auto}.co-table{width:100%;border-collapse:collapse;font-size:14px}.co-table th,.co-table td{padding:10px 8px;border-bottom:1px solid var(--co-border);text-align:left;vertical-align:top}.co-table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--co-muted)}.mono{font-variant-numeric:tabular-nums}.co-link{background:none;border:none;color:var(--co-primary);cursor:pointer;font:inherit;padding:0;text-decoration:underline}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:16px;z-index:40}.modal{width:min(560px,100%);max-height:90vh;overflow:auto}