*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f4f7fb;font-family:Arial,sans-serif}#root{min-height:100vh}body{background:#eef3f8}.notification{z-index:2000;color:#fff;border-radius:9px;align-items:center;gap:10px;max-width:min(420px,100vw - 32px);padding:14px 18px;font-weight:600;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 30px #0f172a38}.notification.success{background:#16744b}.notification.error{background:#b42318}.notification span{background:#ffffff2e;border-radius:50%;place-items:center;width:21px;height:21px;display:grid}@media (width<=600px){.notification{bottom:16px;right:16px}}.login-page{background:#f4f7fb;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:12px;width:420px;padding:40px;box-shadow:0 4px 12px #0000001a}.login-title{text-align:center;color:#0d47a1;margin-bottom:10px}.login-subtitle{text-align:center;color:#666;margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px;font-weight:600;display:block}.form-group input{box-sizing:border-box;border:1px solid #dcdcdc;border-radius:6px;width:100%;padding:12px;font-size:14px}.login-btn{color:#fff;cursor:pointer;background:#0d47a1;border:none;border-radius:6px;width:100%;padding:12px;font-size:16px}.login-btn:hover{opacity:.9}.rating-wrapper{min-width:180px;display:inline-block}.star-rating{gap:8px;display:flex}.star{cursor:pointer;color:#d1d5db;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:0;font-size:34px;transition:all .2s}.star:hover{transform:scale(1.15)}.star.active{color:#f4b400}.rating-label{color:#64748b;min-height:18px;margin-top:5px;font-size:12px;font-weight:600}.rating-label.visible{color:#0d47a1}body{background:#eef3f8;margin:0;font-family:Segoe UI,sans-serif}.survey-page{background:#fff;border-radius:20px;max-width:760px;margin:40px auto;padding:30px;box-shadow:0 10px 25px #00000014}.survey-title{text-align:center;color:#0d47a1;margin-bottom:10px;font-size:30px}.survey-subtitle{text-align:center;color:#667085;margin-bottom:30px;font-size:15px}.section-title{color:#0d47a1;margin-bottom:15px;font-size:20px;font-weight:600}.project-info{margin-bottom:30px}.project-info-row{align-items:flex-start;margin-bottom:12px;display:flex}.project-label{color:#475467;flex-shrink:0;width:160px;font-weight:600}.project-label:after{content:":";margin-left:6px}.project-value{color:#101828;overflow-wrap:anywhere;font-weight:500}.rating-guide{background:#f8fafc;border-radius:14px;margin-bottom:25px;padding:20px}.rating-guide h3{color:#0d47a1;margin-top:0;margin-bottom:15px}.rating-guide-row{text-align:center;justify-content:space-between;display:flex}.rating-item{flex:1}.rating-item .stars{color:#fbbf24;margin-bottom:6px;font-size:20px}.rating-item .label{color:#344054;font-size:12px}.question-section{border-bottom:1px solid #eaecf0;padding:18px 0}.question-section h3{color:#101828;margin-bottom:15px;font-size:17px}.star-container{flex-wrap:wrap;gap:10px;display:flex}.star-option{text-align:center;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:75px;padding:8px 10px;font-size:18px;transition:all .2s}.star-option:hover{border-color:#f5b301;transform:translateY(-2px);box-shadow:0 4px 8px #f5b30126}.selected{background:#fff8e1;border:2px solid #f5b301}.comments-box{resize:vertical;box-sizing:border-box;border:1px solid #d0d5dd;border-radius:10px;width:100%;min-height:120px;padding:12px;font-size:14px}.comments-box:focus{border-color:#0d47a1;outline:none}.submit-btn{color:#fff;cursor:pointer;background:#0d47a1;border:none;border-radius:10px;margin:25px auto 0;padding:12px 28px;font-size:15px;font-weight:600;transition:all .2s;display:block}.submit-btn:hover{background:#08357d;transform:translateY(-2px)}@media (width<=768px){.survey-page{margin:15px;padding:20px}.project-info-row{flex-direction:column}.rating-guide-row{flex-direction:column;gap:15px}.star-container{justify-content:center}}.rating-tooltip{color:#0d47a1;margin-top:10px;font-size:14px;font-weight:600}.success-overlay{-webkit-backdrop-filter:blur(8px);z-index:999;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.success-modal{text-align:center;background:#fff;border-radius:20px;min-width:350px;padding:40px;animation:.3s popIn}.success-icon{color:#fff;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:auto;font-size:40px;display:flex}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.success-modal{animation:.3s popIn,2s ease-in-out infinite floaty}@keyframes floaty{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.survey-header{text-align:center;margin-bottom:40px}.company-logo{width:170px;height:auto;margin-bottom:25px}.survey-title{color:#0d47a1;margin-bottom:15px;font-size:42px;font-weight:700}.survey-subtitle{color:#6b7280;width:75%;margin:auto;font-size:17px;line-height:28px}.question-row{border-bottom:1px solid #ececec;align-items:center;padding:18px 0;display:flex}.question-row label{color:#374151;flex:1;padding-right:30px;font-size:16px;font-weight:600}.question-row .rating-wrapper{flex-direction:column;flex-shrink:0;align-items:center;width:220px;display:flex}.overall-rating-card{background:#f7fbff;border:1px solid #dbe6f3;border-radius:12px;justify-content:space-between;align-items:center;margin:18px 0;padding:18px;display:flex}.overall-rating-card span{color:#64748b;font-size:13px;display:block}.overall-rating-card strong{color:#0d47a1;font-size:22px}.overall-stars{color:#f4b400;font-size:24px}.comments-box{width:100%;font:inherit;resize:vertical;border:1px solid #d1d5db;border-radius:8px;padding:12px}.comments-box::placeholder{font:inherit;color:#9ca3af}.admin-layout{min-height:100vh;display:flex}.sidebar{color:#fff;background:#0d47a1;width:260px;padding:24px}.sidebar-logo{margin-bottom:40px}.sidebar-logo img{box-sizing:content-box;background:#fff;border-radius:10px;width:150px;max-width:100%;height:auto;margin:0 auto;padding:12px 16px;display:block}.menu-item{color:#fff;border-radius:8px;margin-bottom:8px;padding:12px;text-decoration:none;display:block}.menu-item:hover{background:#ffffff26}button.menu-item{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0}.content{background:#f4f7fb;flex:1;padding:30px}.content-wrapper{width:100%;max-width:1400px;margin:0 auto}.grid-page{width:100%}.grid-title-row{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.grid-title-row h1{color:#0d47a1;text-align:left;margin:0}.eyebrow{color:#64748b;letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-size:12px;font-weight:700}.export-btn,.table-action,.pagination-bar button,.icon-button{cursor:pointer;font:inherit;border:0;border-radius:6px}.export-btn{color:#fff;background:#0d47a1;padding:11px 16px;font-weight:600}.filters-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:minmax(240px,2fr) repeat(5,minmax(130px,1fr));gap:12px;margin-bottom:18px;padding:16px;display:grid}.filters-card input,.filters-card select,.pagination-bar select{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:6px;min-width:0;padding:10px}.table-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0f172a0a}.table-scroll{overflow-x:auto}.table-card table{border-collapse:collapse;width:100%;min-width:960px;font-size:14px}.table-card th{z-index:1;color:#1e3a5f;text-align:left;white-space:nowrap;background:#edf3fb;padding:0;position:sticky;top:0}.sort-button{width:100%;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;padding:13px 14px;font-weight:700}.sort-button span{color:#64748b}.table-card td{color:#334155;vertical-align:middle;white-space:nowrap;border-top:1px solid #edf0f4;padding:13px 14px}.table-card tbody tr:hover{background:#f8fbff}.table-action{color:#0d47a1;background:#e6f0fd;padding:7px 12px;font-weight:700}.survey-actions{flex-wrap:wrap;gap:6px;display:flex}.cancel-action{color:#9a4d00;background:#fff4e5}.delete-action{color:#b42318;background:#feecec}.table-action:disabled{cursor:not-allowed;opacity:.55}.empty-cell{text-align:center;color:#64748b!important;padding:30px!important}.pagination-bar{color:#64748b;border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:14px;padding:14px;font-size:14px;display:flex}.pagination-bar label,.pagination-bar>div{align-items:center;gap:8px;display:flex}.pagination-bar select{padding:6px}.pagination-bar button{color:#1e3a5f;background:#eef3f8;padding:7px 10px}.pagination-bar button:disabled{cursor:not-allowed;opacity:.5}.grid-state{text-align:center;color:#64748b;padding:40px}.grid-error{color:#b91c1c}.modal-backdrop{z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.response-modal{background:#fff;border-radius:12px;width:min(880px,100%);max-height:calc(100vh - 40px);padding:24px;overflow-y:auto;box-shadow:0 20px 50px #0f172a40}.modal-header{justify-content:space-between;align-items:start;gap:20px;margin-bottom:22px;display:flex}.modal-header h2{color:#0d47a1;text-align:left;margin:0}.icon-button{color:#334155;background:#eef3f8;width:34px;height:34px;font-size:25px;line-height:1}.details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.details-grid>div,.ratings-list>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.details-grid span,.ratings-list span{color:#64748b;margin-bottom:5px;font-size:12px;display:block}.details-grid strong{color:#1e293b;overflow-wrap:anywhere}.modal-section{margin-top:24px}.modal-section h3{color:#1e3a5f;margin:0 0 10px;font-size:16px}.ratings-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.rating-value{letter-spacing:1px;color:#c58b00!important}.comments-detail{color:#334155;white-space:pre-wrap;background:#f8fafc;border-radius:8px;margin:0;padding:14px;line-height:1.55}.modal-footer{justify-content:end;margin-top:24px;display:flex}@media (width<=1050px){.filters-card{grid-template-columns:repeat(3,minmax(0,1fr))}.filters-card input:first-child{grid-column:span 3}}@media (width<=700px){.grid-title-row,.pagination-bar{flex-direction:column;align-items:stretch}.filters-card{grid-template-columns:1fr}.filters-card input:first-child{grid-column:auto}.details-grid,.ratings-list{grid-template-columns:1fr}.response-modal{padding:18px}}.truncate-text{white-space:nowrap;text-overflow:ellipsis;white-space:nowrap;cursor:default;max-width:220px;overflow:hidden}.email-failed{color:#b42318;cursor:help;font-weight:600;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.status-closed{color:#b42318;vertical-align:middle;background:#fee4e2;border-radius:999px;margin-left:10px;padding:2px 10px;font-size:13px;font-weight:600;display:inline-block}.email-error-detail{color:#b42318;background:#fef3f2;border-radius:8px;margin:0;padding:14px;line-height:1.55}.form-card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 10px #00000014}.form-row{margin-bottom:20px}.form-row label{margin-bottom:8px;font-weight:600;display:block}.form-row input,.form-row textarea{box-sizing:border-box;border:1px solid #dcdcdc;border-radius:6px;width:100%;padding:12px}.form-row textarea{font:inherit;resize:vertical}.primary-btn{color:#fff;cursor:pointer;background:#0d47a1;border:none;border-radius:6px;padding:12px 24px}.error-text{color:red;margin-top:6px;font-size:13px}.primary-btn:disabled,.login-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.65}.page-container{width:100%}.page-title{color:#0d47a1;margin-bottom:25px}.question-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 10px #00000014}.question-row{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:12px;display:flex}.dashboard-page{width:100%}.dashboard-heading h1{color:#0d47a1;text-align:left;margin:0}.dashboard-heading>p:last-child{color:#64748b;margin:8px 0 24px}.summary-grid{grid-template-columns:repeat(6,minmax(150px,1fr));gap:14px;margin-bottom:18px;display:grid}.summary-card,.dashboard-panel{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 10px #0f172a0a}.summary-card{padding:18px}.summary-card span{color:#64748b;font-size:13px;display:block}.summary-card strong{color:#0d47a1;margin-top:9px;font-size:25px;display:block}.dashboard-chart-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.dashboard-panel{padding:18px}.dashboard-panel h2{color:#1e3a5f;text-align:left;margin:0 0 16px;font-size:16px}.status-list,.recent-item{gap:10px;display:grid}.status-list>div,.recent-item{color:#475569;border-bottom:1px solid #edf0f4;justify-content:space-between;padding:10px 0;display:flex}.status-list>div:last-child,.recent-item:last-child{border:0}.bars{gap:12px;display:grid}.bar-row{grid-template-columns:minmax(70px,1fr) 2fr 32px;align-items:center;gap:8px;font-size:12px;display:grid}.bar-row>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bar-row>div{background:#e6eef8;border-radius:8px;height:9px;overflow:hidden}.bar-row i{border-radius:inherit;background:#0d47a1;height:100%;display:block}.satisfaction,.satisfaction h2{text-align:center}.satisfaction-score{color:#0d47a1;font-size:54px;font-weight:800}.satisfaction-score small{font-size:18px}.satisfaction p{color:#64748b}.recent-panel{margin-top:18px}.recent-item div{gap:3px;display:grid}.recent-item span{color:#64748b;font-size:13px}@media (width<=1100px){.summary-grid{grid-template-columns:repeat(3,1fr)}.dashboard-chart-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.summary-grid,.dashboard-chart-grid{grid-template-columns:1fr}}.projects-page{width:100%}.projects-table{min-width:900px}.project-details-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.project-details-header h1{text-align:left;margin:0}.project-info-card{margin-bottom:24px}.project-actions,.form-actions{flex-wrap:wrap;gap:12px;display:flex}.secondary-btn{color:#1e3a5f;cursor:pointer;background:#eef3f8;border:0;border-radius:6px;padding:12px 24px}.project-surveys h2{color:#0d47a1;text-align:left;margin:0 0 16px}