:root{--bg: #f7fafc;--surface: #ffffff;--border: #e2e8f0;--text: #1a202c;--muted: #64748b;--primary: #16a34a;--primary-hover: #15803d;--danger: #dc2626;--danger-bg: #fee2e2;--warn: #d97706;--warn-bg: #fef3c7;--ok: #16a34a;--ok-bg: #dcfce7;--code-bg: #0f172a;--code-text: #e2e8f0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text)}*{box-sizing:border-box}body{margin:0;background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer;padding:8px 16px;border-radius:6px;border:1px solid var(--border);background:var(--surface);transition:background .15s,border-color .15s}button:hover:not(:disabled){background:#f1f5f9}button:disabled{opacity:.6;cursor:not-allowed}button.primary{background:var(--primary);color:#fff;border-color:var(--primary)}button.primary:hover:not(:disabled){background:var(--primary-hover)}button.danger{background:var(--surface);color:var(--danger);border-color:var(--danger)}button.danger:hover:not(:disabled){background:var(--danger-bg)}input,select,textarea{font:inherit;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface);width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:-1px}label{display:block;font-size:.875rem;font-weight:500;margin-bottom:4px;color:var(--muted)}.field{margin-bottom:16px}.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:24px 16px;display:flex;flex-direction:column;gap:4px}.sidebar-brand{font-weight:600;font-size:1.1rem;margin-bottom:20px;color:var(--primary)}.sidebar-link{padding:8px 12px;border-radius:6px;color:var(--text);display:block}.sidebar-link:hover{background:#f1f5f9;text-decoration:none}.sidebar-link.active{background:var(--ok-bg);color:var(--primary);font-weight:500}.sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--border);font-size:.8rem;color:var(--muted)}.content{padding:32px;overflow:auto}.page-title{font-size:1.5rem;font-weight:600;margin:0 0 24px}.page-title small{font-weight:400;color:var(--muted);font-size:.875rem;margin-left:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px;margin-bottom:16px}.card h3{margin:0 0 8px;font-size:1.05rem}.card .muted{color:var(--muted);font-size:.875rem}.card-row{display:flex;justify-content:space-between;align-items:center;gap:16px}table{width:100%;border-collapse:collapse}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border);font-size:.9rem}th{font-weight:600;color:var(--muted);background:#f8fafc}tr:last-child td{border-bottom:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 600px){.form-row,.app{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border)}}.alert{padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:.9rem}.alert.error{background:var(--danger-bg);color:var(--danger)}.alert.warn{background:var(--warn-bg);color:var(--warn)}.alert.ok{background:var(--ok-bg);color:var(--ok)}pre.code{background:var(--code-bg);color:var(--code-text);padding:16px;border-radius:6px;overflow:auto;font-size:.85rem;line-height:1.5;font-family:SF Mono,Menlo,Consolas,monospace}code.inline{background:#f1f5f9;padding:2px 6px;border-radius:3px;font-size:.85em}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal{background:var(--surface);border-radius:8px;padding:24px;max-width:700px;width:100%;max-height:90vh;overflow:auto}.modal h2{margin:0 0 16px}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login-card{max-width:400px;width:100%}.row{display:flex;gap:8px;align-items:center}.spacer{flex:1}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.badge.admin{background:#fef3c7;color:#92400e}.badge.owner{background:var(--ok-bg);color:var(--ok)}.badge.disabled{background:var(--danger-bg);color:var(--danger)}.btn-row{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}