:root{--bg-app: #f7f5f1;--bg-card: #ffffff;--bg-input: #fdfcfa;--bg-subtle: #f0ebe4;--bg-subtle-2: #f5f1eb;--bg-subtle-3: #faf7f2;--border: #e7e1d9;--border-input: #ddd5cb;--divider: #f0ebe4;--divider-2: #f5f1eb;--text: #2b241e;--text-secondary: #6e655b;--text-muted: #8a8178;--text-faint: #a79d91;--accent: #8c5a2b;--accent-hover: #7a4c22;--accent-soft: #f5ebdd;--accent-soft-text: #6f4522;--success-dot: #2e9e5b;--success-bg: #e7f5ec;--success-text: #1e6e3f;--warning-dot: #d9a23b;--warning-bg: #fbf3e0;--warning-text: #8a6316;--warning-border: #ebd8a8;--danger-dot: #d6453d;--danger-bg: #fcedec;--danger-text: #a32e28;--danger-hover: #be3931;--danger-border: #f2c7c4;--neutral-dot: #9a938c;--neutral-bg: #f0ede9;--neutral-text: #6e655b;--sidebar-bg: #221b15;--sidebar-item: #cdc4ba;--sidebar-active-bg: #3b2e22;--sidebar-active-text: #f2ece4;--sidebar-hover-bg: #2e251d;--sidebar-divider: #35291f;--tv-screen: #2b241e;--tv-frame: #4a4038;--disabled-bg: #e5ded4;--disabled-text: #a79d91;--toast-bg: #2b241e;--toast-text: #f2ece4;--font: "Golos Text", system-ui, sans-serif;--mono: "IBM Plex Mono", monospace;--stripes: repeating-linear-gradient(45deg, #e9e2d8, #e9e2d8 7px, #f1ebe2 7px, #f1ebe2 14px);--shadow-dropdown: 0 10px 28px rgba(43, 36, 30, .14);--shadow-modal: 0 24px 60px rgba(34, 27, 21, .3);--shadow-card-hover: 0 6px 18px rgba(43, 36, 30, .08);--shadow-seg: 0 1px 3px rgba(43, 36, 30, .14);--overlay: rgba(34, 27, 21, .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:13.5px}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-soft-text);text-decoration:underline}input,select,button,textarea{font-family:var(--font)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#d8d1c8;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:24px;font-weight:700;letter-spacing:-.01em}.h2{margin:0;font-size:15px;font-weight:600}.mono{font-family:var(--mono)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.page{max-width:1060px;margin:0 auto;padding:28px 36px 64px}.page--narrow{max-width:860px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px}.section{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px 24px}.btn{height:36px;padding:0 16px;border:none;border-radius:8px;background:var(--accent);color:#fff;font-size:13px;font-weight:600;cursor:pointer}.btn:hover:not(:disabled){background:var(--accent-hover)}.btn:disabled{background:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed}.btn--lg{height:42px;padding:0 28px;font-size:14px}.btn--sm{height:30px;padding:0 14px;font-size:12.5px}.btn-ghost{height:36px;padding:0 16px;border:1px solid var(--border-input);background:#fff;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;color:var(--text)}.btn-ghost:hover:not(:disabled){background:var(--bg-subtle-2)}.btn-ghost:disabled{color:var(--disabled-text);cursor:not-allowed}.btn-danger{height:36px;padding:0 16px;border:none;background:var(--danger-dot);color:#fff;border-radius:8px;font-size:13px;font-weight:600;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:34px;padding:0 16px;border:1px solid var(--danger-dot);color:var(--danger-dot);background:transparent;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.btn-danger-outline:hover{background:var(--danger-bg)}.icon-btn{width:26px;height:26px;border:none;background:transparent;border-radius:7px;cursor:pointer;color:var(--text-muted);font-size:15px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--bg-subtle);color:var(--text)}.input,.select{height:36px;border:1px solid var(--border-input);border-radius:8px;padding:0 10px;font-size:13.5px;color:var(--text);background:var(--bg-input);outline-color:var(--accent);width:100%;min-width:0}.select{padding:0 8px}.input--sm,.select--sm{height:34px;font-size:13px}.field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-secondary);font-weight:500;min-width:0}.seg-wrap{display:flex;background:var(--bg-subtle);border-radius:8px;padding:3px;gap:2px}.seg-btn{height:28px;min-width:34px;padding:0 10px;border:none;border-radius:7px;cursor:pointer;font-size:12.5px;font-weight:600;background:transparent;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.seg-btn.active{background:#fff;color:var(--text);box-shadow:var(--shadow-seg)}.chip{height:30px;padding:0 13px;border-radius:20px;cursor:pointer;font-size:12.5px;font-weight:500;border:1px solid var(--border-input);background:#fff;color:var(--text-secondary)}.chip.active{border:1.5px solid var(--accent);background:var(--accent-soft);color:var(--accent-soft-text)}.tag{background:var(--bg-subtle);color:var(--text-secondary);font-size:10.5px;padding:2px 8px;border-radius:20px}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:600;white-space:nowrap}.dot{border-radius:50%;display:inline-block;flex:0 0 auto}.thead{display:grid;gap:0 12px;font-size:11.5px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:10px 10px 8px;border-bottom:1px solid var(--divider)}.trow{display:grid;gap:0 12px;align-items:center;padding:12px 10px;font-size:13.5px;border-bottom:1px solid var(--divider-2);border-radius:8px}.trow--click{cursor:pointer}.trow--click:hover{background:var(--bg-subtle-3)}.menu{position:absolute;right:0;top:30px;background:#fff;border:1px solid #e3dcd2;border-radius:10px;box-shadow:var(--shadow-dropdown);min-width:236px;padding:5px;z-index:30;animation:popIn .12s ease}.menu-item{padding:8px 11px;font-size:13px;border-radius:7px;cursor:pointer}.menu-item:hover{background:var(--bg-subtle-2)}.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:#fff;border-radius:14px;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:17px;font-weight:700}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:var(--toast-bg);color:var(--toast-text);padding:11px 20px;border-radius:10px;font-size:13.5px;z-index:60;animation:toastIn .2s ease;box-shadow:0 10px 30px #221b154d}.spinner{width:20px;height:20px;border:2.5px solid #d8d1c8;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;display:inline-block}.spinner--warn{width:11px;height:11px;border-width:2px;border-color:var(--warning-border);border-top-color:var(--warning-dot);animation-duration:1.2s}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:13.5px;cursor:pointer;margin-bottom:2px;color:var(--sidebar-item);text-decoration:none}.nav-item:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-active-text);text-decoration:none}.nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);font-weight:600}.link{color:var(--accent);cursor:pointer;background:none;border:none;font-size:13px;padding:0;font-family:var(--font)}.link:hover{text-decoration:underline}.stripes{background:var(--stripes)}.hover-reveal{cursor:pointer;opacity:.5;font-size:13px;background:none;border:none;padding:0}.hover-reveal:hover{opacity:1}