@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@500;600;700&family=Nunito:wght@400;500;600;700;800&display=swap";:root{--accent: #5c53ff;--accent-soft: #e8e4ff;--btn-grad: linear-gradient(135deg, #6a61ff, #5147ef);--text: #232136;--muted: #7c86a0;--line: #cfd7e6;--line-soft: #edf2f8;--ok: #2eae6b;--okbg: #e9f8ef;--warn: #f2a40c;--warnbg: #fff5df;--bad: #ef3f6b;--badbg: #fff0f2;--shadow: 0 14px 36px rgba(62,79,116,.08);--topbar-h: 60px;--side-w: 240px;--font-title: "Comfortaa", system-ui, sans-serif;--font-body: "Nunito", Arial, sans-serif}*{box-sizing:border-box}body{margin:0}.studio{font-family:var(--font-body);color:var(--text);min-height:100vh;background:radial-gradient(circle at 12% 6%,rgba(91,155,255,.16),transparent 30%),radial-gradient(circle at 90% 10%,rgba(244,131,185,.12),transparent 32%),linear-gradient(135deg,#e7f1fc,#edf4fb 50%,#f3f8fd);background-attachment:fixed;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}h1,h2,h3,.page-title,.segment>summary,.modal-head h3,.chip,.brand-name,.kpi-v{font-family:var(--font-title)}.topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-h);background:#ffffff9e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(193,206,225,.6);display:flex;align-items:center;gap:12px;padding:0 22px;z-index:100}.topbar .brand-logo{height:34px;width:auto;display:block}.topbar .brand-name{font-weight:700;font-size:18px;color:var(--accent);letter-spacing:-.5px}.topbar .spacer{flex:1}.topbar .user{font-size:13px;color:var(--accent);background:var(--accent-soft);padding:6px 14px;border-radius:999px;font-weight:700}.layout{display:flex;padding-top:var(--topbar-h)}.sidenav{position:fixed;top:var(--topbar-h);bottom:0;width:var(--side-w);background:#ffffff8f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-right:1px solid rgba(193,206,225,.6);padding:16px 14px;overflow-y:auto}.sidenav a{display:flex;align-items:center;gap:12px;height:46px;padding:0 14px;margin:4px 0;border-radius:14px;color:#607090;text-decoration:none;font-size:14.5px;font-weight:600;cursor:pointer}.sidenav a .ic{width:20px;text-align:center}.sidenav a:hover{background:#f1eeff99}.sidenav a.active{color:var(--accent);background:linear-gradient(135deg,#f1eeff,#e8e4ff)}.sidenav .soon{margin-left:auto;font-size:10px;color:var(--muted);background:#eef1f7;padding:2px 7px;border-radius:999px}.content{margin-left:var(--side-w);flex:1;padding:24px 30px 60px;min-width:0}.page-title{font-size:30px;font-weight:700;margin:0;letter-spacing:-.3px}.head-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}.chips{display:flex;flex-wrap:wrap;gap:9px}.chip{border:1.5px solid;border-radius:12px;padding:9px 15px;cursor:pointer;font-weight:700;font-size:13.5px;background:#fff;transition:transform .1s,box-shadow .12s}.chip:hover{transform:translateY(-1px)}.chip.active{box-shadow:0 8px 18px #0000001a}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.tabs{display:inline-flex;background:#ffffffb3;border:1px solid var(--line);border-radius:12px;padding:3px}.tabs button{border:0;background:transparent;padding:8px 14px;border-radius:10px;cursor:pointer;font-weight:700;font-size:13.5px;color:#607090}.tabs button.on{background:var(--accent);color:#fff}.toolbar .grow{flex:1}.selectbox{border:1px solid var(--line);border-radius:12px;padding:9px 12px;font-size:14px;background:#fff;color:var(--text);min-width:180px}.slider-wrap{display:flex;align-items:center;gap:10px;margin:8px 0 14px;font-size:13px;color:var(--muted)}.slider-wrap input[type=range]{accent-color:var(--accent)}.legend{font-size:12.5px;color:#8a6100;background:var(--warnbg);border:1px solid #f3d99a;padding:8px 14px;border-radius:12px;margin:2px 0 14px;display:inline-block}.hint{font-size:13px;color:var(--muted);margin:2px 0 14px}.panel{background:#ffffffdb;border:1px solid var(--line);border-radius:14px;margin-bottom:14px;box-shadow:var(--shadow);overflow:hidden}.panel>summary{padding:13px 18px;font-weight:700;cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px}.panel>summary::-webkit-details-marker{display:none}.panel>summary:before{content:"▸";color:var(--muted);font-size:12px;transition:transform .15s}.panel[open]>summary:before{transform:rotate(90deg)}.panel .cnt{margin-left:auto;font-size:12px;color:var(--muted);background:#eef2f8;padding:2px 10px;border-radius:999px;font-weight:700}.panel-body{padding:12px 16px}.segment{background:#ffffffe6;border:1px solid var(--line);border-radius:14px;margin-bottom:14px;overflow:hidden;box-shadow:var(--shadow)}.segment>summary{padding:13px 18px;font-weight:700;cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px}.segment>summary::-webkit-details-marker{display:none}.segment>summary:before{content:"▸";color:var(--muted);font-size:12px;transition:transform .15s}.segment[open]>summary:before{transform:rotate(90deg)}.segment>summary .cnt{margin-left:auto;font-size:12px;color:var(--muted);background:#eef2f8;padding:2px 10px;border-radius:999px;font-weight:700}.grid-wrap{overflow-x:auto;border-top:1px solid var(--line)}table.grid{border-collapse:separate;border-spacing:0;white-space:nowrap}table.grid th,table.grid td{border-bottom:1px solid var(--line-soft)}table.grid thead th{position:sticky;top:0;background:#f7faff;font-size:11.5px;color:#6b7488;font-weight:700;padding:7px 4px;z-index:4}.sticky{position:sticky;background:#fff;z-index:2}.c-group{left:0;min-width:170px;max-width:170px}.c-nav{left:170px;min-width:320px;max-width:320px}.c-ras{left:490px;min-width:95px;max-width:95px;font-size:11px}.c-fgos{left:585px;min-width:120px;max-width:120px;box-shadow:8px 0 10px -8px #14193229;font-size:11px}td.c-group,td.c-nav,td.c-ras,td.c-fgos{padding:8px 10px;vertical-align:top;white-space:normal}td.c-group{font-size:11.5px}th.c-group,th.c-nav,th.c-ras,th.c-fgos{text-align:left}table.grid thead th.sticky{z-index:6}table.grid.nogroup .c-nav{left:0}table.grid.nogroup .c-ras{left:320px}table.grid.nogroup .c-fgos{left:415px}tbody tr:hover td.sticky{background:#f6f8ff}.nav-link{color:var(--accent);font-weight:700;font-size:14.5px;cursor:pointer}.nav-link:hover{text-decoration:underline}.nav-sub{font-size:10.5px;color:var(--muted);margin-top:2px}.warnrow td.c-nav{background:var(--warnbg)}.mcell{min-width:64px;width:64px;height:28px;padding:0;border-left:1px solid #eef2f9}.mcell.year{border-left:2px solid #c7d2ea}.mcell .skbar{height:22px;margin:3px 0;background:#8b83e6}.mcell .sktrack{height:4px;margin:12px 4px;border-radius:2px;background:#d7d8ee}.mhead{min-width:30px;width:30px;text-align:center;color:#9aa3b6;font-weight:600;font-size:11px;cursor:pointer;-webkit-user-select:none;user-select:none}.mhead.yhead{color:var(--accent);font-weight:800;border-left:2px solid #c7d2ea}.mhead:hover{color:var(--accent)}.mhead.focus{color:#fff;background:var(--accent);border-radius:6px}.grid.exgrid .mhead{cursor:default}.grid.exgrid .mhead:hover{color:#9aa3b6}.grid.exgrid .mhead.yhead:hover{color:var(--accent)}.grid.tipgrid .c-nav,.grid.exgrid .c-nav{min-width:440px;max-width:440px}.ex-attrs{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.ex-tag{font-size:10.5px;font-weight:700;padding:1px 8px;border-radius:999px;background:#eef1f8;color:#5a6178;white-space:nowrap;line-height:1.5}.ex-tag.type{background:#ecebfb;color:#5348c8}.ex-tag.muted{background:#f3f4f9;color:#8a92a6;font-weight:600}.ex-tag.sk{background:#eef0ff;color:#5348c8}.ex-tag.warn{background:#fdecec;color:#d05a5a}.ex-tag.sched{background:#eaf6ee;color:#3f9d5f}.phase-legend{display:flex;gap:16px;align-items:center;margin:8px 0;font-size:12.5px;color:#4b5670}.phase-legend .sw{display:inline-block;width:14px;height:14px;border-radius:4px;margin-right:6px;vertical-align:-2px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e0a3273;z-index:500;display:flex;align-items:flex-start;justify-content:center;padding:34px 16px;overflow-y:auto}.modal{background:#fff;border-radius:18px;width:min(1060px,100%);box-shadow:0 30px 80px #0000004d;overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 24px 10px}.modal-head h3{margin:0;font-size:21px}.modal-head .sub{font-size:12.5px;color:var(--muted)}.modal-body{padding:6px 24px 12px;max-height:calc(100vh - 220px);overflow-y:auto}.iconbtn{border:none;background:#f2f3f9;width:34px;height:34px;border-radius:10px;cursor:pointer;font-size:16px}.iconbtn:hover{background:#e8e9f4}.field{margin-bottom:12px}.field label{display:block;font-size:12px;color:#5b6376;margin-bottom:5px;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1.5px solid var(--line);border-radius:11px;padding:9px 11px;font-size:14px;background:#fff;color:var(--text);transition:border-color .12s,box-shadow .12s}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field textarea{resize:vertical;line-height:1.45}.dirty input,.dirty select,.dirty textarea{border-color:var(--accent);background:#f6f4ff}.dirty>label{color:var(--accent)}.field.req.empty input,.field.req.empty textarea{border-color:var(--bad);background:#fff5f6}.err{color:var(--bad);font-size:12px;margin-top:4px}.row{display:flex;gap:14px}.row>*{flex:1;min-width:0}.qbox{border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:16px;background:#fcfdff}.answers{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}.ansrow{display:grid;grid-template-columns:1.6fr .7fr .9fr;gap:10px}.ansconcl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}.ans-sep{border:none;border-top:1px dashed #e6e9f2;margin:12px 0}.age-group{display:flex;gap:28px;flex-wrap:wrap;margin-top:6px}.age-group b{font-size:13px;display:block;margin-bottom:6px}.age-group .pair{display:flex;gap:10px}.age-group .pair>div{width:160px}.age-group .pair .selectbox{min-width:0;width:100%;box-sizing:border-box}.ansblock{background:#f1efff;border:1px solid #ddd8fb;border-radius:16px;padding:14px 16px;margin:10px 0}.ansblock>label{display:block;margin:4px 0 10px}.anscard{background:#fbfaff;border:1px solid #e7e3fb;border-radius:12px;padding:12px 14px;margin-bottom:10px}.preview-card{border:1px solid var(--line);border-radius:12px;padding:16px;max-width:560px;background:#fff}.preview-opt{padding:8px 12px;border:1px solid #e9ebf3;border-radius:9px;margin:5px 0;font-size:13px}details.prev>summary{cursor:pointer;font-weight:600;margin:6px 0;color:#4b5266}.modal-foot{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:14px 24px}.changed{color:var(--accent);font-size:13px}.missing{color:var(--bad);font-size:13px;font-weight:700}.btn{border:1.5px solid var(--line);background:#fff;border-radius:11px;padding:9px 16px;font-size:14px;cursor:pointer;font-weight:700;color:var(--text)}.btn:hover{background:#f6f7fc}.btn.primary{background:var(--btn-grad);color:#fff;border:0}.btn.primary:hover{box-shadow:0 10px 22px #5c53ff52}.btn.primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn.add{background:var(--btn-grad);color:#fff;border:0}.loading{color:var(--muted);padding:48px;text-align:center;font-size:15px}.ras-badge{display:inline-block;background:#fdecec;color:#c0392b;border-radius:999px;padding:2px 9px;font-size:10.5px;font-weight:700;white-space:nowrap}.toast-stack{position:fixed;right:20px;bottom:20px;z-index:950;display:flex;flex-direction:column;gap:10px;max-width:380px}.toast{display:flex;align-items:flex-start;gap:9px;background:#fff;border:1.5px solid var(--line);border-radius:13px;padding:11px 14px;font-size:13.5px;font-weight:600;cursor:pointer;box-shadow:0 14px 36px #3e4f742e;animation:toast-in .22s ease-out}.toast.success{border-color:var(--ok);background:var(--okbg)}.toast.error{border-color:var(--bad);background:var(--badbg)}.toast.info{border-color:var(--accent);background:var(--accent-soft)}.toast-ic{flex:none}.toast-text{white-space:pre-line;word-break:break-word}.toast-x{flex:none;color:var(--muted);font-size:16px;line-height:1;margin-left:2px}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.confirm-modal{width:min(440px,100%)}.confirm-modal .modal-body{font-size:14.5px}.btn.primary.danger{background:linear-gradient(135deg,#f2557f,#e2335f)}.btn.primary.danger:hover{box-shadow:0 10px 22px #e2335f52}