:root{color-scheme:dark;font-family:Avenir Next,Segoe UI Variable Display,SF Pro Display,Segoe UI,sans-serif;background:#f5f0e7;color:#18222f;--bg: #f5f0e7;--surface: rgba(255, 251, 246, .84);--surface-2: #fff7ec;--surface-3: #f3ebde;--border: rgba(48, 65, 84, .12);--text: #18222f;--text-muted: #66768b;--accent: #0f9f97;--accent-2: #0d7f79;--danger: #d85f46;--warning: #d59128;--shadow: 0 22px 60px rgba(31, 42, 55, .08)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg)}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.ops-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr);background:radial-gradient(circle at top left,rgba(15,159,151,.12),transparent 28%),radial-gradient(circle at top right,rgba(213,145,40,.08),transparent 28%),linear-gradient(180deg,#f8f4ec,#f2ece2)}.ops-sidebar{border-right:1px solid rgba(48,65,84,.08);padding:28px 22px;display:flex;flex-direction:column;gap:22px;background:linear-gradient(180deg,#fffbf6b8,#faf3e9eb);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.ops-brand-block{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:center}.ops-brand-mark{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:#fff;font-weight:800;letter-spacing:.08em;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.25),transparent 35%),linear-gradient(180deg,#17b0a7,#0b7b75);box-shadow:inset 0 1px #ffffff52}.ops-brand{font-size:22px;font-weight:800;letter-spacing:-.04em}.ops-subtle{color:var(--text-muted);font-size:13px}.ops-sidebar-section{display:grid;gap:10px}.ops-sidebar-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:700}.ops-workspace-card,.ops-user-card{border-radius:18px;border:1px solid var(--border);background:#ffffffa3;padding:14px;box-shadow:0 8px 24px #1f2a370a}.ops-workspace-name,.ops-user-name{font-weight:700;color:var(--text)}.ops-user-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center}.ops-user-avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(180deg,#2c3545,#1f2735);color:#fff;font-weight:800}.ops-nav{display:flex;flex-direction:column;gap:8px}.ops-nav a{padding:13px 14px;border-radius:14px;color:var(--text-muted);font-weight:700;transition:background-color .14s ease,color .14s ease,transform .14s ease}.ops-nav a:hover{background:#fff9;color:var(--text);transform:translate(2px)}.ops-nav a.active{color:var(--text);background:linear-gradient(180deg,#0f9f9724,#0f9f970f);border:1px solid rgba(15,159,151,.18);box-shadow:inset 0 1px #ffffff8c}.ops-main{min-width:0;display:flex;flex-direction:column}.ops-topbar{position:sticky;top:0;z-index:10;padding:24px 32px 18px;border-bottom:1px solid rgba(48,65,84,.08);display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f8f4ecd6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.ops-topbar h1{margin:0;font-size:34px;line-height:1;letter-spacing:-.05em}.ops-toolbar{display:flex;align-items:center;gap:12px}.ops-page-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-2);font-weight:800;margin-bottom:8px}.ops-page-meta{color:var(--text-muted);font-size:14px;margin-top:8px}.ops-select,.ops-input,.ops-button{border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.ops-select,.ops-input{height:46px;padding:0 15px}.ops-button{height:44px;padding:0 16px;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.ops-button:hover{transform:translateY(-1px)}.ops-button.primary{background:linear-gradient(180deg,#18b0a7,#0c8b84);color:#fff;border-color:transparent;box-shadow:0 12px 24px #0f9f972e}.ops-button.secondary{background:#ffffff9e}.ops-toolbar-card{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:16px;border:1px solid var(--border);background:#ffffff9e}.ops-toolbar-chip{border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;color:var(--accent-2);background:#0f9f971f}.ops-toolbar-chip.muted{color:var(--text-muted);background:#3041540f}.ops-content{padding:28px 32px 40px;display:grid;gap:20px}.ops-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ops-panel{background:#fffbf6c2;border:1px solid var(--border);border-radius:24px;padding:20px;min-width:0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.ops-panel h2,.ops-panel h3{margin:0;font-size:20px;letter-spacing:-.03em}.ops-panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.ops-panel-title-group{display:grid;gap:6px}.ops-stat{display:grid;gap:8px;position:relative;overflow:hidden}.ops-stat:after{content:"";position:absolute;inset:auto -20px -20px auto;width:90px;height:90px;border-radius:999px;background:radial-gradient(circle,rgba(15,159,151,.12),transparent 65%)}.ops-stat-label{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.ops-stat-value{font-size:36px;font-weight:800;letter-spacing:-.05em}.ops-stat-note{color:var(--text-muted);font-size:13px}.ops-list{display:grid;gap:12px}.ops-row{display:grid;gap:6px;padding:14px 16px;border-radius:16px;background:#ffffff94;border:1px solid rgba(48,65,84,.08)}.ops-row-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.ops-badge{border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;text-transform:uppercase}.ops-badge.green{background:#0f9f971f;color:var(--accent-2)}.ops-badge.gold{background:#d5912824;color:var(--warning)}.ops-badge.red{background:#d85f4624;color:var(--danger)}.ops-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:8px 2px 2px}.ops-hero-title{margin:0;font-size:42px;line-height:.98;letter-spacing:-.06em}.ops-hero-chip-group{display:flex;align-items:center;gap:10px}.ops-search{min-width:320px}.ops-table-wrap{overflow:auto;border-radius:18px;border:1px solid rgba(48,65,84,.08);background:#ffffff6b}.ops-table{width:100%;border-collapse:collapse}.ops-table th,.ops-table td{text-align:left;padding:14px;border-bottom:1px solid rgba(48,65,84,.08)}.ops-table th{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;background:#faf4ebf0}.ops-table tbody tr:hover{background:#0f9f970b}.ops-status{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800;color:#294158;background:#30415414}.ops-login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,rgba(15,159,151,.18),transparent 30%),linear-gradient(180deg,#f8f4ec,#f2ece2)}.ops-login-card{width:min(420px,100%);background:#fffbf6f0;border:1px solid var(--border);border-radius:26px;padding:30px;display:grid;gap:15px;box-shadow:0 26px 70px #1f2a371f}.ops-login-title{margin:0;font-size:32px;line-height:1}.ops-login-brand{display:grid;justify-items:center;gap:10px;margin-bottom:4px}.ops-login-mark{width:88px;height:88px;border-radius:28px;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,rgba(118,225,194,.55),transparent 45%),linear-gradient(180deg,#1b8f83,#117970);box-shadow:inset 0 1px #ffffff2e}.ops-login-mark-heart{color:#fff;font-weight:900;letter-spacing:.08em;font-size:24px}.ops-login-subtitle{font-size:15px;line-height:1.4;color:var(--text-muted);text-align:center}.ops-field{display:grid;gap:8px}.ops-field label{color:var(--text-muted);font-size:13px;font-weight:600}.ops-empty{color:var(--text-muted);padding:20px 0}.ops-login-error{color:var(--danger);font-size:14px;padding:10px 12px;border-radius:12px;border:1px solid rgba(216,95,70,.18);background:#d85f4614}.ops-login-footer{text-align:center;color:var(--text-muted);font-size:12px;margin-top:2px}@media(max-width:1100px){.ops-grid-3{grid-template-columns:1fr}.ops-hero{flex-direction:column;align-items:flex-start}}@media(max-width:900px){.ops-shell{grid-template-columns:1fr}.ops-sidebar{display:none}.ops-topbar,.ops-content{padding:20px}.ops-search{min-width:0;width:100%}.ops-panel-header{flex-direction:column;align-items:flex-start}}