@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,650;9..144,760&family=Inter:wght@400;520;650;750;850&family=JetBrains+Mono:wght@500;700&display=swap";:root{color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#f7f6f3;--surface:#fff;--surface-soft:#fbfaf7;--surface-raised:#fff;--ink:#14171c;--ink-soft:#505967;--muted:#606a78;--soft:#7a8492;--line:#dedbd4;--line-strong:#c9c4ba;--brand:#4c5fd5;--brand-strong:#3546b2;--brand-soft:#e8ebff;--nav:#14171c;--nav-2:#20252e;--red:#b6403c;--red-soft:#fce6e2;--amber:#946414;--amber-soft:#fff0c8;--green:#22724f;--green-soft:#ddf2e6;--purple:#5b55b8;--purple-soft:#eceafd;--shadow:0 18px 48px #14171c1a;--shadow-hover:0 24px 64px #14171c26;--focus:0 0 0 3px #4c5fd53d;--spectrum:linear-gradient(90deg, #d84b4b 0%, #f5c542 50%, #42a66b 100%);--ease:.18s cubic-bezier(.2, .8, .2, 1);--background:220 40% 8%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[data-theme=dark]{--bg:#14171c;--surface:#1c2129;--surface-soft:#242a34;--surface-raised:#222832;--ink:#f4f2ec;--ink-soft:#c2c8d1;--muted:#b0b8c4;--soft:#98a2b1;--line:#343b47;--line-strong:#4a5361;--brand:#91a0ff;--brand-strong:#b3bdff;--brand-soft:#29305a;--nav:#0f1216;--nav-2:#242a34;--red:#ff9b92;--red-soft:#472421;--amber:#ffd27a;--amber-soft:#443412;--green:#8ae0ad;--green-soft:#1d3d2e;--purple:#bbb6ff;--purple-soft:#312f58;--shadow:0 18px 48px #0000003d;--shadow-hover:0 26px 72px #00000057}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}a{color:inherit;text-decoration:none}:focus-visible{box-shadow:var(--focus);outline:0}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.appShell{isolation:isolate;background:0 0;grid-template-columns:286px minmax(0,1fr);min-height:100vh;display:grid;position:relative}.backgroundFx{z-index:-10;pointer-events:none;position:fixed;inset:0;overflow:hidden}.backgroundVignette{background:radial-gradient(ellipse 80% 60% at 50% 0%, #18112c8c, transparent 60%), radial-gradient(ellipse 70% 50% at 100% 100%, #1b0e3966, transparent 60%), hsl(var(--background));position:absolute;inset:0}.backgroundCircuit{opacity:.07;width:100%;height:100%;position:absolute;inset:0}.backgroundSnippet{-webkit-user-select:none;user-select:none;white-space:nowrap;pointer-events:none;color:#0000;letter-spacing:0;opacity:.12;background-image:linear-gradient(90deg,#38bdf8,#a78bfa);-webkit-background-clip:text;background-clip:text;font-family:JetBrains Mono,monospace;font-size:11px;position:absolute}.sidebar{color:#f7f6f3;background:linear-gradient(180deg, #4c5fd51f, transparent 28%), var(--nav);z-index:20;flex-direction:column;gap:22px;height:100vh;padding:22px;display:flex;position:sticky;top:0}.sidebar:before{content:"";background:var(--spectrum);border-radius:999px;height:5px;display:block;box-shadow:0 0 28px #f5c54247}.brand{align-items:center;gap:12px;min-height:48px;display:flex}.brandMark{width:44px;height:44px;color:var(--brand-strong);background:#f7f6f3;border-radius:8px;place-items:center;font-family:Fraunces,Georgia,serif;font-size:25px;font-weight:760;display:grid;box-shadow:inset 0 -4px #4c5fd529}.brand strong,.profileBox strong{display:block}.brand span{color:#c7ced9;margin-top:2px;font-size:12px;display:block}.navList{gap:6px;display:grid}.navButton{color:#d6dce5;text-align:left;min-height:42px;transition:transform var(--ease), background var(--ease), color var(--ease);background:0 0;border:0;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:0 12px;display:grid}.navButton:hover{color:#fff;background:#ffffff14;transform:translate(3px)}.navButton.active{color:#fff;background:var(--nav-2);box-shadow:inset 3px 0 #f5c542}.navButton b{background:var(--spectrum);color:#14171c;border-radius:999px;place-items:center;min-width:22px;height:22px;font-size:12px;display:grid}.sidePanel{background:#ffffff12;border:1px solid #ffffff24;border-radius:8px;grid-template-columns:auto 1fr;gap:10px;margin-top:auto;padding:14px;display:grid}.sidePanel strong{margin-bottom:4px;font-size:13px;display:block}.sidePanel span{color:#c7ced9;font-size:12px;line-height:1.45}.mobileMenuButton,.navScrim{display:none}.main{min-width:0;padding:28px}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px;display:flex}.eyebrow{color:var(--brand);text-transform:uppercase;margin:0 0 5px;font-size:12px;font-weight:850}h1,h2,p{margin-top:0}h1,h2{color:var(--ink);letter-spacing:0;font-family:Fraunces,Georgia,serif}h1{margin-bottom:0;font-size:32px;line-height:1.05}.subhead{color:var(--ink-soft);margin:7px 0 0}.topbarActions,.surveyActions,.trustGrid,.settingsList span{align-items:center;gap:9px;display:flex}.topbarActions{flex-wrap:wrap;justify-content:flex-end}.primaryButton,.ghostButton,.iconButton,.surveyActions button,.surveyActions a{white-space:nowrap;transition:transform var(--ease), box-shadow var(--ease), border-color var(--ease), background var(--ease), color var(--ease);border-radius:8px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.primaryButton{color:#fff;background:var(--brand);border:0;min-height:42px;padding:0 15px;font-weight:850;box-shadow:0 10px 24px #4c5fd538}.primaryButton:hover{background:var(--brand-strong);transform:translateY(-1px);box-shadow:0 14px 32px #4c5fd547}.primaryButton:active,.ghostButton:active,.iconButton:active,.surveyActions button:active,.surveyActions a:active,.surveyCard:active,.metricCard:active{transform:translateY(0)scale(.99)}.ghostButton{border:1px solid var(--line);min-height:40px;color:var(--ink);background:var(--surface);padding:0 12px;font-weight:750}.ghostButton:hover,.iconButton:hover,.surveyActions button:hover,.surveyActions a:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-1px);box-shadow:0 10px 24px #14171c14}.iconButton{border:1px solid var(--line);width:42px;height:42px;color:var(--ink-soft);background:var(--surface)}.userPill{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-content:center;min-height:42px;padding:0 12px;display:grid}.userPill span{font-size:13px;font-weight:850}.userPill small{color:var(--ink-soft);font-size:11px}.errorBanner,.successMessage{border-radius:8px;align-items:center;gap:10px;min-height:42px;margin-bottom:16px;padding:10px 12px;display:flex}.errorBanner{color:var(--red);background:var(--red-soft)}.errorBanner button{color:inherit;background:0 0;border:0;margin-left:auto;font-weight:850}.successMessage{color:var(--green);background:var(--green-soft)}.viewPane{animation:.22s ease-out both viewIn}@keyframes viewIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.loginLayout{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:stretch;gap:18px;display:grid}.loginCopy,.loginCard,.panel,.metricCard{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.loginCopy{flex-direction:column;justify-content:center;min-height:430px;padding:30px;display:flex;position:relative;overflow:hidden}.loginCopy:before{content:"";opacity:.75;pointer-events:none;background:linear-gradient(90deg,#d84b4b1f,#f5c54217,#42a66b1c),radial-gradient(circle at 85% 20%,#4c5fd529,#0000 34%);position:absolute;inset:0}.loginCopy>*{position:relative}.loginCopy h2{max-width:700px;margin:0;font-size:54px;line-height:1.04}.loginCopy p{max-width:620px;color:var(--ink-soft);margin:18px 0 0;line-height:1.6}.trustGrid{flex-wrap:wrap;margin-top:26px}.trustGrid span{min-height:34px;color:var(--brand);background:var(--brand-soft);border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:850;display:inline-flex}.loginCard{gap:14px;padding:22px;display:grid}.loginCard h2{margin-bottom:4px}label{color:var(--ink-soft);gap:7px;font-size:13px;font-weight:850;display:grid}input,select,textarea{border:1px solid var(--line-strong);width:100%;color:var(--ink);background:var(--surface-raised);transition:border-color var(--ease), box-shadow var(--ease), background var(--ease);border-radius:8px;outline:0}input,select{height:42px;padding:0 11px}textarea{resize:vertical;min-height:108px;padding:11px}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:var(--focus)}.passwordField{grid-template-columns:1fr auto;display:grid}.passwordField input{border-radius:8px 0 0 8px}.passwordField button{border:1px solid var(--line-strong);width:44px;color:var(--ink-soft);background:var(--surface-raised);border-left:0;border-radius:0 8px 8px 0}.formError{color:var(--red);margin:0;font-size:13px}.contentGrid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);gap:16px;display:grid}.splitGrid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:16px;display:grid}.kpiGrid{grid-column:1/-1;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;display:grid}.metricCard,.panel{padding:18px}.metricCard,.panel,.surveyCard,.inboxItem,.insight,.commentCard{transition:transform var(--ease), box-shadow var(--ease), border-color var(--ease), background var(--ease)}.metricCard{min-height:132px;position:relative;overflow:hidden}.metricCard:before{content:"";background:var(--spectrum);opacity:.76;border-radius:0 0 999px 999px;height:4px;position:absolute;top:0;left:18px;right:18px}.metricCard:hover,.surveyCard:hover,.inboxItem:hover,.commentCard:hover{box-shadow:var(--shadow-hover);border-color:var(--line-strong);transform:translateY(-2px)}.metricIcon{border-radius:8px;place-items:center;width:38px;height:38px;margin-bottom:20px;display:grid}.metricIcon.blue{color:var(--brand);background:var(--brand-soft)}.metricIcon.green{color:var(--green);background:var(--green-soft)}.metricIcon.purple{color:var(--purple);background:var(--purple-soft)}.metricIcon.amber{color:var(--amber);background:var(--amber-soft)}.metricCard strong{letter-spacing:0;font-family:JetBrains Mono,monospace;font-size:32px;display:block}.metricCard p{color:var(--ink-soft);margin:4px 0 0}.wide{grid-column:span 1}.panelHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.panelHeader>div{min-width:0;color:var(--brand);align-items:center;gap:9px;display:flex}.panelHeader h2{margin:0;font-size:17px}.panelHeader select{max-width:260px}.executiveGrid{grid-template-columns:220px minmax(0,1fr);align-items:center;gap:18px;display:grid}.scoreDial{--score:0deg;aspect-ratio:1;background:radial-gradient(circle at center, var(--surface) 0 58%, transparent 59%), conic-gradient(#42a66b var(--score), var(--line) 0deg);width:210px;box-shadow:inset 0 0 0 1px var(--line);border-radius:50%;align-content:center;place-items:center;display:grid}.scoreDial strong{font-family:JetBrains Mono,monospace;font-size:36px}.scoreDial span{color:var(--ink-soft);font-size:13px}.insightStack,.categoryBars,.commentList,.surveyList,.inboxList,.settingsList{gap:10px;display:grid}.insight,.commentCard,.surveyCard,.inboxItem,.emptyState,.createCard,.shareBox,.profileBox{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px}.insight,.commentCard,.surveyCard,.inboxItem,.emptyState,.shareBox,.profileBox{padding:13px}.insight strong,.commentCard strong,.inboxItem strong{font-size:14px;display:block}.insight p,.commentCard p,.inboxItem p,.emptyState p,.shareBox p{color:var(--ink-soft);margin:5px 0 0;line-height:1.5}.categoryRow{grid-template-columns:132px minmax(0,1fr) 44px;align-items:center;gap:10px;display:grid}.categoryRow span,.commentCard span,.inboxItem span,.profileBox span{color:var(--ink-soft);font-size:13px}.categoryRow strong{font-family:JetBrains Mono,monospace;font-size:13px}.categoryRow div{background:var(--line);border-radius:999px;height:12px;overflow:hidden}.categoryRow b{border-radius:inherit;background:var(--spectrum);height:100%;display:block}.emptyState{text-align:center;place-items:center;min-height:190px;display:grid}.emptyState.compact{min-height:116px}.emptyState strong{margin-top:8px}.emptyIllustration{filter:drop-shadow(0 10px 20px #14171c14);overflow:visible}.surveyMain{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:0;display:flex}.surveyMain strong{font-size:15px;display:block}.surveyMain span{color:var(--ink-soft);margin-top:4px;font-size:13px;display:block}.surveyCard.selected{border-color:var(--brand);box-shadow:inset 4px 0 0 var(--brand)}.surveyCard>p{color:var(--ink-soft);margin:10px 0 0;font-size:14px}.status,.feedbackStatus{border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:12px;font-weight:900;display:inline-flex}.status.active,.feedbackStatus.lezarva{color:var(--green);background:var(--green-soft)}.status.draft,.feedbackStatus.olvasva{color:var(--amber);background:var(--amber-soft)}.status.closed,.feedbackStatus.uj{color:var(--red);background:var(--red-soft)}.surveyActions{flex-wrap:wrap;margin-top:12px}.surveyActions button,.surveyActions a{border:1px solid var(--line);min-height:34px;color:var(--ink-soft);background:var(--surface);padding:0 10px;font-size:13px;font-weight:800}.surveyActions .dangerLink{color:var(--red)}.createCard{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px;padding:14px;display:grid}.fullField{grid-column:1/-1}.shareBox code{overflow-wrap:anywhere;color:var(--brand);background:var(--brand-soft);border-radius:8px;margin:10px 0;padding:10px;font-family:JetBrains Mono,monospace;font-size:13px;display:block}.selectLine{max-width:520px;margin-bottom:14px}.responseForm,.boxForm{gap:13px;display:grid}.surveyIntro{padding-bottom:4px}.surveyIntro h2{margin-bottom:6px}.surveyIntro p{color:var(--ink-soft)}.scoreQuestion{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;padding:14px}.questionHeader{color:var(--ink);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:15px;font-weight:850;display:flex}.questionHeader b{color:var(--brand);font-family:JetBrains Mono,monospace}.scorePicker{grid-template-columns:repeat(5,minmax(48px,1fr));gap:8px;margin-bottom:10px;display:grid}.scoreOption{border:1px solid var(--line-strong);min-height:54px;color:var(--ink);background:var(--surface);transition:transform var(--ease), box-shadow var(--ease), border-color var(--ease), background var(--ease);border-radius:8px;font-family:JetBrains Mono,monospace;font-weight:850}.scoreOption:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:0 10px 22px #14171c14}.scoreOption.selected{color:#14171c;background:var(--spectrum);border-color:#0000}.scoreOption[data-pop=true]{animation:.26s cubic-bezier(.2,1.5,.3,1) both scorePop}@keyframes scorePop{0%{transform:scale(.94)}55%{transform:scale(1.08)}to{transform:scale(1)}}.largeTouch{min-height:48px}.settingsList span{min-height:38px;color:var(--ink-soft)}.profileBox{gap:6px;display:grid}.profileBox b{width:fit-content;color:var(--brand);background:var(--brand-soft);border-radius:999px;padding:4px 9px;font-size:12px}.chartFrame{min-height:260px}.chartTooltip{border:1px solid var(--line);min-width:168px;color:var(--ink);background:color-mix(in srgb, var(--surface) 94%, transparent);box-shadow:var(--shadow);border-radius:8px;gap:4px;padding:10px 12px;display:grid}.chartTooltip strong{font-family:Fraunces,Georgia,serif}.chartTooltip span{color:var(--brand);font-weight:850}.chartTooltip small{color:var(--ink-soft)}.skeletonCard,.skeletonPanel{pointer-events:none}.skeletonCard span,.skeletonCard strong,.skeletonCard p,.skeletonLine,.skeletonHero div,.skeletonHero span,.skeletonStack span{background:linear-gradient(90deg, var(--line), var(--surface-soft), var(--line));background-size:220% 100%;border-radius:999px;animation:1.15s ease-in-out infinite skeletonPulse;display:block}.skeletonCard span{width:38px;height:38px;margin-bottom:22px}.skeletonCard strong{width:72px;height:32px}.skeletonCard p{width:118px;height:14px;margin-top:12px}.skeletonLine{width:180px;height:18px}.skeletonLine.short{width:138px}.skeletonHero{grid-template-columns:170px 1fr;gap:18px;margin-top:22px;display:grid}.skeletonHero div{aspect-ratio:1;border-radius:999px;width:170px}.skeletonHero span{border-radius:8px;height:128px}.skeletonStack{gap:12px;margin-top:20px;display:grid}.skeletonStack span{border-radius:8px;height:42px}@keyframes skeletonPulse{0%{background-position:120% 0}to{background-position:-120% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (width<=1100px){.appShell{grid-template-columns:1fr}.mobileMenuButton{z-index:40;border:1px solid var(--line);width:44px;height:44px;color:var(--ink);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;place-items:center;display:grid;position:fixed;top:14px;left:14px}.navScrim{z-index:25;opacity:0;pointer-events:none;transition:opacity var(--ease);background:#14171c7a;display:block;position:fixed;inset:0}.sidebar{width:min(306px,86vw);height:100vh;transition:transform var(--ease);box-shadow:var(--shadow-hover);position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.appShell.navOpen .sidebar{transform:translate(0)}.appShell.navOpen .navScrim{opacity:1;pointer-events:auto}.main{padding-top:76px}.contentGrid,.splitGrid,.loginLayout{grid-template-columns:1fr}.kpiGrid{grid-template-columns:repeat(2,minmax(160px,1fr))}}@media (width<=740px){.main{padding:76px 14px 18px}.topbar{flex-direction:column;align-items:stretch}.topbarActions{justify-content:flex-start}h1{font-size:28px}.loginCopy h2{font-size:38px}.kpiGrid,.executiveGrid,.createCard,.skeletonHero{grid-template-columns:1fr}.scoreDial,.skeletonHero div{width:min(210px,100%);margin:0 auto}.panelHeader,.surveyMain{flex-direction:column;align-items:stretch}.panelHeader select{max-width:none}.categoryRow{grid-template-columns:94px minmax(0,1fr) 42px}.scorePicker{grid-template-columns:repeat(5,minmax(52px,1fr));gap:7px}.scoreOption{min-height:58px}.primaryButton,.ghostButton,.surveyActions button,.surveyActions a{min-height:44px}}@media (width<=430px){.kpiGrid{grid-template-columns:1fr}.panel,.metricCard{padding:15px}.scorePicker{grid-template-columns:repeat(5,minmax(0,1fr))}.scoreOption{min-width:0}}