body{font-weight:300}html,body,#root{min-height:100vh}.wrapper{position:relative;min-height:100vh;background:linear-gradient(#1e1e2f,#1e1e24)}.sidebar{width:230px;position:fixed;top:0;left:0;height:100vh;z-index:10;display:flex;flex-direction:column;justify-content:space-between;padding:30px 0;overflow:hidden}.main-panel{position:static!important;float:none!important;width:auto!important;margin-left:230px!important;min-height:100vh}.main-panel .content{padding:40px}@media (max-width: 900px){.sidebar{position:static;width:auto;height:auto}.main-panel{margin-left:0}}.sidebar .logo{padding:0 18px 25px;border-bottom:1px solid hsla(0,0%,100%,.15);margin:0 15px 10px}.sidebar .logo-normal{color:#fff;font-weight:600;font-size:14px;letter-spacing:.06em;text-decoration:none;display:flex;align-items:center;gap:26px}.sidebar-logo-img{width:42px;height:42px;object-fit:contain;border-radius:8px;background:#fff;padding:3px;flex-shrink:0}.sidebar .nav{list-style:none;margin:20px 0 0;padding:0}.sidebar .nav li>a,.sidebar-logout{margin:10px 15px 0;border-radius:30px;color:#fff;display:flex;align-items:center;text-decoration:none;position:relative;text-transform:uppercase;cursor:pointer;font-size:.68rem;padding:10px 8px;letter-spacing:.05em}.sidebar .nav li>a svg,.sidebar-logout svg{margin-right:12px;opacity:.85;flex-shrink:0}.sidebar .nav li>a p,.sidebar-logout p{margin:0}.sidebar .nav li.active>a{background:#ffffff2e}.sidebar-logout-wrap{padding:0 0 10px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(#1e1e2f,#1e1e24)}.login-card{width:340px;display:flex;flex-direction:column;gap:16px;padding:44px 40px;border-top:2px solid #1d8cf8;box-shadow:0 1px 20px #0000001a,0 0 60px #1d8cf833}.login-logo-img{width:56px;height:56px;object-fit:contain;border-radius:12px;background:#fff;padding:6px;align-self:center}.login-card h1{margin:0;font-size:22px;color:#1d8cf8;letter-spacing:.05em;text-align:center}.login-card button{box-shadow:0 4px 20px #1d8cf866}.login-card .subtitle{margin:-8px 0 6px;color:#9a9a9a;font-size:13px;font-weight:300;text-align:center}.login-card label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:400;color:#9a9a9a}.page-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px;gap:20px}.page-title-row .card-category{margin-top:4px}.back-link{font-size:13px;color:#1d8cf8;text-decoration:none;display:inline-block;margin-bottom:10px}.error{background:#fd5d931f;color:#fd5d93;border:1px solid rgba(253,93,147,.3);padding:10px 14px;border-radius:.2857rem;margin-bottom:16px;font-size:14px}.new-metric-form{display:flex;flex-direction:column;gap:14px;max-width:480px}.new-metric-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#9a9a9a}.form-actions{display:flex;gap:10px}.filters-row{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-end}.filters-row label{display:flex;flex-direction:column;font-size:12px;gap:6px;color:#9a9a9a}.filters-row .form-control{min-width:150px}.metrics-table .truncate{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9a9a9a}.metrics-table .actions,.responses-table{display:table}.actions{display:flex;gap:8px;align-items:center}.empty{text-align:center;color:#9a9a9a;padding:30px}.list-header{display:flex;justify-content:space-between;align-items:center}.pagination{display:flex;gap:12px;align-items:center;justify-content:center;padding:18px 0 4px}.pagination button{background:#1e1e2f;color:#fff;border:1px solid hsla(0,0%,100%,.1);border-radius:.2857rem;padding:6px 14px}.pagination button:disabled{opacity:.3}.btn-primary:hover{box-shadow:0 4px 20px #e14eca80}.btn-info:hover{box-shadow:0 4px 20px #1d8cf880}.btn-success:hover{box-shadow:0 4px 20px #00f2c380}.btn-warning:hover{box-shadow:0 4px 20px #ff8d7280}.btn-danger:hover{box-shadow:0 4px 20px #fd5d9380}.score-layout{display:flex;align-items:center;gap:34px;flex-wrap:wrap}#cg-logo{position:relative;display:inline-block;width:200px;height:200px;flex-shrink:0}.cg-speedometer{width:200px;height:200px;border-radius:100%;display:inline-block;border-left:50px solid #fd5d93;border-top:50px solid #ff8d72;border-right:50px solid #00f2c3;border-bottom:50px solid rgba(0,0,0,0)}.cg-needle{width:3px;height:70px;background:#fff;border-radius:100% 100% 3px 3px;display:inline-block;position:absolute;left:98.5px;top:30px;transform-origin:bottom}.cg-number100,.cg-number-100{font-weight:400;width:50px;height:10px;display:inline-block;position:absolute;transform-origin:bottom;font-size:11px;color:#9a9a9a}.cg-number100{left:125px;top:160px;transform:rotate(46deg)}.cg-number-100{left:38px;top:145px;transform:rotate(-46deg)}.cg-scorenumber{border-radius:.2857rem;text-align:center;background:#1e1e2f;color:#fff;font-weight:600;width:30px;height:18px;display:inline-block;position:absolute;left:85px;top:120px;line-height:18px;font-size:11px;border:1px solid rgba(29,140,248,.4);box-shadow:0 0 14px #1d8cf880}.donut-svg{width:140px}.score-badge-stack{display:flex;flex-direction:column;gap:8px}.score-badge{border-radius:.2857rem;background:#1e1e2f;border:1px solid hsla(0,0%,100%,.08)}.score-badge-label{padding:8px 24px;text-align:left;font-size:13px;color:#9a9a9a;text-transform:uppercase;letter-spacing:.06em;font-weight:400}.score-badge-value{padding:16px 24px;font-size:30px;color:#1d8cf8;text-align:center;font-weight:600;text-shadow:0 0 24px rgba(29,140,248,.5)}.kpi-bars{display:flex;flex-direction:column;gap:8px;flex:1;min-width:340px}.kpi-row{display:grid;grid-template-columns:1fr 80px 90px;gap:8px}.kpi-box{border-radius:.2857rem;color:#fff;font-weight:400;font-size:13px;padding:9px 16px;display:flex;align-items:center}.kpi-label-box{justify-content:flex-start}.kpi-pct-box{justify-content:center}.kpi-value-box{justify-content:flex-end}.kpi-promoters{background:#00f2c3;color:#1e1e2f}.kpi-passives{background:#ff8d72;color:#1e1e2f}.kpi-detractors{background:#fd5d93}.kpi-neutral-dark{background:#27293d;border:1px solid hsla(0,0%,100%,.08)}.kpi-neutral-gray{background:#40435c}.kpi-neutral-light{background:#565a78}.rating-icons{display:flex;gap:4px;margin-bottom:10px}.rating-icon-col{flex:1;text-align:center;font-size:11px;color:#9a9a9a}.rating-icon-col svg{display:block;margin:0 auto 2px}.rating-strip{display:flex;gap:2px;height:42px}.rating-segment{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#1e1e2f;font-size:11px;line-height:1.2;border-radius:.2857rem}.rating-segment-count{font-weight:700}.rating-segment-pct{font-size:10px;opacity:.85}.public-survey-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(#1e1e2f,#1e1e24);padding:30px}.public-survey-card{background:#27293d;border-radius:12px;padding:40px;max-width:560px;width:100%;box-shadow:0 1px 30px #0000004d;text-align:center}.public-survey-logo{width:90px;height:90px;object-fit:contain;margin-bottom:20px}.public-survey-card h2{font-size:19px;font-weight:500;margin:0 0 24px;text-align:left}.public-survey-muted{color:#9a9a9a;font-size:14px}.public-survey-scale{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-bottom:6px}.public-survey-num{width:40px;height:40px;border-radius:8px;border:none;color:#fff;font-weight:700;font-size:14px;cursor:pointer;opacity:.85;transition:all .15s ease}.public-survey-num:hover{opacity:1;transform:translateY(-2px)}.public-survey-num.selected{opacity:1;outline:3px solid #fff;transform:translateY(-2px)}.public-survey-scale-labels{display:flex;justify-content:space-between;color:#9a9a9a;font-size:12px;margin-bottom:28px}.public-survey-comment-label{display:block;text-align:left;font-size:14px;font-weight:500;margin-bottom:10px}.public-survey-comment{width:100%;background:#ffffff0a;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#fff;padding:12px;font-family:inherit;font-size:14px;margin-bottom:20px;resize:vertical}.public-survey-submit{width:100%;background:#00f2c3;color:#1e1e2f;border:none;border-radius:8px;padding:14px;font-size:15px;font-weight:700;cursor:pointer}.public-survey-submit:disabled{opacity:.4;cursor:default}