@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap";.navbar{position:sticky;top:0;z-index:30;background:#ffffffeb;-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.navbar:before{content:"";display:block;height:3px;background:var(--wave)}.navbar-inner{max-width:var(--maxw);margin:0 auto;min-height:var(--header-h);padding:0 clamp(14px,3vw,24px);display:flex;align-items:center;gap:16px}.navbar-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.navbar-brand:hover{text-decoration:none}.navbar-logo{height:30px;width:auto;display:block}.navbar-product{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:1rem;color:var(--brand-deep);padding-left:10px;border-left:1.5px solid var(--border);line-height:1}.navbar-nav{display:flex;align-items:center;gap:6px;margin-left:auto}.navbar-nav>a{color:var(--brand-deep);font-weight:600;font-size:.92rem;padding:8px 12px;border-radius:8px}.navbar-nav>a:hover{background:var(--mint-soft);text-decoration:none}.navbar-nav>a.active{background:var(--mint);color:var(--brand-deep)}.navbar-user{display:flex;align-items:center;gap:10px;margin-left:10px;padding-left:14px;border-left:1px solid var(--border)}.navbar-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--mint)}.navbar-name{font-size:.88rem;font-weight:500;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-logout{min-height:36px;padding:6px 12px;font-size:.84rem}.navbar-toggle{display:none;background:transparent;border:1.5px solid var(--border);width:42px;height:42px;padding:0;margin-left:auto;flex-direction:column;gap:4px;align-items:center;justify-content:center}.navbar-toggle span{display:block;width:18px;height:2px;background:var(--brand-deep);border-radius:2px}@media (max-width: 760px){.navbar-toggle{display:flex}.navbar-nav{position:absolute;top:calc(var(--header-h) + 3px);left:0;right:0;flex-direction:column;align-items:stretch;gap:2px;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-md);padding:10px;margin:0;display:none}.navbar-nav.is-open{display:flex}.navbar-nav>a{padding:12px}.navbar-user{margin:6px 0 0;padding:12px 12px 4px;border-left:none;border-top:1px solid var(--border);justify-content:space-between}.navbar-name{max-width:none;flex:1}}.login-wrap{min-height:calc(100vh - var(--header-h));display:flex;align-items:center;justify-content:center;padding:24px 16px;background:radial-gradient(1200px 500px at 50% -10%,var(--mint-soft),transparent 60%),var(--bg)}.login-card{background:var(--surface);padding:clamp(28px,4vw,44px);border-radius:20px;box-shadow:var(--shadow-md);border:1px solid var(--border);text-align:center;max-width:420px;width:100%;position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--wave)}.login-logo{height:46px;width:auto;margin-bottom:18px}.login-card .eyebrow{display:block;margin-bottom:6px}.login-card h1{font-size:1.5rem;margin-bottom:8px}.login-sub{color:var(--muted);margin-bottom:26px;font-size:.95rem}.google-btn{width:100%;padding:13px;font-size:1rem;min-height:48px}.login-error{color:var(--danger);margin-top:16px;font-size:.9rem;background:var(--danger-soft);padding:10px;border-radius:8px}.dash-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:clamp(18px,3vw,28px);position:relative;overflow:hidden}.dash-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--wave)}.dash-profile{display:flex;align-items:center;gap:16px;min-width:0}.dash-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid var(--mint);flex-shrink:0}.dash-profile h1{margin:0;font-size:1.35rem}.dash-profile p{margin:2px 0 0;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.dash-admin-link{display:inline-flex;align-items:center;background:var(--mint-soft);border:1.5px solid var(--mint);padding:10px 16px;border-radius:var(--radius-sm);font-weight:600}.dash-admin-link:hover{text-decoration:none;background:var(--mint)}.dash-info{background:var(--mint-soft);border:1px solid var(--mint);border-radius:var(--radius);padding:16px 18px;margin:20px 0;color:var(--brand-deep);font-size:.95rem}.dash-info p{margin:0}.dashboard section h2{margin:8px 0 14px}.dash-history{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:10px}.dash-history li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.92rem;font-weight:500;transition:box-shadow .15s,border-color .15s}.dash-history li:hover{box-shadow:var(--shadow-sm);border-color:var(--mint)}.dash-history time{color:var(--muted);font-size:.84rem;font-weight:400;white-space:nowrap}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}@media (max-width: 560px){.dash-header{flex-direction:column;align-items:flex-start}.dash-history li{flex-direction:column;align-items:flex-start;gap:4px}}.form-fill{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:clamp(20px,4vw,40px);max-width:720px;margin:0 auto;position:relative;overflow:hidden}.form-fill:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--wave)}.form-fill h1{margin-top:6px}.form-desc{color:var(--muted);margin-bottom:26px;padding-bottom:18px;border-bottom:1px solid var(--border)}.form-fields{display:flex;flex-direction:column;gap:24px}.field{display:flex;flex-direction:column;gap:7px}.field-label{font-family:Plus Jakarta Sans,sans-serif;font-weight:600;font-size:.98rem;color:var(--brand-deep)}.field-help{margin:-2px 0 2px;font-size:.82rem;color:var(--muted)}.field .choice{display:flex;align-items:center;gap:10px;font-weight:400;cursor:pointer;padding:9px 12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);transition:border-color .12s,background .12s}.field .choice:hover{border-color:var(--mint);background:var(--mint-soft)}.field .choice input{width:auto;accent-color:var(--accent)}.field-error input,.field-error textarea,.field-error select{border-color:var(--danger)}.field-error-text{color:var(--danger);font-size:.82rem;margin:0}.submit-btn{margin-top:30px;padding:13px 30px;font-size:1rem;width:100%}@media (min-width: 480px){.submit-btn{width:auto;min-width:160px}}.form-done{text-align:center;padding:64px 20px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);max-width:480px;margin:40px auto}.form-done h2{color:var(--ok-fg)}.history h1{margin-bottom:18px}.history-table th:last-child,.history-table td:last-child{text-align:right}@media (max-width: 720px){.history-table th:last-child,.history-table td:last-child{text-align:left}}.admin-q h1{margin-bottom:18px}.q-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:clamp(18px,3vw,24px);margin-bottom:28px;display:flex;flex-direction:column;gap:12px;max-width:600px}.q-form h3{margin:0 0 4px}.q-form-actions{display:flex;gap:10px;flex-wrap:wrap}.row-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.row-actions a{padding:7px 12px;border-radius:8px;background:var(--mint-soft);font-size:.82rem}.row-actions a:hover{background:var(--mint);text-decoration:none}.row-actions button{padding:7px 12px;font-size:.82rem;min-height:34px}@media (max-width: 720px){.admin-table,.history-table,.row-actions{white-space:normal}}.q-editor-head{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-bottom:20px}.q-editor-grid{display:grid;grid-template-columns:1fr 380px;gap:22px;align-items:start}.q-list,.q-draft{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:clamp(16px,2.5vw,22px)}.q-list h3,.q-draft h3{margin-top:0}.q-draft{position:sticky;top:calc(var(--header-h) + 16px)}.q-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);margin-bottom:10px;background:var(--surface-2);cursor:grab;transition:border-color .12s,box-shadow .12s}.q-item:hover{border-color:var(--mint)}.q-item:active{cursor:grabbing;box-shadow:var(--shadow-md)}.drag-handle{color:var(--brand-mid);font-size:1.2rem;-webkit-user-select:none;user-select:none;cursor:grab}.q-item-body{flex:1;min-width:0}.q-item-body strong{color:var(--brand-deep)}.q-item-meta{font-size:.76rem;color:var(--muted);text-transform:capitalize;margin-top:2px}.q-item-actions{display:flex;gap:6px}.q-item-actions button{padding:5px 11px;font-size:.8rem;min-height:32px}.q-draft label{display:block;margin:14px 0 5px}.q-draft .checkbox-row{display:flex;align-items:center;gap:9px;font-weight:500;cursor:pointer}.q-draft .checkbox-row input{width:auto;accent-color:var(--accent)}.options-editor{margin-top:14px;border-top:1px dashed var(--border);padding-top:14px}.option-row{display:flex;gap:8px;margin-bottom:8px}.option-row input{flex:1}.option-row button{padding:8px 12px;flex-shrink:0}.q-draft-actions{display:flex;gap:10px;margin-top:18px}@media (max-width: 860px){.q-editor-grid{grid-template-columns:1fr}.q-draft{position:static}}.ar-head{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-bottom:20px}.ar-filters{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px;margin-bottom:20px}.ar-filters label{display:flex;flex-direction:column;font-size:.8rem;gap:5px;flex:1 1 150px}.ar-filters button{flex:0 0 auto}.answers-cell{font-size:.78rem;color:var(--muted);word-break:break-all;white-space:normal;display:block;max-width:360px;font-family:ui-monospace,monospace}.ar-pager{display:flex;align-items:center;gap:16px;margin-top:18px;flex-wrap:wrap}.ar-pager span{color:var(--muted);font-size:.9rem}@media (max-width: 720px){.ar-filters label{flex-basis:100%}.ar-filters button{width:100%}}:root{--brand-deep: #0B4A50;--brand: #0E474E;--brand-mid: #14857F;--accent: #14B8AE;--accent-hover:#0F9A91;--mint: #C8F0EA;--mint-soft: #E9F6F4;--bg: #F4F8F7;--surface: #FFFFFF;--surface-2:#FBFDFC;--border: #D8E6E4;--text: #0E2A2C;--muted: #5A7173;--danger: #B3261E;--danger-soft:#FCEDEC;--warn-bg: #FDF3D6;--warn-fg: #8A6300;--ok-bg: #DCF3EC;--ok-fg: #0B6B52;--radius: 14px;--radius-sm: 10px;--shadow-sm: 0 1px 2px rgba(11,74,80,.06), 0 1px 3px rgba(11,74,80,.08);--shadow-md: 0 4px 16px rgba(11,74,80,.08), 0 2px 6px rgba(11,74,80,.06);--ring: 0 0 0 3px rgba(20,184,174,.3);--wave: linear-gradient(90deg, var(--brand) 0%, var(--brand-mid) 45%, var(--accent) 100%);--maxw: 1040px;--header-h: 64px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.55;font-size:16px}h1,h2,h3,h4{font-family:Plus Jakarta Sans,Inter,system-ui,sans-serif;color:var(--brand-deep);line-height:1.2;margin:0 0 .4em;letter-spacing:-.01em}h1{font-size:clamp(1.5rem,1.2rem + 1.4vw,2rem);font-weight:800}h2{font-size:clamp(1.2rem,1.05rem + .7vw,1.45rem);font-weight:700}h3{font-size:1.05rem;font-weight:700}p{margin:0 0 .8em}a{color:var(--brand-mid);text-decoration:none;font-weight:500}a:hover{color:var(--accent-hover);text-decoration:underline}.page-container{max-width:var(--maxw);margin:0 auto;padding:clamp(16px,2vw,32px) clamp(14px,3vw,24px) 72px}.route-loading{padding:64px 16px;text-align:center;color:var(--muted)}.error-text{color:var(--danger);font-size:.9rem;margin:6px 0}.muted{color:var(--muted)}.eyebrow{display:inline-block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--brand-mid)}input,textarea,select{width:100%;padding:11px 13px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;font-family:inherit;background:var(--surface);color:var(--text);transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:#9fb0b1}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}label{font-size:.9rem;font-weight:600;color:var(--brand-deep)}button{cursor:pointer;border:none;background:var(--accent);color:#fff;padding:11px 18px;border-radius:var(--radius-sm);font-size:.92rem;font-weight:600;font-family:inherit;min-height:42px;transition:background .15s,transform .05s,box-shadow .15s}button:hover:not(:disabled){background:var(--accent-hover)}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible{outline:none;box-shadow:var(--ring)}button:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--brand-deep);border:1.5px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--mint-soft);border-color:var(--mint)}.btn-danger{background:var(--danger)}.btn-danger:hover:not(:disabled){background:#97201a}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.admin-table,.history-table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.admin-table th,.admin-table td,.history-table th,.history-table td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--border);font-size:.9rem;vertical-align:middle}.admin-table th,.history-table th{background:var(--mint-soft);font-family:Plus Jakarta Sans,sans-serif;font-weight:700;color:var(--brand-deep)}.admin-table tr:last-child td,.history-table tr:last-child td{border-bottom:none}.admin-table tbody tr:hover,.history-table tbody tr:hover{background:var(--surface-2)}.req{color:var(--danger)}.pill-on{background:var(--ok-bg);color:var(--ok-fg);padding:3px 11px;border-radius:999px;font-size:.76rem;font-weight:600}.pill-off{background:#eef2f2;color:var(--muted);padding:3px 11px;border-radius:999px;font-size:.76rem;font-weight:600}@media (max-width: 720px){.admin-table,.history-table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}
