:root{--bg: #faf8f4;--surface: #ffffff;--surface-2: #f4f1ea;--border: #e8e2d4;--border-strong: #d9d1bd;--text: #1a1612;--text-muted: #7a6f5e;--text-faint: #a89c87;--accent: #c1431a;--accent-soft: #fce9df;--accent-deep: #8d2f10;--success: #16763a;--success-soft: #dcefe1;--danger: #b42318;--danger-soft: #fde2dd;--warn: #a86b09;--warn-soft: #fbeed1;--serif: "Fraunces", Georgia, serif;--sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;--radius: 6px;--radius-lg: 10px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{font-family:var(--sans);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,select,textarea{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--mono);font-size:.85em}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:var(--bg)}.login-art{background:var(--text);color:var(--bg);padding:56px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-art:before{content:"";position:absolute;inset:auto -120px -120px auto;width:480px;height:480px;background:radial-gradient(circle,var(--accent) 0%,transparent 65%);opacity:.4;filter:blur(20px)}.login-art-title{font-family:var(--serif);font-weight:400;font-size:64px;line-height:1.05;letter-spacing:-.03em;position:relative}.login-art-title em{font-style:italic;color:var(--accent)}.login-art-foot{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#faf8f48c;position:relative}.login-art-mark{position:absolute;top:56px;left:56px;width:42px;height:42px;display:grid;place-items:center;background:var(--accent);color:#fff;border-radius:var(--radius);font-family:var(--serif);font-style:italic;font-weight:600;font-size:22px}.login-form-wrap{display:grid;place-items:center;padding:56px}.login-form{width:100%;max-width:360px}.login-title{font-family:var(--serif);font-weight:500;font-size:32px;letter-spacing:-.02em;margin-bottom:8px}.login-sub{color:var(--text-muted);margin-bottom:32px}.field{margin-bottom:16px}.field-label{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.field-input{width:100%;padding:11px 14px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);font-size:14px;transition:border .15s}.field-input:focus{outline:none;border-color:var(--text)}@media (max-width: 800px){.login-page{grid-template-columns:1fr}.login-art{padding:32px;min-height:240px}.login-art-title{font-size:40px}.login-form-wrap{padding:32px}}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:28px 20px;display:flex;flex-direction:column;gap:32px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--text);color:var(--bg);border-radius:var(--radius);font-family:var(--serif);font-weight:600;font-size:20px;font-style:italic}.brand-name{font-family:var(--serif);font-weight:500;font-size:15px;letter-spacing:-.01em}.brand-sub{font-size:11px;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.nav{display:flex;flex-direction:column;gap:2px;flex:1}.nav-btn{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius);font-size:13px;text-align:left;color:var(--text-muted);transition:all .15s ease;width:100%}.nav-btn:hover{background:var(--surface-2);color:var(--text)}.nav-btn.active{background:var(--surface-2);color:var(--text);font-weight:500}.nav-dot{width:5px;height:5px;border-radius:50%;background:var(--text-faint)}.nav-btn.active .nav-dot{background:var(--accent)}.sidebar-footer{border-top:1px solid var(--border);padding-top:16px;display:flex;flex-direction:column;gap:10px}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:11px;letter-spacing:.02em;background:var(--surface-2);color:var(--text-muted);align-self:flex-start}.status-pill--ok{background:var(--success-soft);color:var(--success)}.status-pill--warn{background:var(--warn-soft);color:var(--warn)}.status-pill--error{background:var(--danger-soft);color:var(--danger)}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.user-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:var(--radius);background:var(--surface-2);font-size:12px}.user-chip-name{color:var(--text);font-weight:500}.logout-btn{font-size:11px;color:var(--text-muted);text-decoration:underline}.logout-btn:hover{color:var(--danger)}.main{padding:48px 56px;max-width:1100px}.page-header{margin-bottom:36px}.page-title{font-family:var(--serif);font-weight:500;font-size:38px;letter-spacing:-.02em;line-height:1.1;margin-bottom:8px}.page-title em{font-style:italic;color:var(--accent)}.page-sub{color:var(--text-muted);font-size:14px;max-width:560px}.section-title{font-family:var(--serif);font-weight:500;font-size:18px;letter-spacing:-.01em;margin-bottom:14px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:36px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.stat-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.stat-value{font-family:var(--serif);font-size:28px;font-weight:500;letter-spacing:-.01em}.stat-value--muted{color:var(--text-muted);font-style:italic;font-size:18px}.stat-value--warn{color:var(--warn)}.stat-action{margin-top:12px;font-size:12px;color:var(--accent)}.stat-action:hover{text-decoration:underline}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.panel-row{display:flex;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid var(--border)}.panel-row:last-child{border-bottom:none}.panel-row-main{flex:1;min-width:0}.panel-row-title{font-weight:500;font-size:14px;margin-bottom:2px}.panel-row-meta{font-family:var(--mono);font-size:11px;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}table.data{width:100%;border-collapse:collapse}table.data thead th{text-align:left;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-weight:500;padding:12px 20px;background:var(--surface-2);border-bottom:1px solid var(--border)}table.data tbody td{padding:14px 20px;border-bottom:1px solid var(--border);vertical-align:middle}table.data tbody tr:last-child td{border-bottom:none}table.data tbody tr:hover{background:var(--surface-2)}.user-cell{display:flex;align-items:center;gap:10px}.avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-deep);font-size:11px;font-weight:600;letter-spacing:.02em;flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 14px;border-radius:var(--radius);font-size:13px;font-weight:500;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);transition:all .15s;white-space:nowrap}.btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--text-faint)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--text);color:var(--bg);border-color:var(--text)}.btn-primary:hover:not(:disabled){background:var(--accent-deep);border-color:var(--accent-deep)}.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-accent:hover:not(:disabled){background:var(--accent-deep);border-color:var(--accent-deep)}.btn-sm{padding:4px 10px;font-size:12px}.btn-block{width:100%;padding:11px 14px;font-size:14px}.tag{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11px;letter-spacing:.02em;background:var(--surface-2);color:var(--text-muted)}.tag--active{background:var(--accent-soft);color:var(--accent-deep);font-weight:500}.tag--success{background:var(--success-soft);color:var(--success)}.tag--danger{background:var(--danger-soft);color:var(--danger)}.select,.input{padding:7px 10px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);min-width:200px;font-family:var(--mono);font-size:12px}.select:focus,.input:focus{outline:none;border-color:var(--accent)}.empty{padding:40px 20px;text-align:center;color:var(--text-muted);font-size:13px}.empty-emoji{font-size:32px;margin-bottom:8px;filter:grayscale(.4)}.loading{color:var(--text-muted);font-style:italic;padding:40px 0;text-align:center}.alert{padding:14px 18px;border-radius:var(--radius-lg);border:1px solid var(--warn);background:var(--warn-soft);color:var(--warn);font-size:13px;margin-bottom:24px}.alert--error{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.toast{position:fixed;bottom:24px;right:24px;padding:12px 18px;background:var(--text);color:var(--bg);border-radius:var(--radius);font-size:13px;z-index:100;box-shadow:0 8px 24px #1a161226;animation:toast-in .2s ease}.toast--error{background:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}