:root{--color-bg: #f6f6fb;--color-surface: #ffffff;--color-border: #e3e3ec;--color-text: #1a1a2e;--color-text-muted: #6b6b80;--color-accent: #4f46e5;--color-accent-hover: #4338ca;--color-accent-soft: #eef2ff;--color-error: #dc2626;--color-success: #16a34a;--color-success-soft: #dcfce7;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(16, 16, 40, .06);--shadow-md: 0 8px 24px rgba(16, 16, 40, .1);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0 0 var(--space-2);font-weight:600;line-height:1.25}h1{font-size:1.75rem}h2{font-size:1.25rem}h3{font-size:1.1rem}h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}p{margin:0 0 var(--space-2)}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--color-accent-soft);padding:.15em .4em;border-radius:var(--radius-sm);font-size:.85em;word-break:break-all}button{font-family:inherit;font-size:.95rem;font-weight:600;padding:.6rem 1.1rem;min-height:44px;border-radius:var(--radius-md);border:1px solid transparent;background:var(--color-accent);color:#fff;cursor:pointer;transition:background-color .15s ease,transform .05s ease}button:hover:not(:disabled){background:var(--color-accent-hover)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.button-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.button-secondary:hover:not(:disabled){background:var(--color-accent-soft)}.button-danger{background:var(--color-error)}.button-danger:hover:not(:disabled){background:#b91c1c}.confirm-group{display:inline-flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.confirm-label{font-size:.85rem;color:var(--color-text-muted)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-height:36px;padding:0;font-family:inherit;background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.icon-button:hover:not(:disabled){background:var(--color-accent-soft);color:var(--color-accent);border-color:var(--color-accent)}.icon-button.button-danger{background:var(--color-surface);color:var(--color-error);border-color:var(--color-border)}.icon-button.button-danger:hover:not(:disabled){background:var(--color-error);color:#fff;border-color:var(--color-error)}input[type=text],input[type=password],textarea{font-family:inherit;font-size:.95rem;padding:.6rem .75rem;min-height:44px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);width:100%}input:focus,textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}label{display:flex;flex-direction:column;gap:var(--space-1);font-weight:500;font-size:.9rem}.field-error{color:var(--color-error);font-size:.875rem;margin:var(--space-1) 0}.muted{color:var(--color-text-muted);font-size:.875rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6)}.list{list-style:none;padding:0;margin:var(--space-4) 0 0;display:flex;flex-direction:column;gap:var(--space-3)}.page-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.page-header h1{margin-bottom:0}.section-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.section-header h2{margin-bottom:0}.client-row{margin-bottom:0;position:relative}.client-row:hover{border-color:var(--color-accent)}.row-stretched-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.client-row-main,.client-row-actions,.client-row .inline-form{position:relative;z-index:1}.client-row-main{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;pointer-events:none}.client-name{font-weight:600;font-size:1.05rem;color:var(--color-text)}.client-row-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;pointer-events:auto}.archived-badge{display:inline-block;margin-left:var(--space-3);padding:.15rem .6rem;border-radius:999px;background:var(--color-border);color:var(--color-text-muted);font-size:.75rem;font-weight:600;vertical-align:middle}.admin-nav{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.admin-brand{font-weight:700;font-size:1.1rem;color:var(--color-text)}.admin-brand:hover{text-decoration:none;color:var(--color-accent)}.admin-nav-actions{display:flex;align-items:center;gap:var(--space-4)}.admin-main{max-width:860px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-8)}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-4)}.auth-form,.inline-form{display:flex;flex-direction:column;gap:var(--space-3);max-width:360px}.auth-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-md);width:100%}.inline-form{flex-direction:row;align-items:flex-end}.inline-form input{flex:1}.auth-links{display:flex;flex-direction:column;gap:var(--space-2);font-size:.9rem}.interview-card{list-style:none}.interview-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap}.interview-card-header-actions{display:flex;align-items:center;gap:var(--space-2)}.published-link{font-size:.875rem;margin-top:var(--space-2);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.copy-button{padding:.35rem .75rem;font-size:.8rem;min-height:auto;flex-shrink:0}.session-list{gap:var(--space-2)}.session-row details{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.session-row summary{cursor:pointer;padding:var(--space-3) var(--space-4);display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap;font-size:.875rem}.session-row summary::-webkit-details-marker{display:none}.session-row summary:before{content:"▸";color:var(--color-text-muted)}.session-row details[open] summary:before{content:"▾"}.session-status{font-weight:600;padding:.15rem .6rem;border-radius:999px;background:var(--color-accent-soft);color:var(--color-accent);font-size:.75rem}.session-status.complete{background:var(--color-success-soft);color:var(--color-success)}.session-link{margin-left:auto;word-break:break-all}.session-row-actions{display:flex;gap:var(--space-2);padding:0 var(--space-4) var(--space-3);border-top:1px solid var(--color-border);padding-top:var(--space-3)}.session-answers-panel{padding:var(--space-4);border-top:1px solid var(--color-border);background:var(--color-bg)}.json-editor{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;min-height:260px}.interview-page,.interview-complete{max-width:640px;margin:0 auto;padding:var(--space-6) var(--space-4)}.interview-name{text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700;color:var(--color-accent);margin-bottom:var(--space-3)}.interview-complete{text-align:center;padding-top:var(--space-8)}.progress-header{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-2)}.progress-header-row{display:flex;justify-content:space-between;font-size:.875rem;color:var(--color-text-muted)}.progress-bar{height:8px;border-radius:999px;background:var(--color-border);overflow:hidden}.progress-bar-fill{height:100%;background:var(--color-accent);border-radius:999px;transition:width .2s ease}.skipped-count{color:var(--color-error);font-weight:600}.question{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-4);margin:var(--space-6) 0}.section-eyebrow{display:block;text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:700;color:var(--color-accent)}.question-label p{margin:0;font-size:1.15rem;font-weight:600;line-height:1.4}.question-note{font-size:.875rem;color:var(--color-text-muted);font-style:italic}.question-note p{margin:0}.options{display:flex;flex-direction:column;gap:var(--space-2)}.option{display:flex;flex-direction:row;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;min-height:44px;font-weight:400;transition:border-color .15s ease,background-color .15s ease}.option:hover{border-color:var(--color-accent)}.option:has(input:checked){border-color:var(--color-accent);background:var(--color-accent-soft)}.option input[type=radio]{flex-shrink:0;width:1.15rem;height:1.15rem;accent-color:var(--color-accent)}.option-text p{margin:0}.text-answer{width:100%;resize:vertical;font-family:inherit}.nav-buttons{display:flex;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4)}.answered-questionnaire{margin-top:var(--space-4)}.answered-header h3{margin-bottom:var(--space-1)}.answered-summary{color:var(--color-text-muted);font-size:.875rem;margin-bottom:var(--space-4)}.answered-section{margin-bottom:var(--space-5)}.section-heading{margin:0 0 var(--space-3);padding-bottom:var(--space-1);border-bottom:1px solid var(--color-border)}.answered-question{padding:var(--space-3) 0;border-bottom:1px dashed var(--color-border)}.answered-question:last-child{border-bottom:none}.answered-question .question-label p{font-size:1rem;font-weight:600;margin:0 0 var(--space-2)}.answered-question.inactive{opacity:.6}.answer-value{background:var(--color-accent-soft);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);margin:var(--space-2) 0 0;font-size:.9rem}.answer-missing{color:var(--color-text-muted);font-style:italic;font-size:.875rem;margin:var(--space-1) 0 0}.answered-options{list-style:none;padding:0;margin:var(--space-2) 0 0;display:flex;flex-direction:column;gap:var(--space-1)}.answered-option{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);font-size:.9rem}.answered-option p{margin:0;display:inline}.answered-option.selected{border-color:var(--color-accent);background:var(--color-accent-soft);font-weight:600}.answered-option.selected:before{content:"✓ ";color:var(--color-accent)}@media (max-width: 640px){.admin-nav{padding:var(--space-3) var(--space-4)}.admin-main,.interview-page,.interview-complete{padding:var(--space-4) var(--space-3)}.card,.question{padding:var(--space-4)}.nav-buttons{flex-direction:column-reverse}.nav-buttons button{width:100%}.interview-card-header{flex-direction:column;align-items:stretch}.interview-card-header-actions{width:100%}.interview-card-header-actions>button:first-child{flex:1}.inline-form{flex-direction:column;align-items:stretch}.session-row summary{flex-direction:column;align-items:flex-start}.session-link{margin-left:0}.client-row-main{flex-direction:column;align-items:stretch}.client-row-actions{justify-content:flex-end}.session-row-actions{flex-wrap:wrap}}
