@font-face{font-family:Montserrat;src:url('assets/fonts/montserrat.ttf') format('truetype');font-display:swap;font-weight:100 900}
@font-face{font-family:Inter;src:url('assets/fonts/inter.ttf') format('truetype');font-display:swap;font-weight:100 900}
:root{--navy:#0a2540;--blue:#0099ff;--green:#00e096;--ink:#112b46;--muted:#6b7e90;--line:#e7edf3;--bg:#f5f8fb;--positive:#12865c;--regular:#a96c08;--negative:#c74359;--shadow:0 4px 24px #12345605}
[hidden]{display:none!important}.auth-view{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-story{padding:70px 65px;background:var(--navy);color:white;display:flex;flex-direction:column;justify-content:center;position:relative}.auth-story:before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--blue),var(--green))}.auth-story>img{width:150px;margin-bottom:65px}.auth-story h1{font-size:38px;line-height:1.25;letter-spacing:-.04em}.auth-story p{color:#aac7df;max-width:400px}.auth-panel{display:flex;align-items:center;justify-content:center;padding:50px}.auth-card{width:360px;max-width:100%}.auth-logo{width:92px;margin-bottom:40px}.auth-card h2{font-size:27px;margin:20px 0 10px}.auth-card>p{color:var(--muted);font-size:14px}.auth-card form{display:flex;flex-direction:column;gap:20px;margin:27px 0}.auth-card label{display:flex;flex-direction:column;gap:8px;font-size:14px}.auth-card input{font-size:16px;padding:13px}.auth-card .button{font-size:14px;padding:13px}.auth-card small{font-size:12px;color:var(--muted);line-height:1.6;display:block}.sync-strip{padding:9px 36px;background:#edf6fc;display:flex;justify-content:space-between;gap:12px;color:#58758b;font-size:11px}.profile-readonly{padding:20px}.profile-readonly .phone{max-width:360px;margin:20px auto}.auth-card .form-error:empty{display:none}@media(max-width:700px){.auth-view{grid-template-columns:1fr}.auth-story{display:none}.auth-panel{padding:35px 24px}.auth-logo{margin-bottom:30px}.sync-strip{padding:9px 16px}.topbar-actions #password-button{display:none}.topbar-actions #logout-button{font-size:10px;padding:6px}.auth-card{width:100%}}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;font-size:14px;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #0099ff80;outline-offset:3px}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}h1,h2,h3,h4{font-family:Montserrat,Arial,sans-serif;margin:0;letter-spacing:-.03em}h1{font-size:29px;line-height:1.25;font-weight:750}h2{font-size:17px;font-weight:700}h3{font-size:16px}p{line-height:1.6}small{font-size:12px}strong{font-weight:650}.app-shell{display:flex;min-height:100vh}.sidebar{width:236px;position:fixed;inset:0 auto 0 0;background:var(--navy);color:#b1c2d4;display:flex;flex-direction:column;padding:30px 18px 23px;z-index:30}.brand{display:block;padding:0 13px 28px}.brand img{width:101px;height:51px;object-fit:contain;display:block}.brand>span{display:block;letter-spacing:.2em;font-size:10px;margin-top:10px;color:#91a9c0}.workspace{display:flex;gap:11px;align-items:center;border:1px solid #ffffff16;border-radius:11px;padding:13px 11px;margin-bottom:29px}.workspace-symbol{width:33px;height:33px;background:#ffffff0e;border-radius:8px;display:grid;place-items:center;font-weight:700;color:#04c6cd}.workspace strong{display:block;color:#eff8ff;font-size:13px}.workspace small{display:block;color:#8da6be;margin-top:3px;font-size:11px}.nav-caption{font-size:10px;font-weight:650;letter-spacing:.15em;margin:0 12px 13px;color:#7995b0}nav{display:flex;flex-direction:column;gap:4px}.nav-link{display:flex;align-items:center;gap:12px;border-radius:8px;padding:12px 13px;position:relative;transition:background .15s}.nav-link:hover{background:#ffffff09;color:white}.nav-link.active{background:#0099ff1c;color:#fff}.nav-link.active:before{content:'';position:absolute;left:-18px;top:12px;bottom:12px;width:3px;border-radius:2px;background:var(--green)}.nav-link.active .icon{color:#29c9d8}.nav-link .nav-count{margin-left:auto;background:#ffffff13;border-radius:5px;font-size:11px;padding:2px 6px;color:#b3d9ee}.sidebar-bottom{margin-top:auto;padding:34px 13px 0}.brand-line{height:3px;width:40px;background:linear-gradient(90deg,var(--blue),var(--green));border-radius:3px}.sidebar-bottom p{font-size:12px;line-height:1.7;color:#94abc1}.sidebar-bottom strong{color:#d2e2ef}.version-label{font-size:10px;color:#7691ab}.main-shell{margin-left:236px;min-width:0;flex:1}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumb{display:flex;align-items:center;gap:13px;color:var(--muted);font-size:13px}.breadcrumb strong{color:var(--ink);font-weight:550}.separator{color:#becbd6}.topbar-actions{display:flex;align-items:center;gap:18px}.demo-badge{font-size:11px;color:#4a6a81;border:1px solid var(--line);padding:6px 10px;border-radius:20px;display:flex;align-items:center;gap:7px}.demo-badge i{width:5px;height:5px;border-radius:50%;background:#3f97a0}.avatar{width:35px;height:35px;border-radius:50%;background:#e7f4ff;color:#1775b0;font-size:11px;display:grid;place-items:center;font-weight:700}.profile strong,.profile small{display:block}.profile strong{font-size:12px}.profile small{color:var(--muted);margin-top:4px;font-size:10px}.icon-button{border:0;background:transparent;color:#70869a;display:inline-grid;place-items:center;padding:7px;border-radius:7px}.icon-button:hover{background:#eef5fa}.mobile-menu{display:none}.demo-strip{padding:8px 36px;background:#edf6fc;display:flex;justify-content:space-between;gap:12px;color:#58758b;font-size:11px}.demo-strip button{border:0;background:none;color:#1479b4;font-size:11px;text-decoration:underline}main{padding:32px 36px 20px;max-width:1680px;margin:auto;min-height:calc(100vh - 165px)}.page-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:700;color:#528398;display:flex;align-items:center;gap:7px;margin-bottom:9px}.eyebrow:before{content:'';width:16px;height:2px;background:var(--green)}.page-header p{margin:9px 0 0;color:var(--muted);font-size:13px}.header-actions{display:flex;align-items:center;gap:9px}.button{border:1px solid var(--line);background:white;color:var(--ink);padding:10px 15px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap}.button .icon{width:16px;height:16px}.button:hover{background:#f2f8fc}.button.primary{background:var(--navy);border-color:var(--navy);color:#fff}.button.primary:hover{background:#153c61}.button.gradient{background:linear-gradient(105deg,#0085e8,#00adba);color:white;border:0}.button.danger{color:var(--negative);border-color:#eecfd5}.button.small{font-size:11px;padding:7px 10px}.button.transparent{border:0;background:transparent;color:#1676a7}.filterbar{display:flex;align-items:end;gap:13px;border:1px solid var(--line);background:white;padding:15px 18px;border-radius:10px;margin-bottom:22px;flex-wrap:wrap}.filter-field{display:flex;flex-direction:column;gap:6px;min-width:150px}.filter-field label{font-size:10px;color:var(--muted);font-weight:600;letter-spacing:.02em}input,select,textarea{border:1px solid #dce5ed;border-radius:7px;background:white;padding:10px 12px;color:var(--ink);width:100%;min-width:0;font-size:13px}textarea{resize:vertical;min-height:76px}input[type=color]{height:41px;padding:4px}input[type=checkbox]{width:16px;height:16px;accent-color:#1489c6}input[type=file]{font-size:12px}select{padding-right:28px}.filterbar select{min-width:165px;padding:8px 10px;font-size:12px}.filter-meta{margin-left:auto;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;padding-bottom:8px}.filter-meta .icon{width:14px;height:14px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.kpi{background:white;border:1px solid var(--line);border-radius:11px;padding:20px;position:relative;overflow:hidden}.kpi:first-child:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--green))}.kpi-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}.kpi-icon{display:grid;place-items:center;width:33px;height:33px;background:#edf7ff;border-radius:9px;color:#278fc1}.kpi:nth-child(2) .kpi-icon{background:#e9faf4;color:#219471}.kpi:nth-child(3) .kpi-icon{background:#f0f0fa;color:#7b6dba}.kpi:nth-child(4) .kpi-icon{background:#fff2eb;color:#c78a52}.kpi-value{font-family:Montserrat,Arial,sans-serif;font-size:32px;line-height:1.1;letter-spacing:-.035em;font-weight:700;margin:15px 0 11px}.kpi-value em{font-size:17px;font-style:normal;font-weight:500;color:var(--muted)}.kpi-note{font-size:11px;color:var(--muted)}.trend{font-weight:650;color:var(--positive);margin-right:6px}.trend.down{color:var(--negative)}.panel{border:1px solid var(--line);background:white;border-radius:11px;box-shadow:var(--shadow);overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 22px 0}.panel-header p{color:var(--muted);font-size:11px;margin:6px 0 0}.panel-body{padding:22px}.two-columns{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,1fr);gap:20px;margin-bottom:22px}.two-columns.equal{grid-template-columns:1fr 1fr}.chart-legend{display:flex;gap:18px;font-size:11px;color:var(--muted)}.legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:5px;background:#039ed2}.legend-dot.green{background:#21bc91}.legend-dot.yellow{background:#e4b14a}.legend-dot.red{background:#d86a7c}.line-chart{width:100%;height:195px;display:block}.chart-labels{display:flex;justify-content:space-between;color:#8191a1;font-size:10px;margin:0 5px 0 33px}.chart-summary{border-top:1px solid var(--line);display:flex;gap:30px;margin-top:17px;padding-top:16px}.chart-summary span{font-size:10px;color:var(--muted);display:block}.chart-summary strong{font-size:14px;display:block;margin-top:5px}.satisfaction-layout{display:flex;align-items:center;gap:22px}.donut{width:146px;height:146px;border-radius:50%;position:relative;flex-shrink:0;display:grid;place-items:center}.donut:before{content:'';position:absolute;inset:15px;border-radius:50%;background:white}.donut-center{z-index:1;text-align:center}.donut-center strong{display:block;font-family:Montserrat,Arial,sans-serif;font-size:29px;font-weight:700}.donut-center small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.distribution{display:flex;flex-direction:column;gap:19px;flex:1}.distribution-row{display:flex;align-items:center;gap:8px;font-size:11px}.distribution-row strong{margin-left:auto;font-size:12px}.face{width:25px;height:25px;flex-shrink:0}.face-positive{color:var(--positive)}.face-regular{color:var(--regular)}.face-negative{color:var(--negative)}.sample-note{font-size:10px;color:var(--muted);margin:20px 0 0;line-height:1.5}.table-wrap{overflow:auto;padding-top:15px}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;color:var(--muted);font-weight:550;padding:12px 20px;background:#fafcfe;border-bottom:1px solid var(--line)}td{font-size:12px;padding:16px 20px;border-bottom:1px solid #edf1f5}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdff}.company-cell{display:flex;align-items:center;gap:10px}.company-mark{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;font-weight:700;font-size:11px;background:color-mix(in srgb,var(--client-color) 12%,white);color:var(--client-color);flex-shrink:0}.company-mark img{width:100%;height:100%;object-fit:contain}.company-cell strong{display:block;font-size:12px}.company-cell small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.status{border-radius:5px;padding:4px 8px;font-size:10px;display:inline-flex;align-items:center;gap:5px;font-weight:550;background:#edf7f2;color:#327b5b}.status.inactive{background:#f0f2f5;color:#788795}.status.warning{background:#fff6e5;color:#a57720}.status.info{background:#eaf3ff;color:#417ca9}.status.negative{background:#fdf0f2;color:#be5166}.score-cell{display:flex;gap:10px;align-items:center}.progress{width:65px;height:5px;border-radius:5px;background:#eaf1f5;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,#00a4df,#00cf9c);border-radius:5px}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.attention-card{display:flex;gap:11px;align-items:flex-start;border-bottom:1px solid var(--line);padding:16px 0}.attention-card:first-child{padding-top:0}.attention-card:last-child{border:0;padding-bottom:0}.attention-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#fff1f2;color:#c95e72;flex-shrink:0}.attention-icon .icon{width:17px;height:17px}.attention-card strong{font-size:12px;display:block}.attention-card p{margin:4px 0 7px;color:var(--muted);font-size:11px;line-height:1.5}.attention-card .status{font-size:9px}.quick-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.quick-row:last-child{border:0}.quick-row span{color:var(--muted)}.sector-bars{display:flex;flex-direction:column;gap:17px}.sector-row{display:grid;grid-template-columns:93px 1fr 35px;gap:10px;align-items:center;font-size:11px}.sector-row .progress{width:100%;height:7px}.footer{display:flex;justify-content:space-between;font-size:10px;color:#94a3b1;padding:20px 36px}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.client-card{padding:22px;border:1px solid var(--line);border-radius:12px;background:white;display:flex;flex-direction:column;gap:18px}.client-card-top{display:flex;align-items:center;justify-content:space-between}.client-card .company-mark{width:43px;height:43px;font-size:13px}.client-card h2{margin-bottom:6px}.client-card p{font-size:12px;color:var(--muted);margin:0}.card-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;gap:8px}.card-metrics strong{font-family:Montserrat,Arial,sans-serif;display:block;font-size:19px}.card-metrics small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.card-actions{display:flex;gap:8px;flex-wrap:wrap}.search-field{position:relative;flex:1;min-width:200px}.search-field .icon{position:absolute;top:10px;left:11px;width:16px;height:16px;color:#869caf}.search-field input{padding-left:36px}.empty{padding:45px 25px;text-align:center;color:var(--muted);grid-column:1/-1}.empty .icon{width:30px;height:30px;margin-bottom:12px;color:#8dafc5}.empty h3{color:var(--ink);margin-bottom:7px}.empty p{font-size:13px}.notification-panel{position:fixed;top:70px;right:36px;width:360px;z-index:60;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 50px #0a254025}.notification-panel .panel-header{padding:18px}.notification-item{width:100%;border:0;border-top:1px solid var(--line);padding:17px 18px;text-align:left;background:white;display:flex;gap:12px}.notification-item.unread{background:#f2f9ff}.notification-item strong{font-size:12px;display:block}.notification-item small{font-size:11px;color:var(--muted);display:block;margin-top:5px;line-height:1.5}.notification-item .icon{color:#2795c9}.notification-unread-dot{width:6px;height:6px;background:var(--blue);border-radius:50%;position:absolute;right:6px;top:5px}#notification-button{position:relative}dialog{padding:0;border:1px solid var(--line);border-radius:15px;width:min(680px,calc(100vw - 32px));max-height:90vh;color:var(--ink);box-shadow:0 20px 80px #0a254030}dialog::backdrop{background:#0a254066;backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:19px}.modal-body{padding:24px 26px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 26px;border-top:1px solid var(--line);background:#fbfcfe}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-field{display:flex;flex-direction:column;gap:7px}.form-field label{font-size:12px;font-weight:550}.form-field small{font-size:11px;line-height:1.5;color:var(--muted)}.form-field.full{grid-column:1/-1}.check-field{display:flex;align-items:center;gap:9px;font-size:12px}.check-field input{flex-shrink:0}.form-error{color:var(--negative);font-size:12px;padding-top:10px}.toast{position:fixed;bottom:26px;left:calc(50% + 100px);transform:translateX(-50%);background:var(--navy);color:white;border-radius:10px;padding:14px 21px;z-index:100;box-shadow:0 8px 28px #0a254028;font-size:13px;max-width:calc(100vw - 30px)}.context-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:23px}.context-tab{border:0;background:transparent;padding:9px 14px;border-radius:6px;font-size:12px;color:var(--muted)}.context-tab.active{background:#e9f4fd;color:#1979ab;font-weight:650}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.editor-fields{display:flex;flex-direction:column;gap:19px}.editor-section{padding:23px}.editor-section h2{margin-bottom:20px}.editor-section+.editor-section{border-top:1px solid var(--line)}.question-card{border:1px solid var(--line);border-radius:9px;padding:16px;margin-bottom:13px}.question-top{display:flex;align-items:center;gap:8px;margin-bottom:12px}.question-number{width:23px;height:23px;background:#edf4f9;color:#547890;font-size:11px;display:grid;place-items:center;border-radius:5px}.question-top strong{font-size:12px}.question-actions{margin-left:auto;display:flex;gap:2px}.question-actions .icon-button{padding:4px}.question-actions .icon{width:15px;height:15px}.question-card .form-grid{gap:12px}.question-card .form-field label{font-size:11px}.preview-sticky{position:sticky;top:20px}.preview-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;color:var(--muted);font-size:11px}.phone{border:7px solid #18374f;border-radius:34px;background:white;padding:25px 21px;min-height:560px;box-shadow:0 16px 35px #18374f13;position:relative;overflow:hidden}.phone:before{content:'';position:absolute;top:7px;left:calc(50% - 26px);height:4px;width:52px;background:#18374f;border-radius:3px}.survey-preview{--client-color:#0099ff;display:flex;flex-direction:column;text-align:center;gap:21px;background:var(--client-bg,#f5f8fb)}.survey-preview .client-logo{height:62px;display:flex;align-items:center;justify-content:center;gap:9px;font-family:Montserrat,Arial,sans-serif;font-size:18px;font-weight:700;color:var(--client-color)}.survey-preview .client-logo img{max-height:62px;max-width:190px;object-fit:contain}.survey-preview h3{font-size:23px;line-height:1.3;margin-top:8px;color:var(--ink)}.survey-preview p{font-size:13px;color:#62788a;margin:0}.survey-progress{display:flex;justify-content:center;gap:5px}.survey-progress i{width:23px;height:3px;border-radius:3px;background:#dce7ee}.survey-progress i.active{background:var(--client-color)}.rating-options{display:flex;gap:8px;justify-content:center}.rating-option{display:flex;flex-direction:column;align-items:center;gap:9px;border:1px solid #e1eaf0;background:#fff;padding:16px 7px;border-radius:12px;flex:1;font-size:10px;color:#587084}.rating-option .face{width:43px;height:43px}.rating-option.selected{outline:2px solid var(--client-color);background:color-mix(in srgb,var(--client-color) 5%,white)}.survey-button{background:var(--client-color);color:#fff;border:0;border-radius:8px;padding:13px;font-size:13px;font-weight:650}.survey-powered{margin-top:auto;padding-top:25px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:#8395a4}.survey-powered img{width:31px}.preview-modal{max-width:410px;margin:auto}.preview-modal .phone{box-shadow:none}.info-banner{background:#edf7fd;border:1px solid #d6eaf7;border-radius:8px;color:#496c83;padding:13px 16px;font-size:12px;line-height:1.6;margin-bottom:20px}.info-banner .icon{width:16px;height:16px;margin-right:7px}.version-list{display:flex;flex-direction:column;gap:10px;margin-top:15px}.version-item{padding:13px;border:1px solid var(--line);border-radius:7px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.version-item small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.detail-stats{display:flex;gap:24px;flex-wrap:wrap;padding:20px;background:#f5f9fc;border-radius:9px;margin-bottom:22px}.detail-stats strong{display:block;font-size:23px;font-family:Montserrat,Arial,sans-serif}.detail-stats small{display:block;color:var(--muted);margin-top:5px}.client-details-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}.client-details-list small{display:block;color:var(--muted);margin-bottom:6px}.client-details-list strong{font-size:13px}.channel-list{display:flex;flex-direction:column;gap:17px}.channel-row{display:grid;grid-template-columns:60px 1fr 60px;align-items:center;gap:12px;font-size:11px}.channel-row .progress{width:100%;height:7px}.muted{color:var(--muted)}.text-positive{color:var(--positive)}.text-negative{color:var(--negative)}.mt{margin-top:20px}.note-list{display:flex;flex-direction:column;gap:9px;margin-bottom:15px}.note{border:1px solid var(--line);padding:12px;border-radius:7px;font-size:12px}.note small{display:block;color:var(--muted);margin-top:5px}.report-summary{display:flex;align-items:center;gap:22px;padding:25px}.report-summary>.icon{width:43px;height:43px;color:#2894c5}.report-summary p{color:var(--muted);font-size:12px;margin:7px 0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-grid .panel-body{display:flex;flex-direction:column;gap:18px}.scope-label{font-size:11px;color:var(--muted);margin:12px 0}.preview-option{display:block;text-align:left;width:100%;padding:12px;border:1px solid #dce6ed;background:white;border-radius:8px;margin-bottom:8px;color:var(--ink)}.preview-option.selected{border:2px solid var(--client-color)}.thanks-face{display:grid;place-items:center;margin:15px auto;width:75px;height:75px;border-radius:50%;background:#e6faf2;color:#1a9064}.thanks-face .icon{width:36px;height:36px}.survey-error{color:var(--negative)!important;font-size:12px!important}.desktop-only{display:block}.loading{padding:80px;text-align:center}.storage-warning{color:var(--negative)}
@media(min-width:1450px){.kpi{padding:24px}.satisfaction-layout{gap:35px}.donut{width:170px;height:170px}.line-chart{height:215px}}
@media(max-width:1200px){.sidebar{width:212px}.main-shell{margin-left:212px}main{padding:26px 25px}.topbar{padding:0 25px}.demo-strip{padding:8px 25px}.two-columns{grid-template-columns:1.45fr 1fr;gap:16px}.satisfaction-layout{gap:15px}.donut{width:115px;height:115px}.donut-center strong{font-size:24px}.distribution-row{font-size:10px}.distribution{gap:13px}.kpi{padding:17px}.cards-grid{grid-template-columns:repeat(2,1fr)}.editor-layout{grid-template-columns:minmax(0,1fr) 300px}.phone{padding:23px 15px}.chart-legend{display:none}}
@media(max-width:1000px){.profile{display:none}.kpi-grid{grid-template-columns:repeat(2,1fr)}.two-columns{grid-template-columns:1fr}.two-columns.equal{grid-template-columns:1fr}.satisfaction-layout{gap:35px}.donut{width:146px;height:146px}.distribution-row{font-size:12px}.editor-layout{grid-template-columns:1fr}.preview-sticky{position:static;max-width:360px;margin:0 auto;width:100%}.settings-grid{grid-template-columns:1fr}.filter-meta{margin-left:0}.filter-field{flex:1}.filter-field select{width:100%}.topbar-actions{gap:10px}}
@media(max-width:700px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:236px;box-shadow:10px 0 50px #0a254030}.sidebar.open{transform:translateX(0)}.main-shell{margin-left:0}.mobile-menu{display:grid}.topbar{height:65px;padding:0 15px}.breadcrumb{gap:8px;font-size:11px}.topbar-actions{gap:7px}.demo-badge{display:none}.avatar{width:31px;height:31px}.demo-strip{padding:9px 16px;font-size:10px;align-items:center}.demo-strip button{font-size:10px;white-space:nowrap}main{padding:23px 16px 10px}.page-header{flex-direction:column;align-items:flex-start;gap:17px;margin-bottom:20px}h1{font-size:26px}.page-header p{font-size:12px}.header-actions{width:100%;flex-wrap:wrap}.kpi-grid{gap:10px}.kpi{padding:15px}.kpi-head{font-size:11px}.kpi-icon{width:27px;height:27px}.kpi-icon .icon{width:16px;height:16px}.kpi-value{font-size:27px}.kpi-note{font-size:10px}.filterbar{gap:10px;padding:13px}.filter-field{min-width:130px}.filterbar select{min-width:0;font-size:11px}.cards-grid{grid-template-columns:1fr}.panel-header{padding:18px 16px 0}.panel-body{padding:18px 16px}.chart-summary{gap:22px}.chart-labels{font-size:9px}.satisfaction-layout{gap:20px}.donut{width:135px;height:135px}.distribution-row{font-size:11px}.footer{padding:18px 16px;font-size:9px}.notification-panel{right:10px;width:calc(100vw - 20px);top:61px}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.modal-head{padding:19px}.modal-body{padding:19px}.modal-footer{padding:16px 19px;flex-wrap:wrap}.toast{left:50%;width:max-content;max-width:calc(100vw - 30px)}.editor-section{padding:17px}.context-tabs{flex-wrap:wrap}.desktop-only{display:none}.client-details-list{grid-template-columns:1fr}.table-footer{gap:15px}.table-footer span{font-size:10px}.report-summary{padding:20px;gap:15px}}
.survey-dialog{width:min(1050px,calc(100vw - 32px))!important}.survey-dialog .modal-body{padding:0}.survey-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 25px;background:#f5f9fc;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.survey-preview-toolbar label{display:flex;align-items:center;gap:10px}.survey-preview-toolbar select{width:220px;font-size:12px}.survey-canvas{background:var(--client-bg,#f5f8fb);padding:28px 40px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;min-height:510px}.survey-canvas .client-logo{color:var(--client-color);font-weight:700;font-family:Montserrat,Arial,sans-serif;font-size:19px}.survey-canvas .client-logo img{max-width:150px;max-height:50px;object-fit:contain}.survey-step{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--client-color);margin-top:8px}.survey-canvas h3{font-size:38px;line-height:1.15;max-width:800px;color:#173d36}.survey-canvas>p{margin:0;font-size:14px;color:#66818b}.survey-canvas .rating-options{width:100%;gap:18px;margin:12px 0}.survey-canvas .rating-option{min-height:180px;gap:9px;justify-content:center;border-radius:18px;transition:border-color .15s}.survey-canvas .rating-option:hover{border-color:var(--client-color)}.survey-canvas .rating-option .face{width:76px;height:76px}.survey-canvas .rating-option strong{font-size:18px;color:#193944}.survey-canvas .rating-option small{font-size:11px}.survey-tag-grid{display:grid;grid-template-columns:repeat(4,1fr);width:100%;gap:12px}.survey-tag-grid .preview-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;min-height:85px;margin:0;text-align:center;font-size:13px;border-radius:12px}.survey-tag-grid .icon{color:var(--client-color)}.survey-tag-grid.reasons .preview-option{flex-direction:row;min-height:65px;gap:7px}.survey-tag-grid.reasons .preview-option .icon{width:14px;height:14px}.survey-search{max-width:420px;width:100%;position:relative}.survey-search .icon{position:absolute;left:12px;top:12px;width:17px}.survey-search input{padding-left:38px}.survey-canvas .survey-button{min-width:190px;align-self:center;padding:16px 24px}.survey-canvas .survey-powered{margin-top:auto;padding-top:12px}.contact-choices{display:flex;gap:18px;width:100%;margin:20px 0}.contact-choices .preview-option{flex:1;text-align:center;padding:25px 15px}.contact-choices small{display:block;margin-top:8px;color:var(--muted);font-size:11px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;width:min(600px,100%);text-align:left}.contact-fields label{display:flex;flex-direction:column;gap:6px;font-size:12px}.consent-label{max-width:600px;font-size:11px;text-align:left;line-height:1.6}.review-card{display:flex;align-items:center;gap:20px;background:white;border:1px solid var(--line);border-radius:17px;padding:15px 22px;text-align:left;max-width:600px;width:100%}.review-card img{width:110px;height:110px;image-rendering:pixelated;flex-shrink:0}.review-card strong{font-size:13px;line-height:1.5;display:block}.review-card small{display:block;font-size:11px;color:var(--muted);margin:7px 0}.review-stars{font-size:22px;color:#f4a126;letter-spacing:3px;margin-top:7px}.survey-canvas .thanks-face{margin:0}.survey-dialog .survey-error{min-height:15px}
@media(max-width:700px){.survey-canvas{padding:24px 15px;gap:18px}.survey-canvas h3{font-size:27px}.survey-canvas .rating-options{gap:8px}.survey-canvas .rating-option{padding:16px 5px;min-height:138px}.survey-canvas .rating-option .face{width:50px;height:50px}.survey-canvas .rating-option strong{font-size:13px}.survey-canvas .rating-option small{font-size:9px}.survey-tag-grid{grid-template-columns:repeat(2,1fr)}.survey-preview-toolbar{padding:12px 15px;flex-direction:column;align-items:flex-start;gap:9px}.survey-preview-toolbar select{width:180px}.contact-choices{flex-direction:column;gap:10px;margin:0}.contact-fields{grid-template-columns:1fr}.review-card{gap:12px;padding:12px}.review-card img{width:80px;height:80px}.review-card strong{font-size:11px}.survey-canvas>p{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}