@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--bg: #f9fafb;--surface: #ffffff;--surface-soft: #f3f4f6;--border: #e5e7eb;--border-strong: #d1d5db;--text: #111827;--muted: #6b7280;--muted-2: #9ca3af;--sidebar-bg: #111827;--sidebar-border: #1f2937;--sidebar-text: #f9fafb;--sidebar-text-2: #9ca3af;--sidebar-hover: #1f2937;--accent: #1d4ed8;--accent-hover: #1e40af;--danger: #dc2626;--danger-bg: #fef2f2;--ok-bg: #f0fdf4;--ok-text: #166534;--mono: "SF Mono", ui-monospace, "Cascadia Code", Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.platform-login{min-height:100vh;display:grid;place-items:center;padding:32px}.platform-login__card{width:min(360px,100%);background:var(--surface);border:1px solid var(--border);padding:32px}.platform-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.platform-mark{width:32px;height:32px;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:700;font-size:14px;letter-spacing:-.01em;flex-shrink:0}.platform-brand__title{font-size:14px;font-weight:700;letter-spacing:-.02em;color:var(--text)}.platform-brand__sub{font-size:12px;color:var(--muted)}.platform-shell{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:100vh}.platform-sidebar{background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.platform-sidebar .platform-brand{padding:18px 16px;margin:0;border-bottom:1px solid var(--sidebar-border)}.platform-sidebar .platform-mark{width:26px;height:26px;font-size:12px}.platform-sidebar .platform-brand__title{font-size:13px;color:var(--sidebar-text)}.platform-sidebar .platform-brand__sub{font-size:11px;color:var(--sidebar-text-2)}.platform-nav{list-style:none;margin:0;padding:8px 0;flex:1}.platform-nav__label{padding:14px 16px 4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#374151;-webkit-user-select:none;user-select:none;list-style:none}.platform-nav__item{padding:8px 16px;font-size:13px;color:var(--sidebar-text-2);border-left:2px solid transparent;cursor:pointer;transition:color .1s,background .1s,border-color .1s;-webkit-user-select:none;user-select:none}.platform-nav__item:hover{color:var(--sidebar-text);background:var(--sidebar-hover)}.platform-nav__item--active{color:var(--sidebar-text);background:var(--sidebar-hover);border-left-color:var(--accent)}.platform-logout{padding:12px 16px;font-size:12px;color:var(--sidebar-text-2);border-top:1px solid var(--sidebar-border);cursor:pointer;transition:color .1s,background .1s;-webkit-user-select:none;user-select:none}.platform-logout:hover{color:var(--sidebar-text);background:var(--sidebar-hover)}.platform-main{padding:32px;overflow:auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}.page-title{margin:0;font-size:20px;font-weight:700;letter-spacing:-.03em}.page-subtitle{margin-top:4px;font-size:13px;color:var(--muted)}.surface{background:var(--surface);border:1px solid var(--border);padding:20px;margin-bottom:14px}.surface__title{margin:0 0 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px;margin-bottom:14px}.metric-grid--compact{grid-template-columns:repeat(2,minmax(120px,1fr));margin-bottom:0}.metric{background:var(--surface);border:1px solid var(--border);padding:14px}.metric span{display:block;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.metric strong{display:block;margin-top:4px;font-size:22px;line-height:1.1}.mono-muted{font-family:var(--mono);font-size:12px;color:var(--muted)}.toolbar-inline{display:grid;grid-template-columns:minmax(180px,240px) minmax(180px,240px);gap:8px;align-items:center}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.field:last-child{margin-bottom:0}.field label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.input,.select,.textarea{width:100%;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);padding:7px 10px;font-size:13px;outline:none;transition:border-color .15s;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' stroke-width='1.5' fill='none' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}.textarea{min-height:80px;resize:vertical;padding:8px 10px}.input:focus,.select:focus,.textarea:focus{border-color:var(--text)}.input::placeholder{color:var(--muted-2)}.hint{font-size:11px;color:var(--muted-2)}.btn{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 14px;border:1px solid transparent;background:var(--accent);color:#fff;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .1s;border-radius:0;letter-spacing:-.01em}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn--secondary:hover{background:var(--surface-soft)}.btn-row{display:flex;gap:8px;align-items:center;margin-top:16px}.table-wrap{overflow:auto;border:1px solid var(--border);background:var(--surface);margin-bottom:14px}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{padding:10px 14px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:13px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{cursor:pointer;transition:background .1s}.table tbody tr:hover td{background:var(--bg)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 8px}.badge:before{content:"";width:5px;height:5px;border-radius:50%;flex-shrink:0}.badge--active{background:var(--ok-bg);color:var(--ok-text)}.badge--active:before{background:var(--ok-text)}.badge--inactive{background:var(--surface-soft);color:var(--muted)}.badge--inactive:before{background:var(--muted-2)}.error{color:var(--danger);background:var(--danger-bg);border:1px solid #fecaca;padding:10px 12px;margin:10px 0;font-size:13px}.success{color:var(--ok-text);font-size:13px;font-weight:600}.loading{padding:40px 0;color:var(--muted);font-size:13px}.checkbox{display:flex;align-items:center;gap:8px;font-size:13px;margin:7px 0;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:var(--accent);flex-shrink:0}.notice{border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;padding:10px 12px;font-size:13px;margin-bottom:16px}.surface--nested{padding:12px;margin-bottom:10px;box-shadow:none}.flag-list{display:grid;gap:6px;margin-bottom:14px}.diff-grid pre{max-height:320px;overflow:auto;background:#f8fafc;border:1px solid var(--border);padding:10px;font-size:12px;white-space:pre-wrap}.readonly{font-family:var(--mono);font-size:12px;color:var(--muted);padding:7px 0}.swatch-row{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:center}.color-picker{width:30px;height:30px;border:1px solid var(--border-strong);padding:0;cursor:pointer;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;overflow:hidden;flex-shrink:0}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none}.color-picker::-moz-color-swatch{border:none}@media (max-width: 860px){.platform-shell{grid-template-columns:1fr}.platform-sidebar{position:static;height:auto}.platform-main{padding:20px}.grid-2,.metric-grid,.metric-grid--compact,.toolbar-inline{grid-template-columns:1fr}.page-header{flex-direction:column}}