:root{--ink:#17243d;--muted:#7f8ca1;--muted2:#9ba5b7;--border:#e7ebf3;--paper:#f5f7fc;--white:#fff;--primary:#6656e9;--primary-dark:#5141d1;--light:#f0edff;--aqua:#12b99a;--danger:#f06a73;--amber:#e8a040;--navy:#111b35;--shadow:0 7px 28px rgba(39,51,93,.05);--sh2:0 17px 55px rgba(27,39,81,.11);--r:17px;--sans:Inter,'Segoe UI',Roboto,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}svg{flex-shrink:0}input,textarea,select{outline:none;color:var(--ink)}input::placeholder,textarea::placeholder{color:#a9b1c0}input:focus,textarea:focus,select:focus{border-color:#b9adff!important;box-shadow:0 0 0 3px #6656e916}h1,h2,h3,h4,p{margin-top:0}::selection{background:#d9d3ff}
.boot-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#141e39;color:white}.boot-logo{height:58px;width:58px;border-radius:18px;background:var(--primary);display:grid;place-items:center;font-size:30px;font-weight:900;margin-bottom:18px}.boot-logo span{font-size:14px;color:#9af3d8;margin-left:-5px}.boot-txt{font-size:13px;letter-spacing:4px;font-weight:800}.boot-loader{width:84px;height:3px;border-radius:10px;background:#ffffff40;margin-top:28px;position:relative;overflow:hidden}.boot-loader:after{content:'';position:absolute;width:50%;height:100%;background:#9bf7dc;animation:loading 1s infinite alternate}@keyframes loading{to{transform:translateX(100%)}}
/* LOGIN */.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(460px,55%) 1fr;background:white}.login-visual{background:linear-gradient(148deg,#111c38 0%,#18244a 52%,#30256f 100%);padding:48px 8%;color:white;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-visual:after{content:'';position:absolute;width:580px;height:580px;border:1px solid #ffffff18;border-radius:50%;right:-300px;bottom:-220px;box-shadow:0 0 0 80px #ffffff06,0 0 0 160px #ffffff06}.login-visual:before{content:'';position:absolute;width:250px;height:250px;border-radius:50%;background:#735bff;filter:blur(115px);right:10%;top:35%;opacity:.5}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.45px;color:inherit}.brand-icon{width:40px;height:40px;border-radius:12px;background:var(--primary);display:grid;place-items:center;box-shadow:0 6px 15px #4b37c63a}.brand-icon svg{width:22px;height:22px;stroke:white}.brand-name{font-size:21px;line-height:1}.brand-desc{font-size:9px;letter-spacing:2.1px;margin-top:6px;color:#a9b5cf;font-weight:650}.login-promo{margin:auto 0;position:relative;z-index:1;padding:60px 0}.login-kicker{color:#acffdf;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:2.5px;display:flex;gap:10px;align-items:center}.login-kicker:before{content:'';height:2px;width:24px;background:#95fbd3}.login-promo h1{font-size:clamp(43px,4.1vw,65px);letter-spacing:-2.6px;line-height:1.11;font-weight:780;margin:24px 0}.login-promo h1 em{font-style:normal;color:#9bf3d9}.login-promo p{color:#bfc8da;line-height:1.9;font-size:15px;max-width:440px}.login-visual-foot{display:flex;align-items:center;gap:25px;color:#adbad6;font-size:11px;position:relative;z-index:1}.dot-live{width:7px;height:7px;background:#66eab8;display:inline-block;border-radius:50%;box-shadow:0 0 0 4px #66eab824;margin-right:8px}.login-graphic{height:145px;max-width:410px;border:1px solid #ffffff24;border-radius:18px;background:#ffffff10;backdrop-filter:blur(16px);padding:19px;margin-top:38px;display:flex;gap:20px;align-items:center;box-shadow:0 20px 65px #00000025}.mini-bars{flex:1;display:flex;align-items:end;height:80px;gap:9px}.mini-bars i{display:block;flex:1;border-radius:6px 6px 1px 1px;background:linear-gradient(#91f5db,#6d78ff)}.login-metric strong{display:block;font-size:30px;letter-spacing:-1px}.login-metric small{font-size:10px;color:#cad2e4;line-height:2}.login-form-side{display:flex;align-items:center;justify-content:center;padding:50px}.login-form{width:min(100%,400px)}.login-form .login-splash{width:52px;height:52px;border-radius:16px;background:var(--light);color:var(--primary);display:grid;place-items:center;margin-bottom:28px}.login-form h2{font-size:32px;letter-spacing:-1.3px;margin-bottom:12px}.login-form p{color:var(--muted);line-height:1.7;margin-bottom:35px}.field{margin-bottom:18px}.field label,.field-label{font-size:12px;font-weight:750;color:#35425a;display:block;margin-bottom:9px}.field input,.field select,.field textarea,.control{height:45px;width:100%;padding:0 13px;border-radius:10px;border:1px solid #dfe5ef;background:white;transition:.18s}.field textarea,.control.textarea{height:auto;min-height:92px;padding:12px 13px;resize:vertical}.field small{display:block;color:var(--muted);margin-top:6px;font-size:11px}.input-icon{position:relative}.input-icon>svg{position:absolute;top:13px;left:13px;color:#8d98ad}.input-icon input{padding-left:40px}.login-demo{background:#f7f8fc;border:1px dashed #dfe3ef;border-radius:12px;padding:14px 16px;font-size:12px;color:#65728c;line-height:1.8;margin-top:24px}.login-demo b{color:#34425d}.login-copy{text-align:center;color:#9aa6b7;font-size:11px;margin-top:34px}
/* SHELL */.shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:251px;background:var(--navy);display:flex;flex-direction:column;color:#bec9dd;z-index:50;transition:transform .2s}.side-brand{height:93px;padding:26px 24px;border-bottom:1px solid #ffffff0c}.side-brand .brand-icon{width:36px;height:36px}.side-brand .brand-name{color:white;font-size:19px}.side-brand .brand-desc{font-size:8px;color:#8493b2}.nav-box{padding:23px 14px;overflow:auto;flex:1}.nav-label{font-size:10px;color:#637391;letter-spacing:2px;font-weight:800;text-transform:uppercase;margin:21px 12px 11px}.nav-link{display:flex;align-items:center;gap:13px;padding:12px 13px;margin:3px 0;border-radius:10px;color:#b3bfd4;font-weight:580;font-size:13px;position:relative;transition:.16s}.nav-link:hover{color:white;background:#ffffff0c}.nav-link.active{background:#6859e9;color:white;box-shadow:0 7px 17px #0000001c}.nav-link svg{opacity:.85}.nav-link.active svg{opacity:1}.nav-count{margin-left:auto;font-size:10px;border-radius:6px;background:#ffffff1b;padding:3px 7px}.side-bottom{padding:19px 17px;border-top:1px solid #ffffff0f}.side-assist{padding:15px;border-radius:12px;background:linear-gradient(130deg,#34336b,#222d52);border:1px solid #ffffff11;margin-bottom:16px}.side-assist b{display:block;color:white;font-size:12px;margin-bottom:7px}.side-assist p{font-size:11px;color:#b2c0de;line-height:1.6;margin-bottom:0}.side-user{display:flex;gap:10px;align-items:center;padding:9px 4px}.avatar{height:35px;width:35px;border-radius:11px;background:linear-gradient(145deg,#a996ff,#5648d7);display:grid;place-items:center;color:white;font-weight:750;flex-shrink:0}.side-user-text{min-width:0;flex:1}.side-user-text strong{color:white;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:11px}.side-user-text small{display:block;font-size:10px;color:#8290aa;margin-top:3px}.signout{border:0;background:none;color:#9caacc;padding:6px;border-radius:7px}.signout:hover{color:white;background:#ffffff15}.main{margin-left:251px;min-width:0;flex:1;min-height:100vh}.topbar{height:82px;position:sticky;top:0;z-index:35;display:flex;justify-content:space-between;align-items:center;padding:0 38px;background:#ffffffed;border-bottom:1px solid #edf0f5;backdrop-filter:blur(16px)}.crumb{font-size:12px;color:#8996aa;display:flex;align-items:center;gap:10px}.crumb strong{color:#27354f;font-weight:730}.top-actions{display:flex;gap:16px;align-items:center}.search-box{position:relative}.search-box input{width:235px;height:37px;border:1px solid #e4e9f2;background:#f8f9fd;border-radius:10px;padding:0 12px 0 35px;font-size:12px}.search-box svg{position:absolute;top:10px;left:12px;color:#99a4b4}.top-time{color:#909bad;font-size:12px;white-space:nowrap}.top-avatar{width:34px;height:34px;border-radius:10px;background:#edf0ff;color:#6656e9;display:grid;place-items:center;font-weight:800}.mobile-toggle{display:none;border:0;background:#f3f4fa;border-radius:8px;padding:8px}.content{padding:31px 38px 60px;max-width:1710px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.eyebrow{color:var(--primary);font-weight:750;font-size:10px;letter-spacing:2px;text-transform:uppercase;margin-bottom:9px}.page-heading h1{font-size:29px;letter-spacing:-1.25px;margin:0 0 7px;font-weight:780}.page-heading p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.heading-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{height:39px;border:1px solid #e2e6ef;display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:0 15px;border-radius:10px;background:white;color:#40506b;font-weight:730;font-size:12px;white-space:nowrap;transition:.15s}.btn:hover{border-color:#b6b0f7;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--primary);color:white;border-color:var(--primary);box-shadow:0 6px 13px #6656e92b}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-quiet{background:#f7f8fc}.btn-danger{background:#fff0f1;color:#d94c5c;border-color:#ffdbe0}.btn-lg{height:48px;font-size:13px;padding:0 20px}.btn-icon{width:36px;padding:0}.btn-sm{height:31px;padding:0 10px;font-size:11px;border-radius:8px}.w100{width:100%}.muted{color:var(--muted)}.strong{font-weight:750}.nowrap{white-space:nowrap}.txt-right{text-align:right}.mt12{margin-top:12px}.mt20{margin-top:20px}.gap10{display:flex;gap:10px;align-items:center}.grid{display:grid;gap:20px}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:span 2}.card{background:white;border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);min-width:0}.card-head{padding:24px 25px 16px;display:flex;justify-content:space-between;align-items:center;gap:16px}.card-head h3{margin:0;font-size:15px;letter-spacing:-.3px}.card-head p{font-size:11px;color:var(--muted);margin:5px 0 0}.card-body{padding:0 25px 24px}.stat-card{padding:22px 23px;position:relative;overflow:hidden;min-height:155px}.stat-head{display:flex;align-items:center;justify-content:space-between}.stat-label{font-size:12px;color:#8190a5;font-weight:600}.stat-icon{width:41px;height:41px;display:grid;place-items:center;border-radius:12px;background:#f1efff;color:var(--primary)}.stat-icon.mint{background:#e6fbf5;color:#14a583}.stat-icon.orange{background:#fff5e7;color:#df9a40}.stat-icon.blue{background:#e9f3ff;color:#3f94e8}.stat-value{font-size:31px;letter-spacing:-1.4px;font-weight:810;margin-top:13px;line-height:1}.stat-foot{font-size:11px;color:#91a0b3;margin-top:10px;line-height:1.6}.stat-card:after{content:'';position:absolute;width:95px;height:95px;border-radius:50%;border:15px solid #e9e8ff4a;right:-40px;bottom:-75px}.accent-text{color:var(--aqua);font-weight:750}.welcome-banner{background:linear-gradient(110deg,#6254e1,#8369f4);color:white;padding:27px 31px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;overflow:hidden;margin-bottom:22px;box-shadow:0 12px 28px #6254e128}.welcome-banner:after{content:'';position:absolute;width:240px;height:240px;border:1px solid #ffffff2b;border-radius:50%;right:-15px;top:-130px;box-shadow:0 0 0 32px #ffffff0b,0 0 0 68px #ffffff0a}.welcome-banner h2{font-size:21px;letter-spacing:-.6px;margin:0 0 7px}.welcome-banner p{font-size:12px;color:#e3defe;margin:0;max-width:590px;line-height:1.8}.welcome-banner .btn{position:relative;z-index:1}.dashboard-chart{padding:6px 25px 20px}.chart-area{height:210px;display:flex;gap:9px;align-items:end;border-bottom:1px solid #edf0f5;position:relative;padding:10px 6px 0}.chart-area:before{content:'';position:absolute;inset:16px 0 0;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#eef1f6 calc(25% - 1px),#eef1f6 25%);pointer-events:none}.chart-group{flex:1;height:100%;display:flex;justify-content:center;align-items:end;gap:6px;position:relative;z-index:1}.bar{width:18px;max-width:37%;border-radius:6px 6px 0 0;background:linear-gradient(#7567f5,#b1a8fc);min-height:3px;transition:height .35s}.bar.second{background:linear-gradient(#1fb9a3,#a7eadc)}.chart-x{display:flex;justify-content:space-around;color:#a0aabe;font-size:10px;margin-top:10px}.legend{display:flex;gap:17px;color:#8e9aad;font-size:11px}.legend span:before{content:'';display:inline-block;width:8px;height:8px;background:#7969eb;border-radius:3px;margin-right:6px}.legend span.mint:before{background:#1bb9a4}.status-row{display:flex;align-items:center;justify-content:space-between;margin:13px 0;font-size:12px;gap:12px}.status-row label{color:#65738c;min-width:94px}.progress-line{height:7px;flex:1;background:#f0f1f7;border-radius:30px;overflow:hidden}.progress-line>span{display:block;height:100%;border-radius:30px}.status-row b{width:28px;text-align:right}.table-wrap{overflow:auto}.table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}.table th{font-size:10px;color:#9aa5b5;letter-spacing:.7px;text-transform:uppercase;background:#fafbfe;font-weight:800;padding:14px 18px;border-bottom:1px solid #edf0f6;white-space:nowrap}.table td{padding:14px 18px;border-bottom:1px solid #f0f2f7;color:#45536b;vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#fafaff}.table b{color:#273550;font-weight:735}.table-desc{font-size:11px;color:#99a4b5;margin-top:5px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:780;border-radius:7px;padding:6px 9px;white-space:nowrap}.badge:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.badge.active,.badge.completed{background:#e7f9f2;color:#199e78}.badge.draft,.badge.pending{background:#f0f2f8;color:#7c899c}.badge.callback{background:#fff5e7;color:#c58b36}.badge.paused,.badge.busy,.badge.no_answer{background:#fff4e7;color:#cf913f}.badge.refused,.badge.archived{background:#feedef;color:#df7180}.badge.in_progress{background:#efedff;color:#6a5ce4}.pill{background:#f3f4fa;border:1px solid #eceef6;border-radius:8px;padding:5px 9px;font-size:11px;color:#77839a;white-space:nowrap}.section-link{color:var(--primary);font-size:11px;font-weight:800;display:flex;align-items:center;gap:5px;background:none;border:0}.empty{padding:45px 20px;text-align:center;color:#9aa5b7}.empty svg{width:40px;height:40px;color:#b4b6ed;margin-bottom:14px}.empty h3{color:#43526b;font-size:16px;margin:0 0 8px}.empty p{max-width:340px;margin:0 auto 20px;font-size:12px;line-height:1.75}.filter-strip{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.filter-input{height:41px;min-width:245px;flex:1;border:1px solid #e1e6ee;border-radius:10px;padding:0 14px;background:white;font-size:12px}.filter-select{height:41px;border:1px solid #e1e6ee;border-radius:10px;padding:0 12px;background:white;font-size:12px;min-width:145px}.survey-card{padding:24px;display:flex;flex-direction:column;min-height:250px;transition:transform .15s,border-color .15s}.survey-card:hover{transform:translateY(-3px);border-color:#d8d2fa}.survey-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:19px}.survey-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#f0edff;color:#6856e8}.survey-card h3{font-size:16px;letter-spacing:-.35px;margin:0 0 8px;line-height:1.5}.survey-card p{font-size:12px;color:#8a97aa;line-height:1.65;margin:0 0 20px;flex:1}.survey-metrics{display:flex;gap:22px;font-size:11px;color:#8a95a9;border-top:1px solid #f1f1f6;padding-top:17px}.survey-metrics b{color:#34415e;display:block;font-size:16px;letter-spacing:-.3px;margin-bottom:3px}.survey-actions{display:flex;gap:7px;margin-top:19px}.survey-actions .btn{flex:1}.check{width:17px;height:17px;accent-color:var(--primary)}
/* MODAL */.overlay{position:fixed;inset:0;background:#111b35a1;z-index:110;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(5px)}.modal{width:min(530px,100%);max-height:min(91vh,900px);display:flex;flex-direction:column;background:white;border-radius:19px;box-shadow:0 25px 75px #101b3b52;animation:pop .17s ease-out}.modal-wide{width:min(780px,100%)}@keyframes pop{from{opacity:0;transform:translateY(12px) scale(.98)}}.modal-head{padding:25px 27px 17px;display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #edf0f5}.modal-head h2{font-size:19px;letter-spacing:-.5px;margin:0 0 5px}.modal-head p{color:var(--muted);font-size:11px;margin:0;line-height:1.6}.modal-body{padding:22px 27px;overflow:auto}.modal-foot{padding:15px 27px 23px;display:flex;gap:10px;justify-content:flex-end;border-top:1px solid #f1f2f6}.modal-x{border:0;background:#f3f4f8;color:#7b849b;height:30px;width:30px;border-radius:9px;display:grid;place-items:center}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .field{margin:0}.form-grid .full{grid-column:1/-1}.hint{border-radius:10px;padding:12px 14px;background:#f4f2ff;color:#6051c0;font-size:11px;line-height:1.8}.danger-hint{background:#fff1ef;color:#b96862}.toast{position:fixed;right:24px;bottom:24px;background:#192540;color:white;display:flex;gap:11px;align-items:center;border-radius:12px;padding:14px 20px;min-width:230px;max-width:410px;box-shadow:0 15px 50px #111b3555;z-index:180;font-size:12px;animation:pop .2s}.toast.error{background:#bf4a57}.toast svg{color:#8bf2cb}.toast.error svg{color:white}
/* BUILDER */.builder-content{padding:0!important;max-width:none!important}.builder-top{padding:25px 32px;background:white;border-bottom:1px solid #eceefa;display:flex;justify-content:space-between;gap:25px;align-items:center}.builder-top h1{font-size:20px;letter-spacing:-.7px;margin:6px 0 0}.builder-top .eyebrow{margin:0}.builder-shell{display:grid;grid-template-columns:238px minmax(370px,1fr) 320px;height:calc(100vh - 162px);min-height:650px;overflow:hidden}.builder-panel{background:white;overflow:auto;border-right:1px solid #e8ecf5;padding:21px 15px}.builder-panel.right{border-right:0;border-left:1px solid #e8ecf5}.builder-panel-title{font-size:11px;text-transform:uppercase;letter-spacing:1.3px;font-weight:850;color:#97a1b2;margin-bottom:18px;padding:0 8px}.palette-group{margin-bottom:22px}.palette-label{font-size:11px;font-weight:850;color:#52617b;padding:7px 8px}.palette-item{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;color:#64728b;width:100%;padding:10px 9px;background:none;border:0;text-align:left;border-radius:9px}.palette-item:hover{background:#f1efff;color:#6655df}.palette-item svg{color:#8a80d8}.builder-stage{background:#f6f7fc;overflow:auto;padding:28px 33px 80px}.builder-intro{border-radius:15px;background:linear-gradient(130deg,#6756e9,#8e76f3);color:white;padding:26px 27px 20px;margin-bottom:25px;position:relative;overflow:hidden}.builder-intro:after{content:'◈';font-size:150px;position:absolute;right:4px;top:-50px;color:#ffffff19}.builder-intro small{text-transform:uppercase;letter-spacing:2px;font-size:10px;color:#dcd5ff}.builder-intro h2{margin:12px 0 6px;font-size:21px;letter-spacing:-.6px;max-width:530px}.builder-intro p{margin:0;font-size:11px;color:#e7e1ff}.section-band{display:flex;align-items:center;justify-content:space-between;margin:27px 0 13px}.section-band h3{margin:0;font-size:12px;color:#56647d;letter-spacing:.2px}.section-band .btn{height:29px}.q-card{background:white;border:1px solid #e7eaf2;border-radius:12px;padding:18px 18px 14px;margin:10px 0;cursor:pointer;transition:.14s;box-shadow:0 3px 12px #19213d05}.q-card:hover{border-color:#c9c2fb}.q-card.selected{border-color:#8c7af4;box-shadow:0 0 0 3px #6656e914}.qcard-top{display:flex;gap:12px;align-items:start}.q-number{height:27px;min-width:27px;border-radius:8px;display:grid;place-items:center;background:#f0eeff;color:#6756e9;font-size:11px;font-weight:830}.q-title{flex:1;font-size:13px;font-weight:760;line-height:1.55}.q-mini-type{font-size:10px;color:#a0a9b9}.q-actions{display:flex;gap:3px}.q-actions button{height:26px;width:26px;border:0;background:#f6f7fa;border-radius:6px;color:#8793a7;display:grid;place-items:center}.q-actions button:hover{color:#6656e9;background:#eeeaff}.q-preview{margin:13px 0 0 39px;font-size:11px;color:#9aa4b4}.q-preview .fake-line{height:34px;border:1px solid #eef0f6;border-radius:7px;padding:10px 12px;color:#b3bbc9;max-width:330px}.fake-options{display:flex;gap:9px;flex-wrap:wrap}.fake-option{border:1px solid #e9ecf4;border-radius:7px;padding:7px 10px;color:#99a4b8}.builder-add{height:47px;width:100%;border:1.5px dashed #cfd3e6;border-radius:11px;background:#ffffff8e;color:#887cf0;font-size:12px;font-weight:760;display:flex;align-items:center;justify-content:center;gap:7px;margin:11px 0}.builder-add:hover{background:#f2efff;border-color:#8e81f0}.prop-title{font-size:16px;letter-spacing:-.4px;margin-bottom:6px}.prop-desc{font-size:11px;color:#9da7ba;line-height:1.6;margin-bottom:22px}.prop-divider{margin:20px 0;border-top:1px solid #edf0f6}.prop-fields .field{margin-bottom:15px}.prop-fields label{font-size:11px}.toggle-wrap{display:flex;gap:10px;align-items:center;font-size:12px;margin:11px 0;color:#586781}.toggle{appearance:none;position:relative;width:35px;height:20px;border-radius:30px;background:#d9deeb;cursor:pointer;transition:.2s}.toggle:before{content:'';position:absolute;width:14px;height:14px;background:white;border-radius:50%;left:3px;top:3px;transition:.2s}.toggle:checked{background:var(--primary)}.toggle:checked:before{left:18px}.pill-row{display:flex;flex-wrap:wrap;gap:6px}.pill-row span{background:#f1effe;color:#6756e9;border-radius:6px;padding:6px 8px;font-size:10px}.preview-banner{border-radius:11px;border:1px solid #dfdbfb;background:#f3f1ff;padding:12px 15px;margin-bottom:17px;color:#6859c8;font-size:11px;display:flex;align-items:center;gap:9px}
/* INTERVIEW */.interview-layout{display:grid;grid-template-columns:minmax(0,1fr) 312px;gap:21px;align-items:start}.interview-main{overflow:hidden}.interview-hero{padding:26px 30px;background:linear-gradient(125deg,#6554e7,#8470ef);color:white}.interview-hero .tiny{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:#d8d2ff}.interview-hero h2{font-size:21px;letter-spacing:-.6px;margin:11px 0 8px}.interview-hero p{font-size:11px;color:#e6e3ff;margin:0;line-height:1.6}.steps{display:flex;gap:6px;margin-top:22px}.steps button{height:5px;flex:1;background:#ffffff4f;border:0;border-radius:10px;padding:0}.steps button.active,.steps button.done{background:white}.interview-section{padding:28px 31px 25px}.interview-section h3{font-size:18px;letter-spacing:-.4px;margin:0 0 5px}.interview-section>.muted{font-size:12px;margin-bottom:22px}.answer-question{padding:22px 0;border-top:1px solid #eff0f6}.answer-question:first-child{border-top:0}.answer-qtitle{font-size:13px;font-weight:790;line-height:1.6;margin-bottom:14px}.required{color:#ee6573;margin-left:3px}.answer-desc{font-size:11px;color:#95a0b1;margin-top:-7px;margin-bottom:12px}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice-card{border:1px solid #e4e8f0;border-radius:10px;padding:13px 13px;display:flex;gap:10px;align-items:center;font-size:12px;color:#67758b;cursor:pointer;transition:.13s;min-width:0}.choice-card:hover{border-color:#b9aff6}.choice-card.selected{border-color:#8877f4;background:#f4f1ff;color:#5445b7;box-shadow:0 0 0 1px #8877f4}.choice-card input{accent-color:var(--primary)}.rating-group{display:flex;gap:8px;flex-wrap:wrap}.rating-btn{width:42px;height:42px;background:white;border:1px solid #dfe3ed;border-radius:10px;font-weight:750;color:#68758f}.rating-btn.active{background:#6a58e9;color:white;border-color:#6a58e9}.rating-btn:hover{border-color:#7565e8}.star-rating{display:flex;gap:7px}.star-rating button{border:0;background:none;color:#d7dce9;font-size:30px;line-height:1}.star-rating button.active{color:#f0b74b}.answer-input{width:100%;max-width:570px;height:43px;padding:0 13px;border:1px solid #dfe5ed;border-radius:10px;background:#fff;font-size:12px}.answer-textarea{height:100px;padding:13px;resize:vertical}.answer-range{width:100%;accent-color:var(--primary)}.range-row{display:flex;justify-content:space-between;color:#a0abbb;font-size:11px;max-width:500px}.matrix-wrap{overflow:auto}.matrix{border-collapse:collapse;width:100%;font-size:11px;min-width:480px}.matrix th,.matrix td{padding:12px 8px;border-bottom:1px solid #eff1f5;text-align:center}.matrix th:first-child,.matrix td:first-child{text-align:left;font-weight:700;min-width:148px}.matrix th{color:#7e8ca1;background:#f8f9fc}.matrix input{accent-color:var(--primary)}.multitext-row{display:flex;align-items:center;gap:14px;margin-bottom:10px}.multitext-row label{width:135px;font-size:11px;color:#707f94}.interview-foot{display:flex;align-items:center;justify-content:space-between;padding:18px 31px;border-top:1px solid #eef0f6;background:#fff;gap:10px}.interview-aside{position:sticky;top:102px}.person-card{padding:24px}.person-head{display:flex;gap:12px;align-items:center;margin-bottom:20px}.person-avatar{width:47px;height:47px;background:linear-gradient(135deg,#d9d0ff,#edf1ff);border-radius:14px;display:grid;place-items:center;color:#6554d2;font-size:17px;font-weight:850}.person-head strong{font-size:14px}.person-head small{display:block;color:#91a0b3;font-size:10px;margin-top:6px}.info-pair{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-top:1px solid #f0f1f6;font-size:11px}.info-pair span:first-child{color:#98a3b5}.info-pair span:last-child{color:#4c5b74;text-align:right;font-weight:650;word-break:break-all}.call-cta{background:#e9f9f4;border:1px solid #d0f4e7;color:#149d79;border-radius:10px;padding:11px 13px;display:flex;justify-content:center;align-items:center;gap:9px;font-size:12px;font-weight:760;margin:16px 0}.call-cta:hover{background:#d9f6eb}.aside-title{font-size:12px;font-weight:790;margin-bottom:14px}.step-list{display:flex;flex-direction:column;gap:6px}.step-item{display:flex;gap:9px;align-items:center;border:1px solid transparent;border-radius:9px;background:none;color:#8a95a9;width:100%;padding:11px;text-align:left;font-size:11px}.step-item span:first-child{width:23px;height:23px;border-radius:7px;display:grid;place-items:center;background:#f1f2f8;color:#8e98af;font-weight:800}.step-item.active{background:#f0edff;color:#604fe0}.step-item.active span:first-child{background:#7060e7;color:white}.step-item.done span:first-child{background:#e2f9f0;color:#10a181}.question-note{background:#f7f8fc;padding:14px;border-radius:10px;color:#8f9ab0;font-size:11px;line-height:1.75;margin-top:18px}
/* EXTRA */.tabs{display:flex;gap:3px;border-bottom:1px solid #e7ebf2;margin-bottom:21px}.tab{padding:12px 19px;border:0;background:none;color:#8c98aa;font-size:12px;font-weight:750;border-bottom:2px solid transparent}.tab.active{color:var(--primary);border-color:var(--primary)}.report-metric{background:#f9faff;border:1px solid #eef0f7;border-radius:12px;padding:17px}.report-metric b{display:block;font-size:23px;letter-spacing:-.7px;margin:9px 0 4px}.report-metric span{font-size:11px;color:#8692a6}.report-q{padding:23px;border-bottom:1px solid #eff0f5}.report-q:last-child{border:0}.report-q h4{font-size:13px;margin-bottom:5px}.report-q small{color:#a5afc0}.report-entry{display:flex;align-items:center;gap:13px;margin:12px 0;font-size:11px;color:#5f6d83}.report-entry>span:first-child{min-width:120px;max-width:160px;word-break:break-word}.report-entry .progress-line{height:9px}.report-entry b{min-width:33px;text-align:right}.metric-bar{height:9px;background:#eff1f7;border-radius:10px;overflow:hidden;margin:13px 0}.metric-bar span{height:100%;display:block;background:linear-gradient(90deg,#6a59e9,#a398fa);border-radius:10px}.select-count{padding:7px 11px;border-radius:8px;background:#eeeaff;color:#6452da;font-size:11px;font-weight:700}.list-card{padding:24px 26px}.separator{height:1px;background:#eff0f5;margin:18px 0}.inline-actions{display:flex;gap:5px;align-items:center}.clickable{cursor:pointer}.clickable:hover{color:var(--primary)}.call-history{font-size:11px;padding:10px 0;border-top:1px solid #eff0f6}.history-date{color:#9aa4b7;font-size:10px}.history-line{color:#58657b;margin-top:6px}.note{font-size:11px;color:#9a9fae;line-height:1.6}.highlight-box{background:#f2efff;color:#5747c6;border-radius:10px;padding:14px;margin-top:12px;font-size:11px;line-height:1.7}.confirm-illustration{height:65px;width:65px;border-radius:20px;background:#e7fbf2;color:#17b488;display:grid;place-items:center;margin:0 auto 20px}.success-state{text-align:center;padding:25px 10px}.success-state h2{font-size:24px}.success-state p{color:#8795a9;font-size:12px;line-height:1.7}.page-error{background:#fff1f2;color:#d15163;border-radius:9px;padding:11px 15px;font-size:12px;margin-bottom:15px}.mobile-scrim{display:none}
@media(max-width:1320px){.builder-shell{grid-template-columns:197px minmax(330px,1fr) 278px}.builder-stage{padding:23px}.builder-panel{padding:18px 11px}.content{padding:27px 25px 50px}.topbar{padding:0 25px}.cols-4{gap:13px}.stat-card{padding:20px 17px}}
@media(max-width:1120px){.sidebar{width:224px}.main{margin-left:224px}.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-shell{grid-template-columns:190px minmax(340px,1fr)}.builder-panel.right{grid-column:1/-1;display:none}.builder-panel.right.show{display:block;position:fixed;right:0;top:82px;bottom:0;width:330px;z-index:65;box-shadow:-20px 0 40px #23315a1c}.interview-layout{grid-template-columns:minmax(0,1fr) 270px}.search-box input{width:185px}}
@media(max-width:820px){.sidebar{transform:translateX(-100%);width:260px}.sidebar.open{transform:translateX(0)}.mobile-scrim.show{display:block;position:fixed;inset:0;background:#0a163783;z-index:48}.main{margin-left:0}.topbar{height:70px;padding:0 19px}.mobile-toggle{display:inline-grid;place-items:center}.crumb{margin-right:auto;margin-left:11px}.top-time{display:none}.content{padding:24px 18px 55px}.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-form-side{min-height:100vh}.builder-top{padding:18px}.builder-shell{height:auto;min-height:calc(100vh - 140px);grid-template-columns:1fr}.builder-panel:first-child{display:none}.builder-stage{min-height:700px}.interview-layout{grid-template-columns:1fr}.interview-aside{position:static}.interview-aside .card:nth-child(2){display:none}}
@media(max-width:560px){.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:25px}.heading-actions{width:100%}.heading-actions .btn{flex:1}.search-box{display:none}.cols-3,.cols-2{grid-template-columns:1fr}.cols-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{min-height:143px;padding:16px}.stat-value{font-size:26px}.stat-icon{width:34px;height:34px}.stat-head{gap:8px}.stat-label{font-size:11px}.welcome-banner{padding:24px 20px;align-items:start;flex-direction:column}.card-head{padding:20px 17px 15px}.card-body{padding:0 17px 20px}.chart-area{height:165px}.survey-card{padding:20px}.form-grid{grid-template-columns:1fr}.modal-body,.modal-foot{padding:17px 19px}.modal-head{padding:21px 19px 15px}.choice-grid{grid-template-columns:1fr}.interview-section{padding:22px 18px}.interview-foot{padding:15px 18px;flex-wrap:wrap}.interview-hero{padding:23px 18px}.builder-top{align-items:flex-start;flex-direction:column}.builder-stage{padding:20px 14px}.builder-panel.right.show{top:70px;width:min(345px,100vw)}.filter-input{min-width:100%}.filter-select{min-width:0;flex:1}.report-entry>span:first-child{min-width:85px}.rating-btn{height:36px;width:36px}.top-avatar{display:none}}

.property-close{display:none}
@media(max-width:1120px){.property-close{display:flex;margin-bottom:16px}}

.brand-name,.brand-desc{display:block}

/* USER ENHANCEMENTS */
.nav-label {
  font-size: 11px !important;
  color: #6ee7b7 !important;
  background: rgba(16, 185, 129, 0.16) !important;
  border: 1px solid rgba(110, 231, 183, 0.28) !important;
  letter-spacing: 1.8px !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
  margin: 22px 10px 10px !important;
  padding: 5px 12px !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
}

.table th, .matrix th {
  font-size: 11px !important;
  color: #0f172a !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  background: #f1f5f9 !important;
  font-weight: 800 !important;
  padding: 14px 18px !important;
  border-bottom: 2px solid #cbd5e1 !important;
  white-space: nowrap !important;
}

.choice-card {
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 12px !important;
  padding: 15px 18px !important;
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  color: #0f172a !important;
  cursor: pointer !important;
  background: #ffffff !important;
  transition: all .16s ease !important;
  min-width: 0 !important;
  box-shadow: 0 2px 7px rgba(15, 23, 42, 0.04) !important;
}
.choice-card:hover {
  border-color: #6656e9 !important;
  background: #faf9ff !important;
  transform: translateY(-1.5px) !important;
  box-shadow: 0 4px 14px rgba(102, 86, 233, 0.14) !important;
}
.choice-card.selected {
  border-color: #6656e9 !important;
  background: #f1effe !important;
  color: #3728a3 !important;
  box-shadow: 0 0 0 2px rgba(102, 86, 233, 0.25) !important;
}
.choice-card input[type="radio"], .choice-card input[type="checkbox"] {
  width: 20px !important;
  height: 20px !important;
  accent-color: var(--primary) !important;
  cursor: pointer !important;
}

.fake-options .fake-option {
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
  color: #0f172a !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  background: #ffffff !important;
}

.rating-btn {
  width: 48px !important;
  height: 48px !important;
  background: white !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 12px !important;
  font-weight: 750 !important;
  font-size: 16px !important;
  color: #0f172a !important;
  transition: .15s !important;
}
.rating-btn.active {
  background: #6a58e9 !important;
  color: white !important;
  border-color: #6a58e9 !important;
  box-shadow: 0 4px 12px rgba(106, 88, 233, 0.35) !important;
}
.rating-btn:hover {
  border-color: #6a58e9 !important;
  color: #6a58e9 !important;
}
.star-rating button {
  font-size: 34px !important;
}

/* IP Badge & Roles */
.ip-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 11px;
  font-weight: 750;
  background: #eff6ff;
  color: #1d4ed8;
  border: 1px solid #bfdbfe;
  padding: 3px 8px;
  border-radius: 6px;
}
.role-badge {
  display: inline-flex;
  align-items: center;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .5px;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 6px;
}
.role-badge.admin {
  background: #ede9fe;
  color: #6d28d9;
}
.role-badge.editor {
  background: #ccfbf1;
  color: #0f766e;
}
.role-badge.agent {
  background: #e0f2fe;
  color: #0369a1;
}
.role-badge.public {
  background: #f1f5f9;
  color: #475569;
}

.share-link-box {
  display: flex;
  gap: 8px;
  align-items: center;
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  padding: 6px 10px;
}
.share-link-input {
  flex: 1;
  background: transparent;
  border: none;
  font-family: monospace;
  font-size: 12px;
  color: #0f172a;
  outline: none;
}

/* Multi-user Assignment Checkboxes */
.operator-select-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 8px;
  max-height: 190px;
  overflow-y: auto;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 10px;
  background: #fafbfc;
}
.operator-select-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  font-size: 12px;
  cursor: pointer;
  user-select: none;
  transition: .15s;
}
.operator-select-item:hover {
  background: #f1f5f9;
  border-color: #cbd5e1;
}

/* Public Standalone Survey Interface */
.public-survey-wrap {
  min-height: 100vh;
  background: linear-gradient(135deg, #f8fafc 0%, #edf2f7 100%);
  padding: 40px 16px 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.public-survey-container {
  width: min(760px, 100%);
  background: #ffffff;
  border-radius: 24px;
  box-shadow: 0 20px 60px rgba(15, 23, 42, 0.08);
  border: 1px solid #e2e8f0;
  overflow: hidden;
}
.public-survey-header {
  padding: 36px 36px 28px;
  background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
  color: white;
}
.public-survey-body {
  padding: 32px 36px;
}
.public-survey-footer {
  padding: 20px 36px;
  background: #f8fafc;
  border-top: 1px solid #e2e8f0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}