.form{display:grid;gap:12px}.form-title{font-size:20px;font-weight:600;margin:0 0 8px}.form-grid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:720px){.form-grid.two-col{grid-template-columns:1fr 1fr}}.label{font-size:12px;opacity:.9}.input,.textarea{width:100%;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#00000040;color:inherit;outline:none}.textarea{min-height:90px;resize:vertical}.actions{display:flex;gap:10px;justify-content:flex-end;padding-top:8px}.button{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:inherit;cursor:pointer}.button.primary{background:#ffffff2e}.appHeader{position:sticky;top:0;z-index:50;background:#0f0f12e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}.appHeaderInner{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;width:100%}.left{display:flex;align-items:center;gap:10px}.center{flex:1;display:flex;justify-content:center}.right{display:flex;align-items:center}.brand{font-weight:700}.burger{display:inline-flex;flex-direction:column;gap:4px;width:40px;height:36px;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:inherit;cursor:pointer}.burger span{display:block;width:18px;height:2px;background:#ffffffbf;border-radius:2px}.nav{display:none}.navRow{display:flex;align-items:center;gap:10px}.navItem{display:inline-flex;align-items:center;gap:10px}.navIcon{width:22px;display:inline-flex;justify-content:center}.navLink,.navButton{padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:inherit;text-decoration:none;cursor:pointer;white-space:nowrap}.navLink.active{background:#ffffff24}@media(max-width:720px){.nav.open{display:block;position:fixed;top:56px;left:12px;right:12px;z-index:60;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#0f0f12fa;padding:10px}.navRow{flex-direction:column;align-items:stretch;gap:8px}.backdrop{position:fixed;inset:0;background:#00000059;z-index:55}}@media(min-width:721px){.burger{display:none}.nav{display:block}}.app-root{min-height:100vh;display:flex;flex-direction:column}.app-main{background-color:#171717;flex:1;display:flex;justify-content:center}.app-container{width:100%;max-width:1100px;padding:16px}.login-backdrop{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.login-modal{background:#1f1f1f;color:#e0e0e0;padding:24px;width:320px;display:flex;flex-direction:column;gap:14px;border-radius:8px;box-shadow:0 10px 40px #0009}.login-modal input{background:#2a2a2a;border:1px solid #333;color:#e0e0e0;padding:8px 10px;border-radius:4px}.login-modal input:focus{outline:none;border-color:#4f8cff}.login-modal button{background:#4f8cff;color:#fff;border:none;padding:10px;border-radius:4px;cursor:pointer;font-weight:600}.login-modal button:hover{background:#3b73d1}.error{color:#ff6b6b;font-size:12px}.editableButton{width:100%;text-align:left;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);appearance:none;font:inherit;cursor:text;transition:border-color var(--anim-fast),box-shadow var(--anim-fast),background var(--anim-fast)}.editableButton:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.editableButton:focus,.editableButton:focus-visible{outline:none;border-color:color-mix(in srgb,var(--primary) 70%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent)}.editableButton:disabled{opacity:.7;cursor:not-allowed;background:color-mix(in srgb,var(--surface) 80%,var(--surface-2))}.editableButton.isPlaceholder{color:var(--text-muted)}:root{--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";--container-max: 1200px;--container-pad: 16px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--space-1: 6px;--space-2: 10px;--space-3: 14px;--space-4: 18px;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--anim-fast: .12s;--anim-med: .18s;--z-header: 50;--z-overlay: 55;--z-modal: 60;--bg: #f7f7fb;--surface: #ffffff;--surface-2: #f2f2f7;--text: #12131a;--text-muted: #4b4e5a;--border: rgba(0,0,0,.12);--primary: #1f5eff;--primary-contrast: #ffffff;--danger: #d92d20;--success: #039855;--shadow: 0 10px 30px rgba(0,0,0,.08)}[data-theme=dark]{--bg: #0f0f12;--surface: rgba(255,255,255,.06);--surface-2: rgba(255,255,255,.1);--text: rgba(255,255,255,.92);--text-muted: rgba(255,255,255,.7);--border: rgba(255,255,255,.12);--primary: #4c7dff;--primary-contrast: #0f0f12;--shadow: 0 10px 30px rgba(0,0,0,.35)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--bg: #0f0f12;--surface: rgba(255,255,255,.06);--surface-2: rgba(255,255,255,.1);--text: rgba(255,255,255,.92);--text-muted: rgba(255,255,255,.7);--border: rgba(255,255,255,.12);--primary: #4c7dff;--primary-contrast: #0f0f12;--shadow: 0 10px 30px rgba(0,0,0,.35)}}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-md);color:var(--text);background:var(--bg)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 60%,transparent);outline-offset:2px}.page-container{width:100%;max-width:var(--container-max);margin:0 auto;padding:var(--container-pad)}.card{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow);overflow:hidden}.cardHeader{width:100%;text-align:left;border:0;background:transparent;padding:var(--space-3);cursor:pointer}.cardTitleRow{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.cardTitle{font-weight:700;font-size:var(--text-lg)}.cardSubtitle{margin-top:4px;color:var(--text-muted);font-size:var(--text-sm)}.cardBody{border-top:1px solid var(--border);padding:var(--space-3);display:grid;gap:var(--space-2)}.kv{display:grid;grid-template-columns:140px 1fr;gap:var(--space-2)}.k{color:var(--text-muted);font-size:var(--text-sm)}.v{font-size:var(--text-md)}.cardActions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.button{appearance:none;border:1px solid var(--border);background:var(--surface-2);padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--anim-fast),background var(--anim-fast),border-color var(--anim-fast)}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.6;cursor:not-allowed;transform:none}.button.primary{background:var(--primary);color:var(--primary-contrast);border-color:color-mix(in srgb,var(--primary) 70%,var(--border))}.input,.textarea,select.input,input.input,input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],input[type=url]{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);transition:border-color var(--anim-fast),box-shadow var(--anim-fast),background var(--anim-fast)}.input::placeholder,.textarea::placeholder,input::placeholder{color:color-mix(in srgb,var(--text-muted) 75%,transparent)}.input:focus,.textarea:focus,select.input:focus,input:focus{outline:none;border-color:color-mix(in srgb,var(--primary) 70%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent)}.input:disabled,.textarea:disabled,select.input:disabled,input:disabled{opacity:.7;cursor:not-allowed;background:color-mix(in srgb,var(--surface) 80%,var(--surface-2))}.textarea{min-height:96px;resize:vertical}select.input{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:34px}.editableText{width:100%;text-align:left;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);appearance:none;font:inherit;cursor:text;transition:border-color var(--anim-fast),box-shadow var(--anim-fast),background var(--anim-fast)}.editableText:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.editableText:focus,.editableText:focus-visible{outline:none;border-color:color-mix(in srgb,var(--primary) 70%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent)}.editableText:disabled{opacity:.7;cursor:not-allowed;background:color-mix(in srgb,var(--surface) 80%,var(--surface-2))}.editableText.isPlaceholder{color:var(--text-muted)}.form{display:grid;gap:var(--space-3)}.form-title{margin:0}.form-grid.two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.field{display:grid;gap:6px}.label{font-size:var(--text-sm);font-weight:600;color:var(--text-muted);margin-bottom:6px;display:inline-block}.formRow{display:grid;gap:6px}.formRow label{font-size:var(--text-sm);font-weight:600;color:var(--text-muted)}.actions{display:flex;gap:var(--space-2);justify-content:flex-end}@media(max-width:720px){.form-grid.two-col,.kv{grid-template-columns:1fr}}.error{border:1px solid color-mix(in srgb,var(--danger) 40%,var(--border));background:color-mix(in srgb,var(--danger) 12%,transparent);padding:10px 12px;border-radius:var(--radius-sm)}.success{border:1px solid color-mix(in srgb,var(--success) 40%,var(--border));background:color-mix(in srgb,var(--success) 12%,transparent);padding:10px 12px;border-radius:var(--radius-sm)}