@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8f9fa;--bg-2:#fff;--bg-3:#f0f1f3;--ink:#1a1a1a;--ink-2:#374151;--muted:#6b7280;--accent:#1e3a5f;--accent-hover:#162d4a;--accent-light:#e8edf3;--accent-alpha-12:#1e3a5f1f;--line:#d1d5db;--line-light:#e5e7eb;--surface:#fff;--input-bg:#fff;--sidebar-bg:#fff;--error-bg:#fef2f2;--error-border:#fecaca;--error-text:#b91c1c;--success-bg:#f0fdf4;--success-border:#bbf7d0;--success-text:#15803d;--status-confirmed-bg:#eef5f1;--status-confirmed-border:#cfe0d7;--status-confirmed-text:#2f6f53;--status-pending-bg:#f6eeee;--status-pending-border:#e3c9c9;--status-pending-text:#8a3a3a;--danger-text:#8a3a3a;--danger-border:#d5b1b1;--danger-hover-bg:#8a3a3a;--danger-hover-text:#fff;--preview-bg:#1e3a5f;--preview-text:#fff;--preview-text-muted:#ffffffd9;--preview-tag-bg:#ffffff26;--preview-tag-border:#ffffff40;--preview-tag-color:#fff;--button-text:#fff;--secondary-hover-bg:#f8f9fa;--secondary-hover-border:#1e3a5f;--secondary-hover-color:#1e3a5f;--sidebar-active-bg:#1e3a5f;--sidebar-active-color:#fff;--sidebar-link-color:#374151;--sidebar-link-hover-bg:#e8edf3;--sidebar-link-hover-color:#1e3a5f;--sidebar-email-color:#6b7280;--sidebar-signout-hover-bg:#e8edf3;--sidebar-signout-hover-color:#1e3a5f;--font-body:"IBM Plex Sans",sans-serif;--font-mono:"JetBrains Mono","IBM Plex Mono",monospace;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E");--focus-shadow:0 0 0 3px var(--accent-light);--toggle-bg:transparent;--toggle-color:#6b7280;--toggle-hover-bg:#e8edf3;--toggle-hover-color:#1e3a5f;--brand-bg:#1e3a5f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111;--bg-2:#1a1a1a;--bg-3:#222;--ink:#e8e8e8;--ink-2:#ccc;--muted:#888;--accent:#6b9cc4;--accent-hover:#5a8ab3;--accent-light:#6b9cc426;--accent-alpha-12:#6b9cc41f;--line:#2a2a2a;--line-light:#2a2a2a;--surface:#1a1a1a;--input-bg:#181818;--sidebar-bg:#161616;--error-bg:#b91c1c1a;--error-border:#b91c1c4d;--error-text:#ef4444;--success-bg:#22c55e14;--success-border:#22c55e40;--success-text:#4ade80;--status-confirmed-bg:#4ade8014;--status-confirmed-border:#4ade802e;--status-confirmed-text:#7fd1a3;--status-pending-bg:#ef444414;--status-pending-border:#ef44442e;--status-pending-text:#e08b8b;--danger-text:#e08b8b;--danger-border:#ef444440;--danger-hover-bg:#ef444433;--danger-hover-text:#fff;--preview-bg:#222;--preview-text:#e8e8e8;--preview-text-muted:#bbb;--preview-tag-bg:#ffffff0f;--preview-tag-border:#2a2a2a;--preview-tag-color:#888;--button-text:#111;--secondary-hover-bg:transparent;--secondary-hover-border:#444;--secondary-hover-color:#e8e8e8;--sidebar-active-bg:#6b9cc41f;--sidebar-active-color:#6b9cc4;--sidebar-link-color:#888;--sidebar-link-hover-bg:#ffffff0a;--sidebar-link-hover-color:#e8e8e8;--sidebar-email-color:#666;--sidebar-signout-hover-bg:#ffffff0a;--sidebar-signout-hover-color:#e8e8e8;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");--focus-shadow:0 0 0 3px #6b9cc440;--toggle-bg:transparent;--toggle-color:#888;--toggle-hover-bg:#ffffff0a;--toggle-hover-color:#e8e8e8;--brand-bg:#0a1220}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111;--bg-2:#1a1a1a;--bg-3:#222;--ink:#e8e8e8;--ink-2:#ccc;--muted:#888;--accent:#6b9cc4;--accent-hover:#5a8ab3;--accent-light:#6b9cc426;--accent-alpha-12:#6b9cc41f;--line:#2a2a2a;--line-light:#2a2a2a;--surface:#1a1a1a;--input-bg:#181818;--sidebar-bg:#161616;--error-bg:#b91c1c1a;--error-border:#b91c1c4d;--error-text:#ef4444;--success-bg:#22c55e14;--success-border:#22c55e40;--success-text:#4ade80;--status-confirmed-bg:#4ade8014;--status-confirmed-border:#4ade802e;--status-confirmed-text:#7fd1a3;--status-pending-bg:#ef444414;--status-pending-border:#ef44442e;--status-pending-text:#e08b8b;--danger-text:#e08b8b;--danger-border:#ef444440;--danger-hover-bg:#ef444433;--danger-hover-text:#fff;--preview-bg:#222;--preview-text:#e8e8e8;--preview-text-muted:#bbb;--preview-tag-bg:#ffffff0f;--preview-tag-border:#2a2a2a;--preview-tag-color:#888;--button-text:#111;--secondary-hover-bg:transparent;--secondary-hover-border:#444;--secondary-hover-color:#e8e8e8;--sidebar-active-bg:#6b9cc41f;--sidebar-active-color:#6b9cc4;--sidebar-link-color:#888;--sidebar-link-hover-bg:#ffffff0a;--sidebar-link-hover-color:#e8e8e8;--sidebar-email-color:#666;--sidebar-signout-hover-bg:#ffffff0a;--sidebar-signout-hover-color:#e8e8e8;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");--focus-shadow:0 0 0 3px #6b9cc440;--toggle-bg:transparent;--toggle-color:#888;--toggle-hover-bg:#ffffff0a;--toggle-hover-color:#e8e8e8;--brand-bg:#0a1220}:root[data-theme=nord]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#2e3440;--bg-2:#3b4252;--bg-3:#434c5e;--ink:#eceff4;--ink-2:#e5e9f0;--muted:#a7b0c0;--accent:#88c0d0;--accent-hover:#81a1c1;--accent-light:#88c0d02e;--accent-alpha-12:#88c0d01f;--line:#4c566a;--line-light:#4c566a;--surface:#3b4252;--input-bg:#2f3645;--sidebar-bg:#2b313d;--error-bg:#bf616a1f;--error-border:#bf616a57;--error-text:#bf616a;--success-bg:#a3be8c1f;--success-border:#a3be8c57;--success-text:#a3be8c;--status-confirmed-bg:#a3be8c1f;--status-confirmed-border:#a3be8c3d;--status-confirmed-text:#a3be8c;--status-pending-bg:#bf616a1f;--status-pending-border:#bf616a3d;--status-pending-text:#d08770;--danger-text:#bf616a;--danger-border:#bf616a5c;--danger-hover-bg:#bf616a33;--danger-hover-text:#eceff4;--preview-bg:#2b313d;--preview-text:#eceff4;--preview-text-muted:#d8dee9;--preview-tag-bg:#d8dee91f;--preview-tag-border:#d8dee93d;--preview-tag-color:#e5e9f0;--button-text:#2e3440;--secondary-hover-bg:#eceff40f;--secondary-hover-border:#88c0d0;--secondary-hover-color:#eceff4;--sidebar-active-bg:#88c0d02e;--sidebar-active-color:#88c0d0;--sidebar-link-color:#d8dee9;--sidebar-link-hover-bg:#d8dee914;--sidebar-link-hover-color:#eceff4;--sidebar-email-color:#a7b0c0;--sidebar-signout-hover-bg:#bf616a24;--sidebar-signout-hover-color:#eceff4;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%23d8dee9' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");--focus-shadow:0 0 0 3px #88c0d04d;--toggle-bg:transparent;--toggle-color:#d8dee9;--toggle-hover-bg:#d8dee914;--toggle-hover-color:#eceff4;--brand-bg:#2b313d}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:15px;line-height:1.6}main{place-items:center;min-height:100vh;padding:48px 20px 72px;display:grid}.page{gap:32px;width:min(1100px,100%);margin-inline:auto;display:grid}.templates-page{justify-items:start;width:min(1400px,100%)}.template-upload-panel{width:min(1100px,100%)}.template-table-panel{width:min(1400px,100%)}.header{gap:8px;display:grid}.title{letter-spacing:-.02em;color:var(--ink);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;line-height:1.2}.subtitle{color:var(--muted);max-width:640px;font-size:.95rem;line-height:1.6}.panel{border:1px solid var(--line-light);background:var(--surface);border-radius:8px;padding:24px}.grid{gap:16px;display:grid}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.8rem;font-weight:600;font-family:var(--font-mono)}.input,.select,.textarea{border:1px solid var(--line);width:100%;min-height:44px;font-size:.9rem;line-height:1.25;font-family:var(--font-body);background:var(--input-bg);color:var(--ink);border-radius:6px;padding:10px 12px}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:var(--focus-shadow);outline:none}.input:read-only,.input[readOnly]{background:var(--bg);color:var(--muted)}.input:disabled,.select:disabled{opacity:.5;cursor:not-allowed}.textarea{resize:vertical;min-height:120px;font-family:inherit}.select{appearance:none;background-image:var(--select-chevron);background-position:right 12px center;background-repeat:no-repeat;height:44px;padding-right:32px}.select option{background:var(--surface);color:var(--ink)}.actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.button{appearance:none;background:var(--accent);color:var(--button-text);font-size:.875rem;font-weight:600;font-family:var(--font-body);letter-spacing:.01em;cursor:pointer;border:none;border-radius:6px;padding:10px 20px}.button:hover{background:var(--accent-hover)}.button:disabled{opacity:.5;cursor:not-allowed}.button.secondary{color:var(--ink-2);border:1px solid var(--line);background:0 0}.button.secondary:hover{background:var(--secondary-hover-bg);border-color:var(--secondary-hover-border);color:var(--secondary-hover-color)}.button.danger{color:var(--danger-text);border:1px solid var(--danger-border);background:0 0}.button.danger:hover{background:var(--danger-hover-bg);color:var(--danger-hover-text)}.button.danger:disabled{opacity:.35;cursor:not-allowed;color:var(--danger-text);background:0 0}.actions.compact{margin-top:0}.notice{border:1px solid var(--line);background:var(--bg);border-radius:8px;gap:8px;padding:16px;display:grid}.notice.subtle{background:var(--accent-light);border-color:var(--accent-alpha-12)}.notice p{color:var(--ink-2);margin:0}.notice-list{color:var(--ink-2);margin:0;padding-left:18px}.section-panel-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-panel-title{margin:0;font-size:1.1rem;line-height:1.2}.section-panel-copy{max-width:720px;color:var(--muted);margin:8px 0 0}.section-list{gap:16px;display:grid}.section-tabs{flex-wrap:wrap;gap:12px;display:flex}.section-tab{border:1px solid var(--line);background:var(--surface);min-width:132px;color:var(--ink);text-align:left;cursor:grab;border-radius:999px;gap:4px;padding:12px 14px;transition:border-color .12s,box-shadow .12s,transform .12s;display:grid}.section-tab:hover{border-color:var(--accent)}.section-tab.is-dragging{opacity:.65;cursor:grabbing}.section-tab.is-drop-target,.section-card.is-drop-target{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-alpha-12)}.section-tab-title{font-size:.92rem;font-weight:600;line-height:1.2}.section-tab-copy{color:var(--muted);font-size:.8rem;line-height:1.2}.section-card{border:1px solid var(--line);background:var(--bg);border-radius:8px;gap:16px;padding:20px;display:grid}.section-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-card-title{margin:0;font-size:1rem;line-height:1.2}.section-card-copy{color:var(--muted);margin:6px 0 0;font-size:.9rem}.section-subcomponents{gap:12px;padding-top:4px;display:grid}.section-subcomponents-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-subcomponents-copy{color:var(--muted);margin:8px 0 0;font-size:.9rem}.section-subcomponents-empty{border:1px dashed var(--line);color:var(--muted);background:var(--surface);border-radius:8px;padding:14px 16px}.subcomponent-list{gap:12px;display:grid}.modal-backdrop{z-index:1000;background:#11182773;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{background:#f7f7f7;border:none;border-radius:12px;grid-template-rows:auto auto;gap:0;width:min(520px,100%);max-height:calc(100vh - 48px);padding:10px;display:grid;overflow:auto;box-shadow:0 24px 60px #0f172a52}.quick-add-sheet{background:#fff;border-radius:10px;grid-template-rows:auto auto auto;display:grid;overflow:hidden}.quick-add-head,.quick-add-row{grid-template-columns:48px 1fr 1.6fr 1.1fr 52px;align-items:center;column-gap:16px;display:grid}.quick-add-head{color:#fff;background:#4b6171;padding:14px 16px;font-size:.95rem;font-weight:700}.quick-add-head-index,.quick-add-row-index{text-align:center}.quick-add-head-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.55rem;line-height:1}.quick-add-rows{align-content:start;padding:0;display:grid}.quick-add-row{background:#f0f0f0;border-bottom:1px solid #d6d6d6;padding:8px 16px}.quick-add-row:nth-child(2n){background:#f6f6f6}.quick-add-row-index{color:#111;font-size:.95rem;font-weight:500}.quick-add-input{color:#111;background:#fff;border:2px solid #d0d0d0;border-radius:8px;width:100%;min-width:0;padding:10px 12px;font-size:.95rem;box-shadow:inset 0 1px 3px #0f172a14}.quick-add-remove{color:#111;cursor:pointer;background:0 0;border:none;font-size:1.8rem;line-height:1}.quick-add-add{color:#111;cursor:pointer;background:0 0;border:none;place-self:end center;padding:16px 0 14px;font-size:.95rem;font-weight:500}.modal-footer{background:#f7f7f7;border-top:1px solid #dedede;grid-template-columns:1fr 1fr;gap:12px;padding:12px 10px 0;display:grid}.modal-footer .button,.modal-footer .button.secondary{justify-content:center;width:100%;padding:12px 16px;font-size:.95rem}.modal-footer .button.secondary{color:#111;background:#fff;border-color:#5f6f89}.subcomponent-row{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:14px 16px;display:grid}@media (max-width:720px){.quick-add-head,.quick-add-row{grid-template-columns:36px 1fr;row-gap:10px}.quick-add-head span:nth-child(3),.quick-add-head span:nth-child(4),.quick-add-head span:nth-child(5){display:none}.quick-add-row-index{grid-row:1/span 3}.quick-add-input,.quick-add-remove{grid-column:2}.quick-add-remove{justify-self:end}.modal-footer,.subcomponent-row{grid-template-columns:1fr}}.preview{background:var(--preview-bg);border:1px solid var(--line);color:var(--preview-text);border-radius:8px;min-height:180px;padding:20px}.preview h3{letter-spacing:.08em;text-transform:uppercase;opacity:.85;margin:0 0 10px;font-size:.8rem;font-weight:600}.preview p{color:var(--preview-text-muted);margin:0;font-size:.9rem;line-height:1.6}.tag-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.tag{background:var(--preview-tag-bg);border:1px solid var(--preview-tag-border);font-size:.75rem;font-family:var(--font-mono);color:var(--preview-tag-color);border-radius:4px;padding:4px 10px}.auth-split{grid-template-columns:1fr 2fr;min-height:100vh;display:grid}.auth-brand{background:var(--brand-bg);justify-content:center;align-items:center;padding:48px 32px;display:flex}.auth-brand-content{text-align:left;max-width:360px}.auth-brand-title{letter-spacing:-.02em;color:#fff;margin:0;font-size:2.5rem;font-weight:700;line-height:1.2}.auth-brand-tagline{color:#fffc;margin:12px 0 0;font-size:1.1rem;line-height:1.5}.auth-main{background:var(--bg);justify-content:center;align-items:center;padding:48px 40px;display:flex}.auth-form-wrap{width:100%;max-width:560px}.auth-header{margin-bottom:48px}.auth-title{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:2.5rem;font-weight:700;line-height:1.2}.auth-subtitle{color:var(--muted);margin:12px 0 0;font-size:1.1rem;line-height:1.5}.auth-form{gap:32px;display:grid}.auth-field{gap:8px;display:grid}.auth-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.85rem;font-weight:600;font-family:var(--font-mono)}.auth-input{border:1px solid var(--line);width:100%;font-size:1.05rem;font-family:var(--font-body);background:var(--input-bg);color:var(--ink);border-radius:6px;padding:16px 18px}.auth-input:focus{border-color:var(--accent);box-shadow:var(--focus-shadow);outline:none}.auth-input::placeholder{color:var(--muted);opacity:.6}.auth-button{appearance:none;width:100%;font-size:1.05rem;font-weight:600;font-family:var(--font-body);letter-spacing:.01em;background:var(--accent);color:var(--button-text);cursor:pointer;border:none;border-radius:6px;margin-top:4px;padding:18px 24px}.auth-button:hover{background:var(--accent-hover)}.auth-button:disabled{opacity:.5;cursor:not-allowed}.auth-error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);border-radius:6px;padding:12px 16px;font-size:.9rem}.auth-success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text);border-radius:6px;padding:12px 16px;font-size:.9rem}.auth-footer{color:var(--muted);margin-top:32px;font-size:.9rem}.auth-link{color:var(--accent);font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}.app-layout{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.mobile-nav-toggle,.mobile-nav-backdrop{display:none}.sidebar{background:var(--sidebar-bg);color:var(--ink);border-right:1px solid var(--line-light);flex-direction:column;padding:24px 16px;display:flex}.sidebar-logo{letter-spacing:-.02em;color:var(--accent);border-bottom:1px solid var(--line-light);margin-bottom:16px;padding:0 8px 20px;font-size:1.25rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:2px;display:flex}.sidebar-link{color:var(--sidebar-link-color);border-radius:6px;padding:8px 12px;font-size:.875rem;font-weight:500;text-decoration:none;display:block}.sidebar-link:hover{background:var(--sidebar-link-hover-bg);color:var(--sidebar-link-hover-color)}.sidebar-link.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-color);font-weight:600}.sidebar-link.disabled{opacity:.45;cursor:default;pointer-events:none;justify-content:space-between;align-items:center;display:flex}.coming-badge{text-transform:uppercase;letter-spacing:.05em;background:var(--sidebar-link-hover-bg);color:var(--sidebar-link-color);opacity:.7;border-radius:3px;padding:1px 5px;font-size:.625rem;font-weight:600}.sidebar-footer{border-top:1px solid var(--line-light);margin-top:auto;padding-top:16px}.sidebar-email{color:var(--sidebar-email-color);font-size:.75rem;font-family:var(--font-mono);word-break:break-all;padding:0 8px 8px}.sidebar-signout{appearance:none;color:var(--muted);font-size:.8rem;font-family:var(--font-body);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;width:100%;padding:8px 12px}.sidebar-signout:hover{background:var(--sidebar-signout-hover-bg);color:var(--sidebar-signout-hover-color)}.app-content{background:var(--bg);padding:48px 40px;overflow-y:auto}.theme-toggle{appearance:none;background:var(--toggle-bg);color:var(--toggle-color);font-size:.8rem;font-family:var(--font-body);cursor:pointer;text-align:left;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;margin-bottom:4px;padding:8px 12px;display:flex}.theme-toggle:hover{background:var(--toggle-hover-bg);color:var(--toggle-hover-color)}.theme-toggle-icon{font-size:1rem;line-height:1}.admin-table{border-collapse:collapse;width:100%;font-size:.875rem}.admin-table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:600;font-family:var(--font-mono);background:var(--bg-3);border-bottom:1px solid var(--line-light);padding:10px 16px}.admin-table td{border-bottom:1px solid var(--line-light);color:var(--ink-2);vertical-align:middle;padding:10px 16px}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:var(--accent-alpha-12)}.td-email{font-family:var(--font-mono);color:var(--ink);font-size:.8rem}.th-module{text-align:center!important}.th-actions,.td-actions{text-align:right;white-space:nowrap;width:1%;padding-right:16px}.table-wrap{overflow-x:auto}.status-badge{font-size:.75rem;font-weight:600;font-family:var(--font-mono);letter-spacing:.03em;border-radius:4px;padding:2px 8px;display:inline-block}.status-badge.confirmed{background:var(--status-confirmed-bg);color:var(--status-confirmed-text);border:1px solid var(--status-confirmed-border)}.status-badge.pending{background:var(--status-pending-bg);color:var(--status-pending-text);border:1px solid var(--status-pending-border)}.module-checkbox{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.module-checkbox:disabled{opacity:.4;cursor:not-allowed}.table-action{white-space:nowrap;padding:5px 12px;font-size:.75rem}.invite-form{align-items:center;gap:12px;display:flex}.invite-form .input{max-width:360px}.template-upload-form{gap:16px;display:grid}.mode-toggle{border:1px solid var(--line);border-radius:6px;display:inline-flex;overflow:hidden}.mode-toggle-btn{appearance:none;color:var(--muted);font-size:.8rem;font-weight:600;font-family:var(--font-body);letter-spacing:.01em;cursor:pointer;background:0 0;border:none;padding:8px 20px}.mode-toggle-btn:not(:last-child){border-right:1px solid var(--line)}.mode-toggle-btn:hover{background:var(--bg-3);color:var(--ink-2)}.mode-toggle-btn.active{background:var(--accent);color:var(--button-text)}.mode-toggle-btn.active:hover{background:var(--accent-hover)}.version-toggle{appearance:none;color:var(--muted);cursor:pointer;vertical-align:middle;background:0 0;border:none;padding:0 6px 0 0;font-size:.8rem;line-height:1}.version-toggle:hover{color:var(--ink)}.version-row-old td{opacity:.6}.version-row-old:hover td{opacity:.85}@media (max-width:768px){.auth-split{grid-template-columns:1fr}.auth-brand{display:none}.auth-main{padding:40px 20px}.auth-title{font-size:2rem}}@media (max-width:720px){.app-layout{grid-template-columns:1fr}.mobile-nav-toggle{z-index:1100;appearance:none;border:1px solid var(--line);background:var(--bg-2);color:var(--ink);font-size:.875rem;font-family:var(--font-body);border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-weight:600;display:inline-flex;position:fixed;top:12px;left:12px}.mobile-nav-backdrop{opacity:0;pointer-events:none;z-index:1050;background:#00000052;border:0;margin:0;padding:0;transition:opacity .2s;display:block;position:fixed;inset:0}.mobile-nav-backdrop.open{opacity:1;pointer-events:auto}.sidebar{border-right:1px solid var(--line-light);z-index:1200;width:min(82vw,280px);max-width:280px;transition:transform .2s;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.app-content{padding:64px 16px 24px}.panel{padding:18px}.actions{flex-direction:column;align-items:stretch}}