:root{--ink:#202329;--muted:#747980;--line:#e5e7e4;--paper:#fff;--bg:#f4f5f2;--sidebar:#25282b;--sidebar-2:#1e2022;--coral:#eb684f;--coral-dark:#d95740;--coral-soft:#fff0eb;--green:#397963;--green-soft:#e7f2ed;--purple:#76569d;--amber:#b17631;--radius:18px;--shadow:0 12px 36px rgba(35,38,40,.07);font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}button,input,select{font:inherit;color:inherit}button,a{outline-offset:3px}button{cursor:pointer}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:linear-gradient(155deg,var(--sidebar),var(--sidebar-2));color:#fff;padding:27px 18px 18px;display:flex;flex-direction:column;z-index:20}.brand{height:56px;display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;padding:0 10px}.brand-mark{width:30px;height:30px;position:relative;display:inline-block}.brand-mark i{position:absolute;background:var(--coral);border-radius:8px}.brand-mark i:nth-child(1){width:13px;height:25px;left:1px;top:2px;transform:rotate(-18deg)}.brand-mark i:nth-child(2){width:13px;height:20px;left:11px;top:7px;transform:rotate(18deg);background:#f6a071}.brand-mark i:nth-child(3){width:8px;height:8px;right:0;top:2px;background:#f4c9af}.brand b{display:block;font-size:22px;letter-spacing:.3px}.brand small{display:block;color:#92979a;font-size:9px;margin-top:1px;letter-spacing:.45px}.nav{margin-top:30px;display:grid;gap:5px}.nav a,.nav-group a{position:relative;display:flex;align-items:center;gap:13px;padding:11px 13px;border-radius:10px;color:#b8bcbd;text-decoration:none;font-size:14px;font-weight:560}.nav a:hover,.nav-group a:hover{background:#303437;color:#fff}.nav a.active{background:#3a3532;color:#fff}.nav a.active:before{content:"";position:absolute;left:-18px;width:3px;height:24px;background:var(--coral);border-radius:0 3px 3px 0}.nav-icon{width:19px;text-align:center;font-size:18px}.nav-count{margin-left:auto;background:#3d4143;padding:2px 7px;border-radius:12px;font-size:11px}.nav-group{margin-top:28px;display:grid;gap:4px}.nav-group>span{padding:0 13px 9px;text-transform:uppercase;color:#6f7477;font-size:10px;letter-spacing:1.2px}.privacy-card{margin-top:auto;border:1px solid #3d4243;background:#2b2e30;border-radius:12px;padding:12px;display:flex;gap:10px;align-items:center}.privacy-card .shield{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#334c44;color:#70b496}.privacy-card b,.privacy-card small{display:block}.privacy-card b{font-size:11px}.privacy-card small{font-size:9px;color:#8e9495;margin-top:3px;line-height:1.3}.profile{border-top:1px solid #35393b;margin-top:17px;padding:17px 4px 0;display:flex;align-items:center;gap:9px}.profile .avatar{width:34px;height:34px;border-radius:50%;background:#f1bda5;color:#733f31;display:grid;place-items:center;font-size:11px;font-weight:700}.profile div{min-width:0}.profile b,.profile small{display:block;white-space:nowrap}.profile b{font-size:11px}.profile small{font-size:9px;color:#858b8d;margin-top:3px}.profile button{margin-left:auto;border:0;background:transparent;color:#868b8d}.main{margin-left:244px;min-height:100vh}.topbar{height:88px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);padding:0 35px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.topbar h1{font-size:21px;margin:0;font-weight:690}.topbar p{font-size:11px;color:var(--muted);margin:5px 0 0}.top-actions{display:flex;gap:10px;align-items:center}.icon-button{width:39px;height:39px;border:1px solid var(--line);border-radius:10px;background:#fff;display:grid;place-items:center}.notify{position:relative}.notify i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--coral);right:8px;top:7px;border:1px solid white}.button{height:40px;border-radius:10px;padding:0 17px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;font-weight:650;font-size:12px}.button.primary{background:var(--coral);color:white;box-shadow:0 5px 14px rgba(235,104,79,.18)}.button.primary:hover{background:var(--coral-dark)}.button.light{background:#fff;color:#3b3c3c}.button.ghost{background:#fff;border-color:var(--line)}.content{padding:29px 35px 45px;max-width:1540px;margin:auto}.hero-card{min-height:250px;border-radius:23px;background:linear-gradient(120deg,#ea654d,#e8775c);color:white;padding:36px 45px;display:flex;justify-content:space-between;overflow:hidden;position:relative;box-shadow:0 18px 42px rgba(199,82,58,.15)}.hero-card>div:first-child{position:relative;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:1.6px;font-size:9px;font-weight:750}.hero-card h2{font-family:Georgia,serif;font-size:33px;line-height:1.05;margin:15px 0 12px;font-weight:500}.hero-card p{font-size:12px;max-width:410px;line-height:1.6;opacity:.88}.hero-card .button{margin-top:12px}.hero-visual{position:absolute;right:2%;top:-45px;width:410px;height:340px}.orbit{position:absolute;border:1px solid rgba(255,255,255,.24);border-radius:50%;inset:25px}.orbit.two{inset:70px}.pulse-center{position:absolute;left:145px;top:107px;width:120px;height:120px;background:rgba(255,255,255,.96);color:var(--coral);border-radius:50%;display:grid;place-content:center;text-align:center;box-shadow:0 12px 35px rgba(128,52,39,.18)}.pulse-center b{font-family:Georgia,serif;font-size:30px}.pulse-center span{font-size:10px;color:#8d716a}.dot{position:absolute;border-radius:50%;background:#ffc4a9;box-shadow:0 0 0 7px rgba(255,255,255,.12)}.d1{width:13px;height:13px;top:54px;left:108px}.d2{width:9px;height:9px;right:28px;top:147px}.d3{width:11px;height:11px;left:60px;bottom:53px}.section-head,.page-intro{display:flex;justify-content:space-between;align-items:end;margin:28px 0 16px}.section-head h2,.page-intro h2{font-size:17px;margin:0}.section-head p,.page-intro p{color:var(--muted);font-size:10px;margin:5px 0 0}.section-head select,.filters select{border:1px solid var(--line);background:white;border-radius:9px;padding:9px 12px;font-size:11px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metrics article{background:#fff;border:1px solid #e9e9e7;border-radius:14px;padding:18px;display:flex;gap:13px;align-items:center}.metric-icon{width:41px;height:41px;display:grid;place-items:center;border-radius:11px}.metric-icon.mint{background:#e6f2ed;color:#41806b}.metric-icon.rose{background:#fff0ec;color:#df6c55}.metric-icon.amber{background:#fff5e5;color:#b37b35}.metric-icon.lilac{background:#f1ecf8;color:#7c5ba2}.metrics small,.metrics strong,.metrics em{display:block}.metrics small{font-size:9px;color:var(--muted)}.metrics strong{font-family:Georgia,serif;font-size:23px;margin:2px 0}.metrics em{font-style:normal;font-size:8px;color:#777}.metrics em.up{color:#3c866b}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(260px,.75fr);gap:14px;margin-top:14px}.panel{background:#fff;border:1px solid #e8e9e6;border-radius:15px}.panel-head{padding:18px 20px 12px;display:flex;justify-content:space-between;align-items:center}.panel-head h3{font-size:13px;margin:0}.panel-head p{font-size:9px;color:var(--muted);margin:4px 0 0}.panel-head a{font-size:9px;color:var(--coral);text-decoration:none}.survey-row{padding:14px 19px;border-top:1px solid #efefed;display:grid;grid-template-columns:38px minmax(160px,1fr) minmax(130px,.7fr) 65px 20px;gap:10px;align-items:center}.survey-symbol{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-style:normal}.coral{background:#fff0eb;color:#dd654d}.purple{background:#f0eaf7;color:#76569d}.green{background:#e9f3ef;color:#43816c}.amber{background:#fff4df;color:#ae7631}.survey-info b,.survey-info small{display:block}.survey-info b{font-size:10px}.survey-info small{font-size:8px;color:var(--muted);margin-top:4px}.progress span{display:block;height:5px;background:#eee;border-radius:8px;overflow:hidden}.progress i{display:block;height:100%;background:var(--coral);border-radius:8px}.progress small{font-size:8px;color:var(--muted)}.status{display:inline-flex;width:max-content;padding:5px 9px;border-radius:12px;font-size:8px;font-style:normal;font-weight:650}.status.live{background:var(--green-soft);color:var(--green)}.status.draft{background:#f0f0ee;color:#696c6e}.survey-row>button{border:0;background:none;color:#9a9da0}.activity ol{list-style:none;padding:0 18px 10px;margin:0}.activity li{display:flex;gap:10px;padding:11px 0}.event-icon{width:27px;height:27px;border-radius:8px;background:#e8f3ee;color:#4a816d;display:grid;place-items:center;font-size:10px;flex:none}.event-icon.pink{background:#fff0eb;color:#dc674f}.event-icon.yellow{background:#fff3df;color:#a96e27}.event-icon.blue{background:#eaf1f7;color:#487590}.activity b,.activity small{display:block}.activity b{font-size:9px}.activity small{font-size:8px;color:var(--muted);margin-top:4px}.filters{display:flex;align-items:center;gap:8px;margin-bottom:15px}.search{height:38px;background:#fff;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:8px;padding:0 12px;color:#8b8e91}.search input{border:0;outline:0;background:transparent;min-width:170px;font-size:11px}.chip{height:34px;border:1px solid var(--line);background:#fff;border-radius:18px;padding:0 13px;font-size:10px}.chip span{margin-left:5px;color:#999}.chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.filters select{margin-left:auto}.survey-table{overflow:hidden}.table-head,.table-row{display:grid;grid-template-columns:minmax(280px,1.8fr) .7fr .7fr .7fr 30px;align-items:center;gap:15px}.table-head{padding:12px 19px;background:#fafaf8;color:#888;font-size:9px;text-transform:uppercase;letter-spacing:.6px}.table-row{padding:15px 19px;border-top:1px solid #eee;color:inherit;text-decoration:none}.table-row:hover{background:#fcfbf9}.survey-name{display:flex;align-items:center;gap:12px}.table-row b,.table-row small{display:block}.table-row b{font-size:10px}.table-row small{font-size:8px;color:var(--muted);margin-top:4px}

/* Конструктор */
.builder-page{overflow:hidden;background:#eef0ed}.builder-top{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 18px;gap:14px;position:relative;z-index:30}.builder-top .back{font-size:20px;text-decoration:none;color:#777}.mini-brand{border-left:1px solid var(--line);padding-left:15px}.mini-brand .brand-mark{transform:scale(.72)}.builder-title{display:grid;width:190px}.builder-title input{font-weight:700;font-size:12px;border:0;outline:0;padding:2px}.builder-title span{font-size:8px;color:#6f9a87;padding-left:2px}.builder-tabs{position:absolute;left:50%;transform:translateX(-50%);height:100%;display:flex}.builder-tabs button{border:0;background:none;padding:0 14px;font-size:10px;color:#777;position:relative}.builder-tabs button.active{color:var(--ink);font-weight:700}.builder-tabs button.active:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;background:var(--coral)}.builder-actions{margin-left:auto;display:flex;gap:8px}.builder-shell{display:grid;grid-template-columns:220px minmax(520px,1fr) 250px;height:calc(100vh - 68px)}.toolbox,.properties{background:#fff;overflow:auto;position:relative;z-index:5}.toolbox{border-right:1px solid var(--line);padding:17px 14px}.properties{border-left:1px solid var(--line)}.toolbox-head,.properties-head{display:flex;justify-content:space-between;align-items:center}.toolbox-head h2,.properties-head h2{font-size:12px;margin:0}.toolbox-head button,.properties-head button{border:0;background:none;color:#999}.toolbox .search{margin:17px 0 18px}.toolbox .search input{min-width:0;width:100%}.tool-label{text-transform:uppercase;font-size:8px;color:#999;letter-spacing:1px;margin:15px 3px 8px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tool-grid button{height:72px;border:1px solid var(--line);background:#fff;border-radius:9px;display:grid;place-content:center;gap:8px;font-size:9px}.tool-grid button:hover{border-color:#efa18f;background:#fffaf8}.tool-grid i{font-style:normal;font-size:15px;color:#666}.privacy-note{margin-top:20px;background:#edf5f1;border-radius:10px;padding:11px;display:flex;gap:9px}.privacy-note>i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#d7e9e1;color:#43816b;font-style:normal}.privacy-note b,.privacy-note span{display:block}.privacy-note b{font-size:9px}.privacy-note span{font-size:7px;color:#688177;line-height:1.4;margin-top:3px}.canvas{overflow:auto;padding:0 20px 50px}.canvas-toolbar{height:45px;display:flex;justify-content:space-between;align-items:center;max-width:710px;margin:auto;font-size:8px;color:#888}.canvas-toolbar div{background:white;border:1px solid var(--line);border-radius:7px;overflow:hidden}.canvas-toolbar button{border:0;border-left:1px solid var(--line);background:#fff;padding:5px 8px;font-size:8px}.canvas-toolbar button:first-child{border:0}.survey-sheet{max-width:710px;margin:auto;background:#fff;border-radius:12px;box-shadow:var(--shadow);min-height:900px;overflow:hidden}.survey-cover{background:linear-gradient(135deg,#f16f56,#e96249);color:#fff;padding:41px 48px 35px;position:relative;overflow:hidden}.survey-cover:after{content:"";position:absolute;width:230px;height:230px;border:1px solid rgba(255,255,255,.17);border-radius:50%;right:-50px;top:-100px;box-shadow:0 0 0 40px rgba(255,255,255,.04)}.survey-cover h1{font-family:Georgia,serif;font-size:29px;font-weight:500;margin:13px 0 10px}.survey-cover p{font-size:10px;line-height:1.6;max-width:420px;opacity:.9}.cover-meta{display:flex;gap:15px;font-size:8px;margin-top:18px}.question-card{margin:18px 20px 0;padding:22px 20px 18px 49px;border:1px solid var(--line);border-radius:10px;position:relative}.question-card.selected{border-color:#ec8a76;box-shadow:0 0 0 2px #fff0ec}.drag{position:absolute;left:8px;top:9px;border:0;background:none;color:#aaa}.q-number{position:absolute;left:17px;top:42px;width:21px;height:21px;border-radius:50%;background:#fff0eb;color:var(--coral);display:grid;place-items:center;font-size:9px;font-weight:700}.q-content{padding-right:5px}.q-title{width:100%;border:1px solid transparent;border-radius:6px;font-size:12px;font-weight:650;padding:5px}.q-title:focus{outline:0;border-color:#f0b0a3}.q-content>p{font-size:8px;color:#999;margin:2px 5px 15px}.options{display:grid;gap:7px}.options label{border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;padding:0 10px;height:32px;gap:8px;color:#999}.options input{width:100%;border:0;outline:0;font-size:9px}.add-option{border:0;background:none;color:var(--coral);font-size:9px;text-align:left;padding:4px 1px}.q-actions{border-top:1px solid #eee;margin-top:16px;padding-top:12px;display:flex;justify-content:flex-end;align-items:center;gap:7px}.q-actions>button{border:0;background:none;color:#888}.q-actions label{font-size:8px;display:flex;align-items:center;gap:7px;border-left:1px solid var(--line);padding-left:10px}.q-actions input,.switch-row input{position:absolute;opacity:0}.q-actions label i,.switch-row>i{width:25px;height:14px;background:#d9dcda;border-radius:10px;position:relative}.q-actions label i:after,.switch-row>i:after{content:"";position:absolute;width:10px;height:10px;left:2px;top:2px;background:#fff;border-radius:50%;transition:.2s}.q-actions input:checked+i,.switch-row input:checked+i{background:var(--coral)}.q-actions input:checked+i:after,.switch-row input:checked+i:after{transform:translateX(11px)}.scale{display:grid;grid-template-columns:repeat(11,1fr);gap:4px}.scale button{aspect-ratio:1;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:8px}.scale button:hover{background:var(--coral-soft);border-color:#efa18f}.scale-labels{display:flex;justify-content:space-between;font-size:7px;color:#999;margin-top:6px}.add-question{display:block;margin:18px auto;border:1px dashed #e8a99b;background:#fff8f5;color:var(--coral);border-radius:8px;padding:9px 16px;font-size:9px}.properties-head{padding:18px;border-bottom:1px solid var(--line)}.properties>label:not(.switch-row){display:grid;gap:7px;padding:17px 18px;font-size:9px;font-weight:650}.properties select{border:1px solid var(--line);border-radius:8px;background:#fff;padding:9px;font-size:9px}.switch-row{display:flex;align-items:center;gap:7px;padding:10px 18px}.switch-row span{margin-right:auto}.switch-row b,.switch-row small{display:block}.switch-row b{font-size:9px}.switch-row small{font-size:7px;color:#999;margin-top:3px}.properties hr{border:0;border-top:1px solid var(--line);margin:14px 18px}.logic-button{border:0;background:#fff;width:100%;padding:7px 18px;display:flex;align-items:center;text-align:left}.logic-button span{display:grid;grid-template-columns:25px 1fr;flex:1}.logic-button i{grid-row:1/3;width:21px;height:21px;border-radius:6px;background:#f0ebf6;color:#76569d;display:grid;place-items:center;font-style:normal}.logic-button b{font-size:9px}.logic-button small{font-size:7px;color:#999}.logic-button em{font-style:normal;color:var(--coral)}.danger-zone{position:absolute;bottom:0;left:0;right:0;padding:18px}.danger-zone button{width:100%;border:1px solid #f0d0ca;background:#fff7f5;color:#bd5c4b;border-radius:8px;padding:9px;font-size:9px}.preview-modal{position:fixed;inset:0;background:rgba(23,25,26,.65);display:grid;place-items:center;z-index:100;padding:25px}.preview-modal[hidden]{display:none}.preview-window{width:min(720px,95vw);height:min(680px,90vh);background:#f5f5f2;border-radius:15px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.28)}.preview-window header{height:48px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:10px;font-weight:700}.preview-window header button{border:0;background:none}.preview-window header button.active{color:var(--coral)}.preview-window iframe{display:none}.preview-body{width:min(500px,90%);margin:80px auto;background:#fff;border-radius:15px;padding:45px;text-align:center;box-shadow:var(--shadow)}.preview-body .eyebrow{color:var(--coral)}.preview-body h1{font-family:Georgia,serif;font-weight:500;font-size:31px}.preview-body p{font-size:11px;color:#777;line-height:1.6}.preview-body .button{margin-top:18px}.toast{position:fixed;right:22px;bottom:22px;background:#25282b;color:#fff;padding:12px 17px;border-radius:10px;font-size:10px;z-index:120;box-shadow:var(--shadow)}
@media(max-width:1100px){.metrics{grid-template-columns:1fr 1fr}.builder-shell{grid-template-columns:190px minmax(500px,1fr)}.properties{display:none}.builder-tabs{display:none}.hero-visual{opacity:.65}.survey-row{grid-template-columns:38px 1fr 130px 20px}.survey-row .status{display:none}}@media(max-width:760px){.sidebar{width:64px;padding:20px 9px}.brand>span:last-child,.nav a:not(.active) .nav-count,.nav a{font-size:0}.brand{padding:0}.nav a,.nav-group a{justify-content:center;padding:12px}.nav-icon{font-size:18px}.nav-group>span,.privacy-card,.profile div,.profile button{display:none}.profile{justify-content:center}.main{margin-left:64px}.topbar{padding:0 16px}.topbar .icon-button{display:none}.content{padding:20px 14px}.hero-card{padding:29px}.hero-visual{right:-190px}.metrics{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.activity{display:none}.filters{overflow:auto}.filters .search{min-width:190px}.survey-table{overflow:auto}.table-head,.table-row{min-width:700px}.builder-shell{grid-template-columns:1fr}.toolbox{display:none}.builder-top{padding:0 10px}.builder-title{width:130px}.builder-actions .ghost,.builder-actions .icon-button{display:none}.canvas{padding:0 7px 40px}.survey-sheet{border-radius:8px}.survey-cover{padding:32px 25px}.question-card{margin:12px;padding-left:42px}.scale{gap:2px}}