:root{color:#10152a;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f8fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f7f8fc;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app{min-height:100vh}.sidebar{color:#fff;z-index:20;background:linear-gradient(#0a1020,#0d1427);flex-direction:column;width:238px;padding:18px 15px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:10px;padding:2px 5px 25px;display:flex}.brandIcon{background:linear-gradient(135deg,#6b2df5,#3e16aa);border-radius:14px;place-items:center;width:42px;height:42px;font-weight:800;display:grid;box-shadow:0 10px 25px #3b1a8b66}.brand strong{letter-spacing:.5px;font-size:13px;display:block}.brand span{color:#9ba5bb;margin-top:4px;font-size:10px;display:block}.closeSide{color:#fff;background:0 0;border:0;margin-left:auto;display:none}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav button{color:#cbd1df;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:12px;font-size:13px;font-weight:600;display:flex}.sidebar nav button:hover{color:#fff;background:#ffffff0d}.sidebar nav button.active{color:#fff;background:linear-gradient(90deg,#5d21d8,#4b18b8);box-shadow:0 8px 18px #5b21e833}.sidebar nav button em{color:#fff;background:#ef476f;border-radius:20px;margin-left:auto;padding:2px 6px;font-size:10px;font-style:normal}.companyCard{text-align:center;background:#ffffff0b;border:1px solid #ffffff10;border-radius:10px;margin-top:auto;padding:13px}.logoCircle{color:#8d3b6d;background:#fff;border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto 9px;font-weight:800;display:grid}.companyCard strong{font-size:12px;display:block}.companyCard span{color:#aab3c5;margin:4px 0 10px;font-size:10px;display:block}.companyCard button{color:#fff;background:#5420ce;border:0;border-radius:7px;width:100%;padding:8px;font-size:10px;font-weight:700}.help{background:#ffffff0b;border:1px solid #ffffff10;border-radius:10px;margin-top:12px;padding:13px}.help strong,.help span{display:block}.help strong{font-size:11px}.help span{color:#aab3c5;margin:4px 0 9px;font-size:9px}.help button{color:#fff;background:#10a76d;border:0;border-radius:7px;padding:7px 10px;font-size:10px;font-weight:700}.sidebarFoot{color:#687389;padding:14px 5px 2px;font-size:9px}.sidebarFoot span{float:right}.main{min-height:100vh;margin-left:238px}.topbar{z-index:10;background:#fff;border-bottom:1px solid #e8eaf1;align-items:center;gap:12px;height:72px;padding:0 26px;display:flex;position:sticky;top:0}.topSelect{color:#252b3c;background:#fff;border:1px solid #e2e5ee;border-radius:8px;align-items:center;gap:8px;height:39px;padding:0 12px;font-size:12px;font-weight:650;display:flex;box-shadow:0 2px 7px #15204708}.topSelect select{color:#252b3c;background:0 0;border:0;outline:0;font-size:12px;font-weight:650}.topRight{align-items:center;gap:9px;margin-left:auto;display:flex}.iconBtn{color:#333b4d;background:#fff;border:0;padding:7px;position:relative}.iconBtn b{color:#fff;background:#ef476f;border-radius:20px;place-items:center;min-width:15px;height:15px;font-size:9px;display:grid;position:absolute;top:0;right:1px}.avatar{color:#5b21e8;background:#e7ebf4;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.userText strong,.userText span{display:block}.userText strong{font-size:11px}.userText span{color:#8a92a5;margin-top:2px;font-size:9px}.content{max-width:1550px;margin:auto;padding:26px}.pageTitle{justify-content:space-between;align-items:flex-end;margin-bottom:22px;display:flex}.pageTitle h1{letter-spacing:-.6px;margin:0;font-size:24px}.pageTitle p{color:#70788a;margin:6px 0 0;font-size:12px}.titleActions{gap:8px;display:flex}.primaryBtn,.ghostBtn,.linkBtn{background:#fff;border:1px solid #e0e3ec;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 13px;font-size:11px;font-weight:750;display:inline-flex}.primaryBtn{color:#fff;background:#5b21e8;border-color:#5b21e8;box-shadow:0 6px 15px #5b21e829}.primaryBtn:disabled{opacity:.5;cursor:not-allowed}.ghostBtn:hover{background:#fafaff}.linkBtn{color:#5b21e8;background:0 0;border:0;padding:3px}.kpiGrid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px;display:grid}.kpi{background:#fff;border:1px solid #e8eaf1;border-radius:10px;gap:13px;padding:17px;display:flex;box-shadow:0 3px 14px #17203d05}.kpiIcon{color:#5b21e8;background:#f0eaff;border-radius:50%;flex:none;place-items:center;width:43px;height:43px;display:grid}.kpiBody>span{color:#727a8d;font-size:10px;display:block}.kpiBody strong{margin:5px 0;font-size:27px;line-height:1.1;display:block}.kpiBody small{align-items:center;gap:2px;font-size:9px;display:flex}.pos{color:#0a9b66}.neg{color:#e2495b}.muted{color:#9299aa!important}.dashboardGrid{grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr) 360px;gap:12px;display:grid}.card{background:#fff;border:1px solid #e8eaf1;border-radius:10px;min-width:0;padding:16px;box-shadow:0 3px 14px #17203d05}.chartCard,.distribution{grid-column:1/span 2}.cardHead{justify-content:space-between;align-items:flex-start;margin-bottom:13px;display:flex}.cardHead h2{margin:0;font-size:13px}.cardHead span{color:#8a91a1;margin-top:4px;font-size:9px;display:block}.cardHead select{color:#444c5e;border:1px solid #e3e6ee;border-radius:7px;padding:7px 9px;font-size:10px}.donutWrap{justify-content:center;align-items:center;gap:48px;height:255px;display:flex}.donut{background:conic-gradient(#13a77b 0 62%,#3c82ee 62% 86%,#f2a414 86% 94%,#ed6b38 94% 98%,#df4d66 98% 100%);border-radius:50%;place-items:center;width:190px;height:190px;display:grid;position:relative}.donut:after{content:"";background:#fff;border-radius:50%;width:116px;height:116px;position:absolute}.donut div{z-index:1;text-align:center;position:relative}.donut strong{font-size:24px;display:block}.donut span{color:#858d9f;font-size:9px}.legend{width:180px}.legend>div{align-items:center;gap:7px;padding:6px 0;font-size:10px;display:flex}.legend b{margin-left:auto}.dot{border-radius:50%;width:9px;height:9px;display:block}.dot.g{background:#13a77b}.dot.b{background:#3c82ee}.dot.y{background:#f2a414}.dot.o{background:#ed6b38}.dot.r{background:#df4d66}.pointRows{flex-direction:column;display:flex}.pointRow{border-top:1px solid #f0f1f5;grid-template-columns:34px 120px 48px 1fr 90px 35px 18px;align-items:center;gap:8px;padding:9px 0;display:grid}.pointIcon{border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.pointIcon.purple{color:#5b21e8;background:#eee9ff}.pointIcon.green{color:#109c67;background:#e3f7ed}.pointIcon.blue{color:#3274e5;background:#e6efff}.pointIcon.pink{color:#db5074;background:#fde9f0}.pointIcon.orange{color:#e78620;background:#fff0dd}.pointName strong,.pointName span{display:block}.pointName strong{font-size:10px}.pointName span{color:#9198a8;margin-top:2px;font-size:8px}.rating{color:#e7a00b;font-size:10px}.bar{background:#e8eaf0;border-radius:20px;height:6px;overflow:hidden}.bar i{background:#5b21e8;border-radius:20px;height:100%;display:block}.responses{color:#6e7688;font-size:9px}.reasonList>div{grid-template-columns:120px 1fr 45px;align-items:center;gap:10px;padding:7px 0;display:grid}.reasonList span,.reasonList b{font-size:9px}.reasonList>div>div{background:#f0f1f4;border-radius:10px;height:8px;overflow:hidden}.reasonList i{background:#e95767;border-radius:10px;height:100%;display:block}.reasonList small{color:#858c9c;font-size:8px;font-weight:500}.feedbackCard{grid-column:1/span 2}.feedbackItem{border-top:1px solid #eff0f4;align-items:center;gap:11px;padding:10px 0;display:flex}.face{border-radius:50%;flex:none;place-items:center;width:31px;height:31px;font-size:18px;display:grid}.face.good{color:#0b9c67;background:#dff6ea}.face.bad{color:#dc4c61;background:#ffe5e8}.face.mid{color:#e3a021;background:#fff0cf}.feedbackMain{flex:1;min-width:0}.stars{color:#efa60a;letter-spacing:1px;font-size:13px}.stars span{color:#dfe1e8}.feedbackMain p{color:#252b3a;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 3px;font-size:10px;overflow:hidden}.feedbackMain small{color:#7e8798;font-size:8px}.tag{border-radius:7px;padding:7px 9px;font-size:9px}.tag.good{color:#159261;background:#e8f8ef}.tag.bad{color:#d94e62;background:#fff0f1}.tag.mid{color:#d38a13;background:#fff6df}.rightStack{flex-direction:column;grid-area:1/3/span 3;gap:12px;display:flex}.alertPanel .cardHead,.qrMini .cardHead{margin-bottom:9px}.alertItem{border:1px solid;border-radius:9px;align-items:center;gap:9px;margin-top:7px;padding:10px;display:flex}.alertItem.critical{color:#e94a5e;background:#fff8f8;border-color:#ffd0d5}.alertItem.warning{color:#ec7415;background:#fffaf6;border-color:#ffd7bd}.alertItem.notice{color:#d8940e;background:#fffdf6;border-color:#ffe5ae}.alertItem>div{flex:1}.alertItem strong,.alertItem span,.alertItem small{display:block}.alertItem strong{font-size:10px}.alertItem span{color:#3f4655;margin-top:3px;font-size:9px}.alertItem small{color:#8b93a2;margin-top:4px;font-size:8px}.qrGrid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.qrCard{text-align:center;border:1px solid #e9ebf1;border-radius:8px;padding:9px}.qrTop{text-align:left;align-items:center;gap:6px;margin-bottom:7px;display:flex}.tinyType{color:#5b21e8;background:#f0eaff;border-radius:7px;place-items:center;width:25px;height:25px;display:grid}.tinyType.green{color:#0b9c67;background:#e5f8ef}.tinyType.blue{color:#3274e5;background:#e9f1ff}.tinyType.pink{color:#dc5074;background:#ffedf3}.tinyType.orange{color:#e88722;background:#fff0df}.qrTop strong,.qrTop small{display:block}.qrTop strong{font-size:9px}.qrTop small{color:#8b92a1;margin-top:2px;font-size:7px}.qrCard>small{color:#6e7688;margin-top:3px;font-size:8px;display:block}.newQR{color:#5b21e8;background:#fbf9ff;border:1px dashed #b99cff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:150px;display:flex}.newQR strong{font-size:10px}.newQR span{color:#7c7395;text-align:center;font-size:8px}.waCard{background:#fff;border:1px solid #e8eaf1;border-radius:10px;align-items:center;gap:10px;padding:14px;display:flex}.waIcon{color:#0b9c67;background:#e5f8ee;border-radius:50%;place-items:center;width:35px;height:35px;font-weight:900;display:grid}.waCard>div:nth-child(2){flex:1}.waCard strong,.waCard span{display:block}.waCard strong{font-size:9px}.waCard span{color:#7e8798;margin-top:3px;font-size:8px}.waCard button{color:#5b21e8;background:#fbf9ff;border:1px solid #c9b5ff;border-radius:7px;padding:7px;font-size:8px;font-weight:700}.toolbar{gap:8px;margin-bottom:12px;display:flex}.search{color:#9098a8;background:#fff;border:1px solid #e1e4ed;border-radius:8px;flex:1;align-items:center;gap:8px;max-width:380px;height:38px;padding:0 11px;display:flex}.search input{border:0;outline:0;width:100%;font-size:11px}.twoCol{grid-template-columns:1fr 1.4fr;gap:12px;margin-bottom:12px;display:grid}.ratingBars{padding:15px 10px}.ratingBars>div{grid-template-columns:85px 1fr 40px;align-items:center;gap:10px;margin:16px 0;font-size:10px;display:grid}.ratingBars>div>div{background:#eef0f4;border-radius:20px;height:12px;overflow:hidden}.ratingBars i{background:#5b21e8;border-radius:20px;height:100%;display:block}.ratingBars b{text-align:right}.table{margin-top:6px}.tr{border-top:1px solid #eff0f4;grid-template-columns:1.5fr 100px 150px 100px;align-items:center;padding:12px 5px;font-size:10px;display:grid}.tr span:first-child strong,.tr span:first-child small{display:block}.tr small{color:#8a92a2;margin-top:3px;font-size:8px}.tableHead,.pointTableRow{grid-template-columns:2fr 1.3fr .7fr .7fr 1fr .8fr;align-items:center;gap:10px;display:grid}.tableHead{color:#9299a8;padding:0 10px 10px;font-size:8px;font-weight:800}.pointTableRow{border-top:1px solid #eff0f4;padding:12px 10px;font-size:10px}.ptTitle{align-items:center;gap:9px;display:flex}.ptTitle strong,.ptTitle small{display:block}.ptTitle small{color:#8d95a5;margin-top:3px;font-size:8px}.pointTableRow code{color:#5b21e8;background:#f4f1ff;border-radius:5px;padding:4px 6px;font-size:9px}.status{color:#0a9964;font-size:9px}.status i{background:#15ae72;border-radius:50%;width:7px;height:7px;display:inline-block}.actions{gap:5px;display:flex}.actions button{color:#5b6272;background:#fff;border:1px solid #e1e4ec;border-radius:6px;padding:6px}.infoBanner{color:#5b21e8;background:#f5f2ff;border:1px solid #e3d9ff;border-radius:10px;align-items:center;gap:10px;margin-top:12px;padding:13px;display:flex}.infoBanner strong,.infoBanner span{display:block}.infoBanner strong{font-size:10px}.infoBanner span{color:#6e6682;margin-top:3px;font-size:9px}.feedbackList{padding:5px 16px}.alertStats{gap:10px;margin-bottom:12px;display:flex}.miniStat{background:#fff;border:1px solid #e8eaf1;border-radius:10px;min-width:130px;padding:15px 22px}.miniStat strong,.miniStat span{display:block}.miniStat strong{font-size:24px}.miniStat span{color:#8a92a2;margin-top:4px;font-size:9px}.alertRow{border-top:1px solid #eff0f4;align-items:center;gap:12px;padding:14px 0;display:flex}.alertBadge{border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.alertBadge.critical{color:#df4d60;background:#fff0f1}.alertBadge.warning{color:#e87917;background:#fff3e8}.alertBadge.notice{color:#d39312;background:#fff7df}.alertText{flex:1}.alertText strong,.alertText span,.alertText small{display:block}.alertText strong{font-size:11px}.alertText span{margin-top:3px;font-size:9px}.alertText small{color:#8d95a4;margin-top:3px;font-size:8px}.statusPill{color:#b87b0c;background:#fff3d8;border-radius:20px;padding:5px 8px;font-size:8px}.reportGrid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.reportGrid>div{background:#f8f9fc;border-radius:8px;padding:13px}.reportGrid span,.reportGrid strong{display:block}.reportGrid span{color:#8b92a2;font-size:9px}.reportGrid strong{margin-top:7px;font-size:11px}.settingsGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.settingsCard h2{margin:0;font-size:14px}.settingsCard>p{color:#8a92a1;margin:5px 0 16px;font-size:9px}.settingsCard label{margin:12px 0;font-size:9px;font-weight:700;display:block}.settingsCard input,.settingsCard select{background:#fff;border:1px solid #e1e4ed;border-radius:7px;outline:0;width:100%;height:39px;margin-top:6px;padding:0 10px;font-size:10px;display:block}.waSetting{background:#f8f9fc;border-radius:9px;align-items:center;gap:10px;padding:12px;display:flex}.waSetting strong,.waSetting span{display:block}.waSetting strong{font-size:10px}.waSetting span{color:#8991a1;margin-top:3px;font-size:8px}.settingNotice{color:#5b21e8;background:#f5f2ff;border:1px solid #e4dcff;border-radius:8px;gap:8px;padding:10px;font-size:8px;line-height:1.4;display:flex}.modalBackdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#09101f88;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:min(460px,100%);padding:24px;position:relative;box-shadow:0 30px 80px #050a1780}.modalClose{color:#687083;background:#f4f5f8;border:0;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:15px;right:15px}.modalIcon{color:#5b21e8;background:#eee9ff;border-radius:13px;place-items:center;width:45px;height:45px;margin-bottom:13px;display:grid}.modal h2{margin:0;font-size:18px}.modal>p{color:#828a9b;margin:6px 0 18px;font-size:10px}.modal label{margin:12px 0;font-size:9px;font-weight:750;display:block}.modal label input,.modal label select{background:#fff;border:1px solid #dfe3eb;border-radius:8px;outline:0;width:100%;height:40px;margin-top:6px;padding:0 10px;font-size:11px;display:block}.modalActions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.qrModal{text-align:center}.qrModal .modalIcon{margin-left:auto;margin-right:auto}.qrLarge{background:#fff;border:1px solid #e6e8ef;border-radius:10px;margin:5px 0 14px;padding:15px;display:inline-flex}.urlBox{border:1px solid #e0e3eb;border-radius:7px;align-items:center;gap:6px;padding:7px 9px;display:flex}.urlBox span{color:#6f7789;text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;font-size:8px;overflow:hidden}.urlBox button{color:#5b21e8;background:#f3f4f7;border:0;border-radius:6px;padding:6px}.toast{color:#fff;z-index:70;background:#10182a;border-radius:9px;align-items:center;gap:8px;padding:11px 14px;font-size:10px;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 15px 35px #0004}.mobileMenu{background:0 0;border:0;padding:6px;display:none}.closeSide{display:none}@media (width<=1180px){.dashboardGrid{grid-template-columns:1fr 1fr}.chartCard,.distribution,.feedbackCard{grid-column:1/span 2}.rightStack{grid-area:auto/1/auto/span 2;grid-template-columns:1fr 1fr;display:grid}.kpiGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.sidebar{width:250px;transition:all .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.closeSide{display:grid}.main{margin-left:0}.mobileMenu{display:grid}.topbar{padding:0 12px}.topSelect:first-of-type,.userText{display:none}.content{padding:18px 12px}.dashboardGrid,.twoCol,.settingsGrid{grid-template-columns:1fr}.chartCard,.distribution,.feedbackCard,.rightStack{grid-column:1}.rightStack{display:flex}.kpiGrid{grid-template-columns:1fr 1fr}.pageTitle{flex-direction:column;align-items:flex-start;gap:12px}.tableHead{display:none}.pointTableRow{grid-template-columns:1.7fr 1fr 1fr;gap:8px}.pointTableRow code,.pointTableRow>.status,.pointTableRow>b{display:none}.tr{grid-template-columns:1fr 70px 80px}.donutWrap{gap:18px}.donut{width:145px;height:145px}.donut:after{width:90px;height:90px}.legend{width:145px}.qrGrid,.reportGrid{grid-template-columns:1fr 1fr}}@media (width<=520px){.kpiGrid{grid-template-columns:1fr}.topbar{gap:5px}.topSelect{padding:0 7px}.dashboardGrid{display:block}.card,.chartCard,.distribution{margin-bottom:12px}.pointRow{grid-template-columns:30px 1fr 45px}.pointRow .bar,.pointRow .responses,.pointRow .pos,.pointRow .neg,.pointRow>svg{display:none}.reasonList>div{grid-template-columns:100px 1fr 35px}.qrGrid{grid-template-columns:1fr}.qrCard canvas{width:100px!important;height:100px!important}.alertStats{overflow:auto}.modal{padding:20px}.reportGrid{grid-template-columns:1fr}}