:root{--ink: #1d1d1d;--brand: #2dcf99;--brand-hover: #25b985;--brand-active: #1e9c70;--success: #34c759;--danger: #eb1a1a;--warning: #ff8d28;--muted: #7b7c7d;--border: #dcdcdc;--light: #f7f7f7;--surface: #ffffff;--bg: #fafafa;--soft-green: #cdf4e7;--soft-green-text: #1a8a5e;--soft-red: #fbe8e9;--soft-red-text: #a32d2d;--soft-amber: #faeeda;--soft-amber-text: #854f0b;--r-control: 8px;--r-card: 12px;--r-pill: 20px;--font: "Montserrat", system-ui, -apple-system, sans-serif;--bg-app: var(--bg);--bg-card: var(--surface);--bg-input: var(--surface);--bg-subtle: var(--light);--bg-subtle-2: var(--light);--bg-subtle-3: var(--light);--border-input: var(--border);--divider: var(--border);--divider-2: var(--border);--text: var(--ink);--text-secondary: var(--muted);--text-muted: var(--muted);--text-faint: #a8a9aa;--accent: var(--brand);--accent-hover: var(--brand-hover);--accent-soft: var(--soft-green);--accent-soft-text: var(--soft-green-text);--success-dot: var(--success);--success-bg: var(--soft-green);--success-text: var(--soft-green-text);--warning-dot: var(--warning);--warning-bg: var(--soft-amber);--warning-text: var(--soft-amber-text);--warning-border: #f0dcbb;--danger-dot: var(--danger);--danger-bg: var(--soft-red);--danger-text: var(--soft-red-text);--danger-hover: #c81616;--danger-border: #f3cfd1;--neutral-dot: #b6b7b8;--neutral-bg: #f0f0f0;--neutral-text: var(--muted);--sidebar-bg: var(--ink);--sidebar-item: #b9babb;--sidebar-active-bg: #2a2a2a;--sidebar-active-text: var(--brand);--sidebar-hover-bg: #262626;--sidebar-divider: #2f2f2f;--tv-screen: var(--ink);--tv-frame: #3a3a3a;--disabled-bg: #ececec;--disabled-text: #a8a9aa;--toast-bg: var(--ink);--toast-text: var(--surface);--stripes: repeating-linear-gradient(45deg, #f2f2f2, #f2f2f2 7px, #f8f8f8 7px, #f8f8f8 14px);--shadow-dropdown: 0 10px 28px rgba(29, 29, 29, .12);--shadow-modal: 0 24px 60px rgba(29, 29, 29, .22);--shadow-card-hover: 0 6px 18px rgba(29, 29, 29, .07);--shadow-seg: 0 1px 3px rgba(29, 29, 29, .1);--overlay: rgba(29, 29, 29, .44)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background:var(--bg-app);font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;font-size:16px;font-weight:400;line-height:1.45}a{color:var(--brand-active);text-decoration:none}a:hover{text-decoration:underline}input,select,button,textarea{font-family:var(--font);font-size:15px}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#d5d5d5;border-radius:6px;border:2px solid var(--bg-app)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.h1{margin:0;font-size:32px;font-weight:500;line-height:1.2}.h2{margin:0;font-size:22px;font-weight:500;line-height:1.25}.mono{font-variant-numeric:tabular-nums;letter-spacing:.01em}.caption{font-size:13px;color:var(--muted)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.page{max-width:1180px;margin:0 auto;padding:32px 36px 64px}.page--narrow{max-width:900px}.card{background:var(--bg-card);border:.5px solid var(--border);border-radius:var(--r-card)}.section{background:var(--bg-card);border:.5px solid var(--border);border-radius:var(--r-card);padding:22px 24px}.btn{height:40px;padding:0 18px;border:none;border-radius:var(--r-control);background:var(--ink);color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:background .15s}.btn:hover:not(:disabled){background:#333}.btn:disabled{background:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed}.btn-brand{height:40px;padding:0 18px;border:none;border-radius:var(--r-control);background:var(--brand);color:#0d5c3f;font-size:15px;font-weight:500;cursor:pointer}.btn-brand:hover:not(:disabled){background:var(--brand-hover)}.btn--lg{height:46px;padding:0 28px;font-size:16px}.btn--sm{height:32px;padding:0 14px;font-size:13px}.btn-ghost{height:40px;padding:0 18px;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-control);font-size:15px;font-weight:400;cursor:pointer;color:var(--text)}.btn-ghost:hover:not(:disabled){background:var(--light)}.btn-ghost:disabled{color:var(--disabled-text);cursor:not-allowed}.btn-danger{height:40px;padding:0 18px;border:none;background:var(--danger);color:#fff;border-radius:var(--r-control);font-size:15px;font-weight:500;cursor:pointer}.btn-danger:hover:not(:disabled){background:var(--danger-hover)}.btn-danger:disabled{background:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed}.btn-danger-outline{height:38px;padding:0 18px;border:1px solid var(--danger);color:var(--danger);background:transparent;border-radius:var(--r-control);font-size:14px;font-weight:500;cursor:pointer}.btn-danger-outline:hover{background:var(--danger-bg)}.icon-btn{width:30px;height:30px;border:none;background:transparent;border-radius:var(--r-control);cursor:pointer;color:var(--muted);font-size:16px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--light);color:var(--text)}.input,.select{height:42px;border:1px solid var(--border);border-radius:10px;padding:0 12px;font-size:15px;color:var(--text);background:var(--surface);outline-color:var(--brand);width:100%;min-width:0}.select{padding:0 10px}.input--sm,.select--sm{height:38px;font-size:14px}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-secondary);font-weight:400;min-width:0}.seg-wrap{display:flex;background:transparent;border-radius:9px;padding:0;gap:6px}.seg-btn{height:34px;min-width:36px;padding:0 14px;border:none;border-radius:9px;cursor:pointer;font-size:14px;font-weight:400;background:#e5e5e5;color:#5f5e5a;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.seg-btn.active{background:var(--ink);color:#fff;font-weight:500}.chip{height:34px;padding:0 14px;border-radius:var(--r-pill);cursor:pointer;font-size:14px;font-weight:400;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary)}.chip.active{border-color:transparent;background:var(--soft-green);color:var(--soft-green-text);font-weight:500}.tag{background:var(--light);color:var(--text-secondary);font-size:12px;padding:3px 10px;border-radius:var(--r-pill)}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:var(--r-pill);padding:4px 10px;font-size:12px;font-weight:500;white-space:nowrap}.dot{border-radius:50%;display:inline-block;flex:0 0 auto}.thead{display:grid;gap:0 12px;font-size:13px;color:var(--muted);font-weight:400;padding:10px 12px;border-bottom:.5px solid var(--border)}.trow{display:grid;gap:0 12px;align-items:center;padding:14px 12px;font-size:15px;border-bottom:.5px solid var(--border);border-radius:var(--r-control)}.trow--click{cursor:pointer}.trow--click:hover{background:var(--light)}.menu{position:absolute;right:0;top:34px;background:var(--surface);border:.5px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-dropdown);min-width:244px;padding:6px;z-index:30;animation:popIn .12s ease}.menu-item{padding:10px 12px;font-size:14px;border-radius:var(--r-control);cursor:pointer}.menu-item:hover{background:var(--light)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:50;animation:fadeIn .15s ease}.modal{background:var(--surface);border-radius:var(--r-card);padding:28px;animation:popIn .16s ease;box-shadow:var(--shadow-modal);max-height:90vh;overflow-y:auto}.modal-title{margin:0 0 8px;font-size:22px;font-weight:500}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:var(--toast-bg);color:var(--toast-text);padding:13px 22px;border-radius:var(--r-control);font-size:15px;z-index:60;animation:toastIn .2s ease;box-shadow:0 10px 30px #1d1d1d40}.spinner{width:20px;height:20px;border:2.5px solid #e6e6e6;border-top-color:var(--brand);border-radius:50%;animation:spin 1s linear infinite;display:inline-block}.spinner--warn{width:12px;height:12px;border-width:2px;border-color:var(--warning-border);border-top-color:var(--warning);animation-duration:1.2s}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:var(--r-control);font-size:15px;cursor:pointer;margin-bottom:2px;color:var(--sidebar-item);text-decoration:none}.nav-item:hover{background:var(--sidebar-hover-bg);color:#fff;text-decoration:none}.nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);font-weight:500}.link{color:var(--brand-active);cursor:pointer;background:none;border:none;font-size:15px;padding:0;font-family:var(--font)}.link:hover{text-decoration:underline}.stripes{background:var(--stripes)}.hover-reveal{cursor:pointer;opacity:.45;font-size:15px;background:none;border:none;padding:0}.hover-reveal:hover{opacity:1}