:root{--navy:#0b315b;--navy-2:#08243e;--teal:#1595a7;--teal-dark:#0a7481;--ink:#17364f;--muted:#6f8394;--line:#d9e4ea;--line-soft:#e9eff3;--bg:#f3f7f9;--white:#fff;--soft:#eef6f8;--success:#08765b;--success-bg:#e7f6ef;--danger:#a4363f;--danger-bg:#fff1f2;--warning:#a66300;--warning-bg:#fff7e7;--shadow:0 18px 48px rgba(11,49,91,.08);--shadow-lg:0 28px 70px rgba(8,36,62,.18)}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:15px}body{margin:0;background:var(--bg);color:var(--ink);font-weight:500;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{box-shadow:0 0 0 4px rgba(21,149,167,.14)}a{color:inherit}.ui-icon{width:18px;height:18px;display:inline-block;flex:0 0 auto}.hidden{display:none!important}.required{color:#d3444d}.eyebrow{margin:0 0 7px;color:var(--teal);font-size:11px;font-weight:900;letter-spacing:1.45px;text-transform:uppercase}.admin-logo{width:54px;height:54px;border-radius:16px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:17px;font-weight:950;letter-spacing:.3px;box-shadow:0 10px 24px rgba(11,49,91,.18)}.admin-logo.small{width:42px;height:42px;border-radius:12px;font-size:13px;background:#104674}

/* Auth */
.login-body{min-height:100vh;background:var(--bg);display:grid;place-items:center;padding:24px}.auth-shell{width:100%;display:grid;place-items:center}.login-card{width:min(470px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:var(--shadow);border-top:4px solid var(--teal)}.login-card h1{margin:14px 0 8px;color:var(--navy);font-size:30px;letter-spacing:-.5px}.auth-subtitle{margin:0 0 24px;color:var(--muted);line-height:1.6}.auth-form{display:grid;gap:15px}.login-card label,.form-grid label,.question-form>label{font-size:12px;font-weight:800;color:#365166}.login-card input,.form-grid input,.form-grid textarea,.form-grid select,.question-form input,.question-form textarea{width:100%;border:1px solid #cad9e1;border-radius:12px;padding:12px 13px;background:#fff;margin-top:7px;min-height:46px;transition:.18s}.login-card textarea,.form-grid textarea,.question-form textarea{min-height:auto;resize:vertical;line-height:1.5}.login-card input:focus,.form-grid input:focus,.form-grid textarea:focus,.question-form input:focus,.question-form textarea:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(21,149,167,.10)}.auth-links{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;font-size:12px}.auth-links a{color:#587083;text-decoration:none;font-weight:750}.auth-links a:hover{color:var(--navy)}.auth-animate{animation:authIn .35s ease both}@keyframes authIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* Buttons */
.btn{min-height:44px;border:0;border-radius:12px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:850;font-size:13px;cursor:pointer;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--navy);color:#fff;box-shadow:0 8px 18px rgba(11,49,91,.14)}.btn.primary:hover{background:#092a4e;box-shadow:0 12px 26px rgba(11,49,91,.2)}.btn.secondary{background:#eaf4f6;color:#0b6571;border:1px solid #d3e8eb}.btn.secondary:hover{background:#dff0f2}.btn.ghost{background:#f5f8fa;color:#526d80;border:1px solid var(--line)}.btn.ghost:hover{background:#eef3f6}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}

/* Layout */
.admin-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--navy-2);color:#d9e6ef;padding:20px 15px 18px;display:flex;flex-direction:column;z-index:1100;border-right:1px solid rgba(255,255,255,.04)}.side-brand{display:flex;align-items:center;gap:11px;padding:4px 7px 22px}.side-brand strong{display:block;color:#fff;font-size:14px;line-height:1.2}.side-brand span{display:block;font-size:11px;color:#8ea7ba;margin-top:4px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{color:#b8cbd9;text-decoration:none;padding:11px 12px;border-radius:11px;display:flex;gap:11px;align-items:center;font-size:13px;font-weight:750;transition:.16s}.sidebar nav a:hover{background:#102f49;color:#fff;transform:translateX(2px)}.sidebar nav a.active{background:#12466f;color:#fff;box-shadow:inset 3px 0 0 var(--teal)}.sidebar nav a .ui-icon{width:17px;height:17px}.side-foot{margin-top:auto;padding:14px 10px 5px;border-top:1px solid rgba(255,255,255,.08)}.side-foot span{display:block;font-size:11px;font-weight:800;color:#d8e7f0}.side-foot small{display:block;margin-top:3px;font-size:10px;color:#7894a8}.admin-main{margin-left:250px;min-width:0}.admin-topbar{position:sticky;top:0;z-index:1000;height:84px;background:rgba(243,247,249,.97);backdrop-filter:blur(16px);border-bottom:1px solid rgba(217,228,234,.9);display:flex;align-items:center;gap:18px;padding:12px 28px}.top-heading{min-width:170px}.top-heading h1{margin:0;color:var(--navy);font-size:25px;letter-spacing:-.45px;line-height:1.1}.mobile-menu{display:none;width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:12px;color:var(--navy);place-items:center}.content-wrap{padding:22px 28px 42px;max-width:1660px;margin:0 auto;animation:pageIn .28s ease both}@keyframes pageIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

/* Global search and user menu */
.global-search{position:relative;flex:1;max-width:520px;margin-left:auto;height:46px;border:1px solid var(--line);background:#fff;border-radius:14px;display:flex;align-items:center;padding:0 12px;gap:9px;transition:.18s}.global-search:focus-within{border-color:var(--teal);box-shadow:0 0 0 4px rgba(21,149,167,.08)}.global-search>svg{color:#7690a2}.global-search input{border:0;background:transparent;width:100%;min-width:0;font-size:13px}.global-search>button{border:0;background:transparent;color:#7890a0;width:30px;height:30px;display:none;place-items:center;border-radius:8px;cursor:pointer}.global-search.has-value>button{display:grid}.global-search-results{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow-lg);padding:8px;display:none;max-height:380px;overflow:auto}.global-search.open .global-search-results{display:block}.global-result{display:flex;gap:10px;align-items:center;text-decoration:none;padding:10px;border-radius:11px}.global-result:hover{background:#f1f7f8}.global-result-icon{width:36px;height:36px;border-radius:10px;background:#eaf5f6;color:var(--teal-dark);display:grid;place-items:center}.global-result strong{display:block;font-size:12px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-result small{display:block;margin-top:3px;color:var(--muted);font-size:10.5px}.global-empty{padding:18px;text-align:center;color:var(--muted);font-size:12px}.top-shortcuts{display:flex;gap:6px}.top-shortcuts a{height:42px;border:1px solid var(--line);background:#fff;border-radius:11px;text-decoration:none;padding:0 11px;display:flex;align-items:center;gap:7px;color:#476478;font-size:11px;font-weight:800;transition:.15s}.top-shortcuts a:hover{border-color:#bcd5dc;color:var(--navy);transform:translateY(-1px)}.top-shortcuts .ui-icon{width:16px;height:16px}.user-menu{position:relative}.user-trigger{min-width:185px;border:1px solid var(--line);background:#fff;border-radius:14px;padding:7px 9px 7px 7px;display:flex;align-items:center;gap:9px;cursor:pointer;text-align:left}.user-avatar{width:36px;height:36px;border-radius:11px;background:#e7f2f5;color:var(--navy);display:grid;place-items:center;font-size:11px;font-weight:950;letter-spacing:.3px;flex:0 0 auto}.user-avatar.large{width:44px;height:44px;border-radius:13px;font-size:13px}.user-copy{min-width:0;flex:1}.user-copy strong{display:block;font-size:11.5px;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-copy small{display:block;color:#7b8c99;font-size:10px;margin-top:2px;text-transform:capitalize}.user-chevron{color:#718898;font-size:14px}.user-dropdown{position:absolute;right:0;top:calc(100% + 8px);width:260px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);padding:8px;display:none}.user-menu.open .user-dropdown{display:block;animation:dropIn .16s ease both}@keyframes dropIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.user-dropdown-head{display:flex;align-items:center;gap:10px;padding:10px 9px 13px;border-bottom:1px solid var(--line-soft);margin-bottom:6px}.user-dropdown-head strong{display:block;font-size:12px;color:var(--navy)}.user-dropdown-head small{display:block;color:var(--muted);font-size:10px;margin-top:3px;overflow-wrap:anywhere}.user-dropdown a{display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:10px;text-decoration:none;font-size:12px;font-weight:800;color:#496579}.user-dropdown a:hover{background:#f2f7f8}.user-dropdown .logout-link{color:#9b3740}.sidebar-backdrop{display:none}

/* Panels & KPIs */
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.kpi{background:#fff;border:1px solid var(--line);border-radius:17px;padding:16px;display:flex;gap:12px;align-items:center;min-height:94px;transition:.18s}.kpi:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(11,49,91,.08);border-color:#cbdde5}.kpi-icon{width:44px;height:44px;border-radius:13px;background:#edf6f7;color:var(--teal-dark);display:grid;place-items:center;flex:0 0 auto}.kpi-icon .ui-icon{width:20px;height:20px}.kpi small{display:block;color:#748797;font-size:10.5px;font-weight:700}.kpi strong{display:block;color:var(--navy);font-size:23px;letter-spacing:-.4px;margin-top:1px;line-height:1.05}.kpi em{display:block;color:#95a3ad;font-size:9.5px;font-style:normal;margin-top:5px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:16px}.motion-card{animation:cardIn .35s ease both}@keyframes cardIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.panel-head h2{margin:0;color:var(--navy);font-size:17px;letter-spacing:-.2px}.panel-head p{margin:5px 0 0;color:var(--muted);font-size:11.5px;line-height:1.5}.metric-pill{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;background:#e8f5f6;color:#0a6b76;font-size:11px;font-weight:900}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.progress{height:10px;background:#e9eff2;border-radius:999px;overflow:hidden;margin-top:12px}.progress i{display:block;height:100%;background:var(--teal);border-radius:999px;transition:width .7s ease}.progress-meta{display:flex;justify-content:space-between;gap:12px;margin-top:11px;font-size:11px}.progress-meta strong{color:var(--navy)}.progress-meta span{color:var(--muted)}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.quick-actions a{border:1px solid var(--line-soft);background:#f8fafb;border-radius:13px;padding:12px;text-decoration:none;display:flex;gap:9px;align-items:center;transition:.16s}.quick-actions a:hover{background:#eef6f7;border-color:#d4e7ea;transform:translateY(-1px)}.quick-actions a>svg{color:var(--teal-dark)}.quick-actions strong{display:block;font-size:11.5px;color:var(--navy)}.quick-actions small{display:block;font-size:9.5px;color:var(--muted);margin-top:2px}

/* List controls and cards */
.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);margin-bottom:13px}.list-total{display:flex;align-items:baseline;gap:5px;white-space:nowrap}.list-total strong{font-size:16px;color:var(--navy)}.list-total span{font-size:10.5px;color:var(--muted)}.list-tools{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end}.list-search{position:relative;width:min(390px,100%);height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;align-items:center;padding:0 40px 0 12px;margin:0!important}.list-search>svg{color:#8093a1;width:16px;height:16px}.list-search input{border:0!important;box-shadow:none!important;background:transparent!important;margin:0!important;padding:0 8px!important;min-height:0!important;height:40px;font-size:12px}.search-clear{position:absolute;right:5px;width:31px;height:31px;border:0;background:transparent;color:#79909f;border-radius:8px;display:none;place-items:center;cursor:pointer}.list-search.has-value .search-clear{display:grid}.records-size{display:flex!important;align-items:center;gap:7px;margin:0!important;font-size:10px!important;color:var(--muted)!important}.records-size>span{font-weight:750}.records-size .s2-container{width:76px!important;margin:0!important}.records-size .s2-selection{min-height:42px;border-radius:11px;padding:0 9px;font-size:11px}.view-switch{display:flex;padding:3px;border:1px solid var(--line);background:#fff;border-radius:11px}.view-switch button{width:34px;height:34px;border:0;background:transparent;color:#708695;border-radius:8px;display:grid;place-items:center;cursor:pointer}.view-switch button.active{background:var(--navy);color:#fff}.view-switch .ui-icon{width:16px;height:16px}.record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.record-card{position:relative;border:1px solid var(--line-soft);border-radius:15px;padding:14px;background:#fff;min-width:0;display:grid;gap:12px;transition:.17s;animation:recordIn .25s ease both}.record-card:hover{border-color:#c9dce4;box-shadow:0 12px 26px rgba(11,49,91,.07);transform:translateY(-1px)}@keyframes recordIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.record-primary{display:flex;align-items:center;gap:10px;min-width:0}.record-primary>div{min-width:0}.avatar-soft{width:42px;height:42px;border-radius:12px;background:#eaf4f6;color:var(--navy);display:grid;place-items:center;font-size:11px;font-weight:950;flex:0 0 auto}.record-primary h3{margin:0;color:var(--navy);font-size:13px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-primary p{margin:4px 0 0;color:var(--muted);font-size:10.5px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.record-meta>span{min-width:0;background:#f7fafb;border-radius:10px;padding:8px}.record-meta small{display:block;color:#8a9aa6;font-size:8.7px;text-transform:uppercase;letter-spacing:.55px;font-weight:850}.record-meta strong{display:block;margin-top:3px;color:#365369;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-actions{position:absolute;top:10px;right:10px;display:flex;gap:5px;opacity:.25;transition:.15s}.record-card:hover .record-actions{opacity:1}.icon-action{width:34px;height:34px;border:1px solid #e0e8ed;background:#fff;color:#587284;border-radius:10px;display:grid;place-items:center;cursor:pointer;transition:.15s}.icon-action:hover{background:#eef6f7;color:var(--navy);border-color:#cfe0e6}.icon-action.danger{color:#a54149}.icon-action.danger:hover{background:var(--danger-bg);border-color:#f0d2d6}.icon-action.accent{color:#08737f}.icon-action .ui-icon{width:15px;height:15px}.record-actions form{margin:0}.status-chip{display:inline-flex;align-items:center;gap:5px;margin-top:3px;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:900;white-space:nowrap}.status-chip:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status-chip.is-active{background:#e5f5ee;color:#08765b}.status-chip.is-muted{background:#f1f4f6;color:#718493}.score-value{color:var(--teal-dark)!important;font-size:13px!important}.question-record .question-index{width:38px;height:38px;border-radius:11px;background:#eaf4f6;color:#0b6c78;display:grid;place-items:center;font-size:10px;font-weight:950;flex:0 0 auto}.question-copy h3{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.record-grid.view-detail{grid-template-columns:1fr}.record-grid.view-detail .record-card{grid-template-columns:minmax(250px,1.2fr) minmax(360px,1fr);align-items:center;padding:13px 54px 13px 14px}.record-grid.view-detail .record-meta{grid-template-columns:repeat(4,minmax(0,1fr))}.record-grid.view-detail .record-primary h3{white-space:normal}.record-grid.view-detail .question-copy h3{-webkit-line-clamp:3}.list-pagination{display:flex;align-items:center;justify-content:center;gap:5px;padding-top:15px}.page-btn{min-width:35px;height:35px;border:1px solid var(--line);background:#fff;color:#5f7789;border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:850;cursor:pointer}.page-btn:hover:not(:disabled){border-color:#bad4dc;color:var(--navy)}.page-btn.active{background:var(--navy);border-color:var(--navy);color:#fff}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-ellipsis{color:#9aabb6;padding:0 3px}.empty-state{display:none;grid-column:1/-1;min-height:180px;border:1px dashed #cfdde5;border-radius:15px;background:#fafcfd;place-items:center;text-align:center;padding:28px;color:#78909f}.empty-state.show{display:grid}.empty-state .ui-icon{width:30px;height:30px;color:#93a7b3}.empty-state strong{display:block;color:#526e80;font-size:13px;margin-top:8px}.empty-state span{display:block;font-size:11px;margin-top:5px;max-width:420px}

/* Forms */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}.form-grid.compact{margin-top:12px}.form-grid .full{grid-column:1/-1}.form-grid label{display:block}.form-grid small{display:block;color:#8495a2;font-weight:500;margin-top:5px;font-size:10px}.field-caption{display:block;font-size:11px;font-weight:850;color:#395469;margin:4px 0 7px}.helper-note{margin-top:12px;padding:10px 12px;background:#eef7f8;border:1px solid #d9eaed;border-radius:11px;color:#4d7180;font-size:11px;display:flex;align-items:center;gap:8px}.helper-note .ui-icon{color:#0b7c88}.password-control{position:relative;display:block}.password-control input{padding-right:48px!important}.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:35px;height:35px;border:0;border-radius:9px;background:#f1f5f7;color:#526c7e;display:grid;place-items:center;cursor:pointer}.password-toggle:hover{background:#e6eff2;color:var(--navy)}.password-toggle svg{width:18px;height:18px}.login-card .password-control{margin-top:7px}.login-card .password-control input{margin-top:0}.login-card .password-toggle{top:50%}.s2-container{font-size:12px}.s2-selection{min-height:46px!important;border-radius:12px!important;border-color:#cad9e1!important}.s2-dropdown{z-index:16050!important}.s2-option{font-size:12px}

/* Premium checkbox/radio/toggles */
.premium-toggle-field{display:flex!important;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:11px 13px;border:1px solid var(--line);border-radius:13px;background:#fafcfd;margin-top:7px}.premium-toggle-field>span:first-child{margin:0}.premium-toggle-field>span:first-child strong{display:block;color:#334f63;font-size:11.5px}.premium-toggle-field>span:first-child small{display:block;color:var(--muted);font-size:9.7px;margin-top:3px}.premium-switch{display:inline-flex;align-items:center;gap:8px;position:relative;cursor:pointer;white-space:nowrap}.premium-switch input{position:absolute!important;opacity:0;width:1px!important;height:1px!important;margin:0!important}.premium-switch i{width:42px;height:24px;border-radius:999px;background:#cfdbe2;position:relative;transition:.18s}.premium-switch i:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;box-shadow:0 2px 7px rgba(0,0,0,.15);transition:.18s}.premium-switch input:checked+i{background:var(--teal)}.premium-switch input:checked+i:after{left:21px}.premium-switch b{font-size:10px;color:#6a8090}.option-builder{display:grid;gap:9px;margin-top:12px}.option-edit-row{position:relative;display:grid;grid-template-columns:22px 1fr;gap:9px;align-items:center;margin:0!important;cursor:pointer}.option-edit-row>input[type=radio]{position:absolute;opacity:0;width:1px;height:1px}.premium-radio-dot{width:20px;height:20px;border:2px solid #b8c8d1;border-radius:50%;display:block;position:relative;transition:.16s}.option-edit-row>input[type=radio]:checked+.premium-radio-dot{border-color:var(--teal)}.option-edit-row>input[type=radio]:checked+.premium-radio-dot:after{content:"";position:absolute;inset:4px;background:var(--teal);border-radius:50%}.option-edit-row>input[name="options[]"]{margin:0!important}.mail-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mail-choice{position:relative;display:block!important;cursor:pointer;margin:0!important}.mail-choice>input{position:absolute!important;opacity:0;width:1px!important;height:1px!important}.mail-choice-ui{min-height:88px;border:1px solid var(--line);border-radius:14px;padding:13px;display:grid;grid-template-columns:38px minmax(0,1fr) 20px;gap:10px;align-items:start;background:#fff;transition:.18s}.mail-choice-icon{width:38px;height:38px;border-radius:11px;background:#eff5f7;color:#47697d;display:grid;place-items:center}.mail-choice-ui strong{display:block;color:#29495f;font-size:12px}.mail-choice-ui small{display:block;color:#8193a0;font-size:10px;line-height:1.4;margin-top:4px}.mail-choice-ui>i{width:19px;height:19px;border:2px solid #b8c8d2;border-radius:50%;position:relative;margin-top:2px}.mail-choice>input:checked+.mail-choice-ui{border-color:var(--teal);background:#f2fbfb;box-shadow:0 0 0 3px rgba(21,149,167,.07)}.mail-choice>input:checked+.mail-choice-ui .mail-choice-icon{background:#dff3f4;color:#0a7380}.mail-choice>input:checked+.mail-choice-ui>i{border-color:var(--teal)}.mail-choice>input:checked+.mail-choice-ui>i:after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--teal)}.admin-segmented{display:flex;gap:8px;margin-top:7px}.admin-segmented label{margin:0!important;position:relative}.admin-segmented input{position:absolute!important;opacity:0;width:1px!important;height:1px!important}.admin-segmented span{min-width:80px;min-height:46px;border:1px solid var(--line);border-radius:11px;background:#fff;color:#526b7d;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;font-size:11px;font-weight:850;cursor:pointer}.admin-segmented input:checked+span{background:var(--navy);color:#fff;border-color:var(--navy)}.mail-group.hidden{display:none}.email-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:16px}.security-note{margin-top:18px;padding:14px;border-radius:13px;background:#f4f8fa;border:1px solid #dde8ed;display:flex;gap:11px;color:#627a8b}.security-note>svg{color:var(--teal-dark);width:22px;height:22px}.security-note strong{display:block;color:var(--navy);font-size:11.5px}.security-note p{margin:4px 0 0;font-size:10.5px;line-height:1.5}

/* Settings */
.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-card{margin:0}.settings-card.full-width{grid-column:1/-1}.logo-settings{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(360px,1.3fr);gap:16px;align-items:stretch}.current-logo{border:1px solid var(--line-soft);background:#f8fafb;border-radius:14px;padding:16px;display:flex;align-items:center;gap:12px}.current-logo img{max-width:150px;max-height:56px;object-fit:contain}.logo-placeholder-admin{width:54px;height:54px;border-radius:14px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:950}.current-logo strong{display:block;color:var(--navy);font-size:11.5px}.current-logo small{display:block;color:var(--muted);font-size:9.8px;margin-top:3px}.settings-submit{grid-column:1/-1;display:flex;justify-content:flex-end;margin-top:-4px}.settings-submit .btn{min-width:220px}

/* Dropzones */
.upload-zone{position:relative;min-height:190px;border:1.5px dashed #b9ced8;border-radius:16px;background:#f8fbfc;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:.18s;cursor:pointer}.upload-zone:hover,.upload-zone.dragover,.upload-zone:focus{border-color:var(--teal);background:#f1fafa;box-shadow:0 0 0 4px rgba(21,149,167,.07)}.upload-zone>input[type=file]{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.upload-icon{width:46px;height:46px;border-radius:14px;background:#e5f4f5;color:var(--teal-dark);display:grid;place-items:center;margin-bottom:11px}.upload-icon .ui-icon{width:22px;height:22px}.upload-zone strong{color:var(--navy);font-size:13px}.upload-zone p{margin:6px 0;color:var(--muted);font-size:11px}.upload-zone p button{position:relative;z-index:2;border:0;background:transparent;color:#087787;font-weight:850;padding:0;cursor:pointer}.upload-zone small{color:#8a9ba7;font-size:10px}.upload-zone kbd{padding:2px 5px;border:1px solid #cad8e0;background:#fff;border-radius:5px;font-size:9px}.compact-zone{min-height:140px;padding:15px}.drop-preview{max-width:180px;max-height:60px;object-fit:contain;margin-top:10px;position:relative;z-index:3}.template-box{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px;border:1px solid var(--line-soft);border-radius:13px;background:#fafcfd;margin-top:13px}.template-box>div{display:flex;gap:10px;align-items:center}.template-box>div>svg{color:var(--teal-dark)}.template-box strong{display:block;font-size:11.5px;color:var(--navy)}.template-box small{display:block;font-size:9.5px;color:var(--muted);margin-top:3px}.template-box .btn{flex:0 0 auto}

/* Modals */
.ui-modal{position:fixed;inset:0;background:rgba(7,29,47,.56);backdrop-filter:blur(5px);z-index:15000;display:none;align-items:center;justify-content:center;padding:20px}.ui-modal.open{display:flex}.ui-modal-card{width:min(720px,100%);max-height:min(88vh,900px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:21px;box-shadow:0 30px 90px rgba(4,25,42,.28);padding:21px;animation:modalIn .18s ease both}.ui-modal-card.wide{width:min(860px,100%)}.ui-modal-card.preview-card{width:min(760px,100%)}@keyframes modalIn{from{opacity:0;transform:scale(.985) translateY(8px)}to{opacity:1;transform:none}}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line-soft)}.modal-head h2{margin:0;color:var(--navy);font-size:21px}.modal-head p:not(.eyebrow){margin:5px 0 0;color:var(--muted);font-size:11px}.modal-close{width:38px;height:38px;border:1px solid var(--line);background:#f8fafb;color:#60798a;border-radius:11px;display:grid;place-items:center;cursor:pointer;flex:0 0 auto}.modal-close:hover{background:#eef4f6;color:var(--navy)}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line-soft)}.preview-question{padding:4px}.preview-question .preview-shell{border:1px solid var(--line);border-radius:17px;padding:20px;background:#fff}.preview-question .preview-number{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eaf7f7;color:#0b7180;font-size:9px;font-weight:900;letter-spacing:.8px}.preview-question h3{margin:12px 0 17px;color:var(--navy);font-size:18px;line-height:1.45}.preview-option{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:8px;background:#fbfcfd;font-size:12px;color:#3c586c}.preview-option i{width:18px;height:18px;border:2px solid #b9c9d2;border-radius:50%;flex:0 0 auto}.preview-option.correct{border-color:#b9ded4;background:#eff9f5}.preview-option.correct i{border-color:var(--success);box-shadow:inset 0 0 0 4px #eff9f5;background:var(--success)}

/* Misc */
.score,.status{display:inline-block;padding:5px 8px;border-radius:999px;background:#e8f6f2;color:#0a7359;font-weight:850;font-size:11px}.info-box{margin-top:16px;padding:14px;border-radius:12px;background:#f5f9fa;border:1px solid #dce8ec;color:#627786;font-size:12px;line-height:1.55}hr{border:0;border-top:1px solid var(--line-soft);margin:20px 0}

/* Responsive */
@media(max-width:1320px){.top-shortcuts span{display:none}.top-shortcuts a{width:42px;padding:0;justify-content:center}.global-search{max-width:430px}.record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1080px){.sidebar{width:82px;padding-left:12px;padding-right:12px}.side-brand{justify-content:center;padding-left:0;padding-right:0}.side-brand>div:last-child,.sidebar nav a span,.side-foot{display:none}.sidebar nav a{justify-content:center;padding:12px}.admin-main{margin-left:82px}.admin-topbar{padding-left:18px;padding-right:18px}.top-heading{min-width:135px}.global-search{max-width:none}.user-trigger{min-width:auto}.user-copy,.user-chevron{display:none}.kpis{grid-template-columns:repeat(2,1fr)}.email-layout{grid-template-columns:1fr}.settings-layout{grid-template-columns:1fr}.settings-card.full-width,.settings-submit{grid-column:auto}.logo-settings{grid-template-columns:1fr}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);width:250px;transition:.2s}.sidebar.open{transform:none}.sidebar .side-brand{justify-content:flex-start}.sidebar .side-brand>div:last-child,.sidebar nav a span,.sidebar .side-foot{display:block}.sidebar nav a{justify-content:flex-start}.admin-main{margin-left:0}.mobile-menu{display:grid}.admin-topbar{height:auto;min-height:76px;flex-wrap:wrap;padding:10px 12px;gap:9px}.top-heading{min-width:0;flex:1}.top-heading h1{font-size:21px}.global-search{order:5;flex-basis:100%;max-width:none;height:42px}.top-shortcuts{display:none}.content-wrap{padding:14px 10px 28px}.sidebar-backdrop{position:fixed;inset:0;background:rgba(5,26,43,.46);z-index:1050}.sidebar-backdrop.show{display:block}.dashboard-grid{grid-template-columns:1fr}.panel{padding:14px}.panel-head{align-items:flex-start;flex-direction:column}.panel-head .actions{width:100%}.panel-head .actions .btn{flex:1}.list-toolbar{align-items:flex-start;flex-direction:column}.list-tools{width:100%;justify-content:stretch;flex-wrap:wrap}.list-search{width:100%;flex:1 1 100%}.records-size{flex:1}.view-switch{margin-left:auto}.record-grid,.record-grid.view-detail{grid-template-columns:1fr}.record-grid.view-detail .record-card{display:grid;grid-template-columns:1fr;padding:14px}.record-meta,.record-grid.view-detail .record-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.record-actions{opacity:1}.quick-actions{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.mail-choice-grid{grid-template-columns:1fr}.template-box{align-items:flex-start;flex-direction:column}.template-box .btn{width:100%}.logo-settings{grid-template-columns:1fr}.settings-submit .btn{width:100%}.ui-modal{padding:10px}.ui-modal-card{padding:16px;max-height:94vh}.auth-links{align-items:flex-start;flex-direction:column}.login-card{padding:26px 20px}.user-dropdown{right:0;width:min(290px,calc(100vw - 20px))}}
@media(max-width:520px){.kpis{grid-template-columns:1fr 1fr;gap:9px}.kpi{min-height:82px;padding:12px}.kpi-icon{width:38px;height:38px}.kpi strong{font-size:18px}.quick-actions{grid-template-columns:1fr}.record-meta,.record-grid.view-detail .record-meta{grid-template-columns:1fr 1fr}.record-actions{position:static;justify-content:flex-end}.premium-toggle-field{align-items:flex-start;flex-direction:column}.admin-segmented{display:grid;grid-template-columns:1fr 1fr}.admin-segmented span{width:100%}.modal-actions{align-items:stretch;flex-direction:column-reverse}.modal-actions .btn{width:100%}.records-size>span{display:none}}

/* V5 refinements: modal layer, readable search, question settings */
.ui-modal{z-index:50000}.ui-modal-card{max-height:calc(100vh - 28px)}
.list-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center}.list-tools{min-width:0;flex-wrap:wrap}.list-search{width:auto;min-width:360px;flex:1 1 460px}.list-search input{width:100%;min-width:0}.records-size{flex:0 0 auto}.view-switch{flex:0 0 auto}.question-actions{justify-content:flex-end}.setting-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.setting-choice{position:relative;display:block!important;cursor:pointer;margin:0!important}.setting-choice>input{position:absolute!important;opacity:0;width:1px!important;height:1px!important}.setting-choice-ui{min-height:92px;border:1px solid var(--line);border-radius:14px;padding:13px;display:grid;grid-template-columns:38px minmax(0,1fr) 20px;gap:10px;align-items:start;background:#fff;transition:.18s}.setting-choice-icon{width:38px;height:38px;border-radius:11px;background:#eff5f7;color:#47697d;display:grid;place-items:center}.setting-choice-ui strong{display:block;color:#29495f;font-size:12px}.setting-choice-ui small{display:block;color:#8193a0;font-size:10px;line-height:1.45;margin-top:4px}.setting-choice-ui>i{width:19px;height:19px;border:2px solid #b8c8d2;border-radius:50%;position:relative;margin-top:2px}.setting-choice>input:checked+.setting-choice-ui{border-color:var(--teal);background:#f2fbfb;box-shadow:0 0 0 3px rgba(21,149,167,.07)}.setting-choice>input:checked+.setting-choice-ui .setting-choice-icon{background:#dff3f4;color:#0a7380}.setting-choice>input:checked+.setting-choice-ui>i{border-color:var(--teal)}.setting-choice>input:checked+.setting-choice-ui>i:after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--teal)}.logo-settings.single{grid-template-columns:1fr}.settings-layout{align-items:start}
@media(max-width:1100px){.list-toolbar{grid-template-columns:1fr}.list-total{margin-bottom:2px}.list-tools{justify-content:flex-start}.list-search{min-width:min(100%,420px)}}
@media(max-width:800px){.list-toolbar{display:flex}.list-search{min-width:0}.setting-choice-grid{grid-template-columns:1fr}.question-actions .btn{flex:1 1 calc(50% - 8px)}}
@media(max-width:520px){.question-actions .btn{flex:1 1 100%}}

/* v6 · identidad visual configurable */
.admin-logo{overflow:hidden}.admin-logo img{width:100%;height:100%;object-fit:contain;background:#fff;padding:5px}.admin-logo.small img{padding:4px}.auth-brand-logo img{padding:7px}.visual-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.visual-setting-card{min-width:0;display:grid;gap:12px}.visual-setting-card .current-logo{min-height:88px}.favicon-current .favicon-preview-img{width:54px;height:54px;object-fit:contain;border-radius:13px;background:#fff;border:1px solid var(--line-soft);padding:7px}.favicon-zone .favicon-drop-preview{width:58px;height:58px;object-fit:contain;border-radius:12px;background:#fff;border:1px solid var(--line-soft);padding:5px}.visual-setting-card .upload-zone{height:100%;min-height:150px}@media(max-width:900px){.visual-settings-grid{grid-template-columns:1fr}}


/* v6.4 · Login móvil centrado en el viewport visible */
html:has(body.login-body){height:100%}
body.login-body{
  width:100%;
  min-height:100vh;
  min-height:100svh;
  min-height:100dvh;
  height:100vh;
  height:100svh;
  height:100dvh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(14px,3vh,24px);
  overflow-x:hidden;
  overflow-y:auto;
}
body.login-body .auth-shell{
  width:100%;
  min-height:calc(100vh - 48px);
  min-height:calc(100svh - 48px);
  min-height:calc(100dvh - 48px);
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0;
}
body.login-body .login-card{
  flex:0 0 auto;
  margin:auto;
}

@media(max-width:800px){
  body.login-body{
    padding:
      max(12px,env(safe-area-inset-top))
      14px
      max(12px,env(safe-area-inset-bottom));
  }
  body.login-body .auth-shell{
    min-height:calc(100vh - 24px);
    min-height:calc(100svh - 24px);
    min-height:calc(100dvh - 24px);
  }
  body.login-body .login-card{
    width:min(100%,440px);
    padding:26px 20px;
  }
}

@media(max-width:520px){
  body.login-body .login-card h1{
    font-size:clamp(26px,8vw,30px);
    line-height:1.08;
  }
  body.login-body .auth-subtitle{
    margin-bottom:20px;
  }
}

@media(max-height:680px){
  body.login-body{
    height:auto;
    min-height:100dvh;
    align-items:flex-start;
  }
  body.login-body .auth-shell{
    min-height:auto;
    padding:8px 0;
  }
  body.login-body .login-card{
    margin:auto;
    padding-top:22px;
    padding-bottom:22px;
  }
}


/* v6.5 · Capas, topbar fijo y login móvil centrado */
:root{--admin-topbar-h:84px}
.admin-main{padding-top:var(--admin-topbar-h)}
.admin-topbar{
  position:fixed;
  top:0;right:0;left:250px;
  z-index:20000;
  height:var(--admin-topbar-h);
  overflow:visible;
}
.global-search{z-index:20010}
.global-search-results{z-index:20020}
.user-menu{z-index:70000}
.user-menu.open{z-index:70000}
.user-dropdown{z-index:70010}
.ui-modal{z-index:100000!important;isolation:isolate}
.ui-modal-card{position:relative;z-index:100001}
.sidebar{z-index:30000}
.sidebar-backdrop{z-index:29990!important}

@media(max-width:1080px) and (min-width:801px){
  .admin-topbar{left:82px}
}
@media(max-width:800px){
  :root{--admin-topbar-h:132px}
  .admin-topbar{left:0;right:0;top:0;z-index:20000}
  .admin-main{padding-top:var(--admin-topbar-h)}
  .user-menu,.user-menu.open{z-index:70000}
  .user-dropdown{z-index:70010;top:calc(100% + 7px)}
  .global-search{z-index:20005}
  .ui-modal{z-index:100000!important;padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))}
  .ui-modal-card{max-height:calc(100dvh - 20px)}
}

/* El login permanece centrado incluso con las barras del navegador móvil. */
html:has(body.login-body){height:100%;min-height:100%}
body.login-body{
  height:100vh;
  height:100svh;
  height:100dvh;
  min-height:100vh;
  min-height:100svh;
  min-height:100dvh;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:auto;
}
body.login-body .auth-shell{
  width:100%;
  min-height:0;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
}
body.login-body .login-card{margin:auto}
@media(max-width:800px){
  body.login-body{padding:max(12px,env(safe-area-inset-top)) 14px max(12px,env(safe-area-inset-bottom))}
  body.login-body .auth-shell{height:100%;min-height:0}
}
@media(max-height:560px){
  body.login-body{height:auto;min-height:100dvh;align-items:flex-start}
  body.login-body .auth-shell{height:auto;min-height:100dvh;padding:10px 0}
}