:root{color:#16322c;background:#f4f7f6;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh;display:flex}aside{color:#eaf5f1;background:#083d35;width:250px;padding:22px 16px;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:4px 8px 28px;display:flex}.mark{color:#083d35;background:#b8dfcf;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.brand b,.brand span{display:block}.brand span{opacity:.72;margin-top:3px;font-size:12px}nav button{color:#cfe4de;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;width:100%;margin:4px 0;padding:12px 13px;font-size:14px;display:block}nav button.active,nav button:hover{color:#fff;background:#126052}.side-note{display:none}main{width:calc(100% - 250px);max-width:1500px;margin-left:250px;padding:28px 34px 50px}header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}h1{margin:0;font-size:26px}header p{color:#71817d;margin:5px 0 0}.refresh{color:#31544b;cursor:pointer;background:#fff;border:1px solid #cbd8d4;border-radius:9px;padding:9px 14px}.filters{background:#fff;border:1px solid #dce7e3;border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px;padding:14px;display:grid;box-shadow:0 2px 10px #1232}.filters label span{color:#71817d;margin:0 0 5px;font-size:11px;display:block}.filters select{color:#1d3b34;background:#fbfdfc;border:1px solid #ccd9d5;border-radius:8px;width:100%;padding:9px}.kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.kpi{background:#fff;border:1px solid #dce7e3;border-radius:13px;min-height:85px;padding:15px}.kpi span{color:#72817d;font-size:11px;display:block}.kpi strong{color:#0b5b4d;margin-top:8px;font-size:20px;display:block}.card{background:#fff;border:1px solid #dce7e3;border-radius:14px;margin-bottom:18px;padding:18px;box-shadow:0 2px 8px #1231}.grid2{grid-template-columns:1fr 1fr;gap:18px;display:grid}.chart h2,.card h2{margin:0 0 18px;font-size:15px}.barrow{grid-template-columns:180px 1fr 58px;align-items:center;gap:10px;margin:13px 0;font-size:13px;display:grid}.barrow>div{background:#e7efec;border-radius:99px;height:10px;overflow:hidden}.barrow i{background:#16806d;border-radius:99px;height:100%;display:block}.barrow b{text-align:right;font-size:12px}.navgrid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.navgrid button{text-align:left;color:#1d4c42;cursor:pointer;background:#fff;border:1px solid #dce7e3;border-radius:13px;padding:18px;font-weight:700}.navgrid button span{float:right}.navgrid button:hover{background:#f5fbf9;border-color:#16806d}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#577069;text-transform:uppercase;letter-spacing:.04em;background:#f0f6f3;font-size:11px}th,td{border-bottom:1px solid #e5ece9;padding:12px 10px}tbody tr:hover{background:#f7fbf9}.link{color:#08715f;cursor:pointer;font-weight:700}.profile{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.profile div{background:#f5f9f7;border-radius:10px;padding:12px}.profile span,.profile b{display:block}.profile span{color:#74827e;font-size:11px}.profile b{margin-top:5px;font-size:13px}.positive{color:#08715f;font-weight:700}.negative{color:#b04b40;font-weight:700}.empty{text-align:center;color:#899792;padding:30px}@media (width<=1000px){aside{width:210px}main{width:calc(100% - 210px);margin-left:210px;padding:22px}.filters{grid-template-columns:repeat(4,1fr)}.kpis{grid-template-columns:repeat(2,1fr)}.grid2,.profile{grid-template-columns:1fr}.navgrid{grid-template-columns:1fr 1fr}}@media (width<=650px){aside{width:100%;height:auto;position:static}.app{display:block}main{width:100%;margin:0;padding:15px}.side-note{display:none}.filters{grid-template-columns:1fr 1fr}.navgrid{grid-template-columns:1fr}header{align-items:flex-start;gap:10px}.barrow{grid-template-columns:110px 1fr 50px;gap:6px;font-size:11px}}.nav-label{text-transform:uppercase;letter-spacing:.12em;color:#86aaa1;margin:18px 8px 6px;font-size:10px}.survey-page{max-width:1100px}.survey-page .card{margin-bottom:16px}.survey-page p{color:#71817d;margin-top:5px}.survey-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.field{display:block}.field.wide{grid-column:1/-1}.field>span{color:#4d655f;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.field em{color:#b04b40;font-style:normal}.field input,.field select,.field textarea{width:100%;font:inherit;color:#1d3b34;background:#fbfdfc;border:1px solid #ccd9d5;border-radius:9px;padding:10px 11px}.field textarea{resize:vertical}.field select:disabled{color:#98a6a1;background:#eef3f1}.section-head{justify-content:space-between;display:flex}.survey-theme h2{margin-bottom:16px}.check-grid{flex-wrap:wrap;gap:9px;display:flex}.check{cursor:pointer;background:#f7faf9;border:1px solid #dce7e3;border-radius:8px;align-items:center;gap:7px;padding:8px 10px;font-size:12px!important;font-weight:500!important;display:flex!important}.check input{width:auto}.indicator-list{gap:10px;margin:16px 0;display:grid}.indicator{background:#fbfdfc;border:1px solid #e1e9e6;border-radius:10px;grid-template-columns:1fr 190px;align-items:center;gap:12px;padding:12px;font-size:13px;line-height:1.45;display:grid}.indicator b{color:#0b5b4d}.indicator select{background:#fff;border:1px solid #ccd9d5;border-radius:8px;padding:9px}.rubric-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.rubric-box{background:#fbfdfc;border:1px solid #dce7e3;border-radius:12px;padding:15px}.rubric-box h3{margin:0 0 12px;font-size:14px}.rubric-options{gap:9px;display:grid}.rubric-option{cursor:pointer;background:#fff;border:1px solid #e1e9e6;border-radius:9px;align-items:flex-start;gap:10px;padding:11px;display:flex}.rubric-option input{margin-top:4px}.rubric-option span{display:block}.rubric-option b{color:#0b5b4d;font-size:13px;display:block}.rubric-option small{color:#657873;margin-top:4px;line-height:1.45;display:block}.form-actions{align-items:center;gap:15px;margin:20px 0;display:flex}.primary{color:#fff;cursor:pointer;background:#0b5b4d;border:0;border-radius:9px;padding:11px 18px;font-weight:700}.primary:hover{background:#126052}.form-message{color:#0b5b4d;font-size:13px;font-weight:600}@media (width<=850px){.survey-grid,.rubric-grid,.indicator{grid-template-columns:1fr}.field.wide{grid-column:auto}}.signed-in{background:#0b493f;border:1px solid #1a6255;border-radius:10px;margin:0 8px 12px;padding:10px}.signed-in span,.signed-in b,.signed-in small{display:block}.signed-in span{color:#9fc1b9;font-size:10px}.signed-in b{margin-top:3px;font-size:12px}.signed-in small{color:#a8c9c2;margin-top:2px;font-size:10px}.signed-in button{color:#d9ebe6;cursor:pointer;background:0 0;border:1px solid #4f8278;border-radius:7px;width:100%;margin-top:8px;padding:7px}.landing,.auth-page{background:#f4f7f6;place-items:center;min-height:100vh;padding:24px;display:grid}.landing-card,.auth-card{text-align:center;background:#fff;border:1px solid #dce7e3;border-radius:18px;width:min(560px,100%);padding:36px;box-shadow:0 8px 30px #1232}.auth-card{text-align:left;width:min(480px,100%)}.mark.big{width:58px;height:58px;margin:0 auto 18px;font-size:20px}.landing-card h1,.auth-card h1{margin:0 0 8px}.landing-card p,.auth-card p{color:#71817d}.landing-actions{gap:11px;margin-top:25px;display:grid}.secondary{color:#0b5b4d;cursor:pointer;background:#fff;border:1px solid #0b5b4d;border-radius:9px;padding:11px 18px;font-weight:700}.landing-note{color:#71817d;margin-top:20px;font-size:12px;line-height:1.5}.auth-card .field{margin:13px 0}.full{width:100%;margin-top:8px}.auth-message{color:#315b50;background:#f0f7f4;border-radius:9px;margin-top:14px;padding:10px;font-size:13px}.text-button,.back-button{color:#08715f;cursor:pointer;background:0 0;border:0;width:100%;margin-top:14px;display:block}.back-button{color:#71817d}.status{text-transform:capitalize;font-size:11px;font-weight:700}.status.approved{color:#08715f}.status.pending{color:#9a721c}.status.rejected,.status.suspended{color:#b04b40}.small-button{color:#176052;cursor:pointer;background:#fff;border:1px solid #bfd1cc;border-radius:6px;margin:2px;padding:5px 8px;font-size:11px}.small-button.danger{color:#a04439}.access-help{background:#f8fbfa;border:1px dashed #cbdad5;border-radius:9px;flex-direction:column;justify-content:center;padding:10px;display:flex}.access-help span{color:#71817d;margin-top:4px;font-size:11px;line-height:1.4}.admin-note{color:#61756f;font-size:13px;line-height:1.6}.status-kpi{font-size:16px!important}.status-kpi.excellent{color:#08715f}.status-kpi.good{color:#286d8a}.status-kpi.satisfactory{color:#9a721c}.status-kpi.need-attention{color:#b04b40}.survey-nav{margin-top:10px}.survey-nav button{margin-top:4px}@media (width<=1000px){.filters{grid-template-columns:repeat(2,minmax(0,1fr))}}.lookup-action{align-items:center;margin-top:4px;margin-bottom:12px;display:flex}.lookup-button{border-radius:6px;width:auto;min-width:0;padding:7px 12px;font-size:13px;line-height:1.3}.previous-ratings{background:#f5f7f6;border-radius:6px;margin:10px 0;padding:10px}.previous-ratings>strong{margin-bottom:6px;display:block}.previous-rating-row{border-bottom:1px solid #e0e5e2;justify-content:space-between;gap:12px;padding:5px 0;display:flex}.previous-rating-row:last-child{border-bottom:none}