:root{color:#17324d;--blue:#003b70;--red:#d71920;--line:#dce5ee;background:#f3f7fb;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button{background:var(--red);color:#fff;cursor:pointer;border:0;border-radius:5px;padding:10px 16px;font-weight:700}button.secondary{background:var(--blue)}button.ghost{background:0 0;border:1px solid #fff}input{background:#fff;border:1px solid #b6c6d6;border-radius:5px;padding:10px}label{text-transform:capitalize;flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}header{background:var(--blue);color:#fff;justify-content:space-between;align-items:center;height:68px;padding:0 28px;display:flex}.brand{font-size:24px;font-weight:900}.brand span{border-left:3px solid var(--red);margin-left:8px;padding-left:10px}.brand.dark{color:var(--blue)}.shell{grid-template-columns:230px 1fr;min-height:calc(100vh - 68px);display:grid}aside{border-right:1px solid var(--line);background:#fff;padding:22px 12px}aside a{color:#35516d;border-radius:5px;margin-bottom:5px;padding:13px;text-decoration:none;display:block}aside a.active{color:var(--blue);border-left:4px solid var(--red);background:#e8f0f7;font-weight:800}main{width:100%;max-width:1400px;padding:30px}h1{color:var(--blue);margin-bottom:5px;font-size:32px}.pagehead{justify-content:space-between;align-items:end;gap:20px;display:flex}.actions{gap:8px;display:flex}.panel,.cards>div{border:1px solid var(--line);background:#fff;border-radius:8px;margin-top:22px;padding:22px;box-shadow:0 4px 15px #003b7008}.cards{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.cards b{color:var(--blue);font-size:26px;display:block}.cards span{color:#60758a}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px}th{color:var(--blue);background:#f7fafd}.tablewrap{overflow:auto}.small{width:100px}.status{background:#e8edf2;border-radius:20px;padding:5px 8px;font-size:12px;font-weight:800}.status.approved{color:#126934;background:#d9f3e3}.status.submitted{color:#7d5b00;background:#fff1c7}.status.rejected{color:#9b1117;background:#ffe0e0}.formgrid{grid-template-columns:repeat(3,1fr);align-items:end;gap:16px;display:grid}.error{color:#8e1015;border-left:4px solid var(--red);background:#ffe4e4;margin:15px 0;padding:12px}.notice{color:var(--blue);margin-top:15px;font-weight:700}.login{background:linear-gradient(135deg,var(--blue),#09659e);place-items:center;min-height:100vh;display:grid}.login form{border-top:7px solid var(--red);background:#fff;width:min(420px,92vw);padding:38px;box-shadow:0 20px 60px #001d38}.login form label{margin:15px 0}.auth-switch a{color:var(--blue);font-weight:700}.profile-intro{border-left:4px solid var(--red);background:#fff;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding:20px 24px;display:flex}.profile-intro h2{color:var(--blue);margin:0}.profile-intro p{color:#60758a;margin:6px 0 0}.profile-intro span{color:#60758a}.profile-cards{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=800px){.shell{grid-template-columns:1fr}aside{border-right:0;display:flex;overflow:auto}.pagehead{display:block}.actions{flex-wrap:wrap}.cards,.formgrid{grid-template-columns:1fr}main{padding:18px}.profile-intro{flex-direction:column;align-items:flex-start}}.month-picker{min-width:180px}.my-kpi-list{gap:16px;margin-top:22px;display:grid}.my-kpi-card{border:1px solid var(--line);background:#fff;border-radius:9px;padding:22px;box-shadow:0 4px 15px #003b7008}.my-kpi-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.my-kpi-heading h2{color:var(--blue);margin:5px 0;font-size:20px}.kpi-perspective,.kpi-code{color:#60758a;font-size:12px;display:inline-block}.kpi-perspective{text-transform:uppercase;letter-spacing:.06em;font-weight:800}.kpi-code{margin-top:3px}.kpi-target{background:#f3f7fb;border-radius:5px;align-items:center;gap:8px;margin:16px 0;padding:11px 13px;font-size:13px;display:flex}.kpi-target span{color:#60758a}.my-kpi-fields{grid-template-columns:minmax(170px,.7fr) 1.3fr;gap:16px;display:grid}.my-kpi-fields label{gap:7px}.my-kpi-fields input,.my-kpi-fields textarea{width:100%;font:inherit;color:#17324d;background:#fff;border:1px solid #b6c6d6;border-radius:5px;padding:10px}.my-kpi-fields textarea{resize:vertical}.my-kpi-fields input:disabled,.my-kpi-fields textarea:disabled{color:#60758a;background:#f3f7fb}.my-kpi-footer{justify-content:space-between;align-items:center;gap:16px;margin-top:18px;display:flex}.my-kpi-footer .actions{justify-content:flex-end}.kpi-score{color:#60758a;font-size:13px}.kpi-score b{color:var(--blue)}button:disabled{opacity:.55;cursor:not-allowed}.review-note{background:#fff4e5;border-left:4px solid #d78a16;margin-top:16px;padding:12px 14px}.review-note p{margin:6px 0 0}.empty-state{margin-top:22px}.empty-state h2{color:var(--blue);margin:0 0 8px}.empty-state p{color:#60758a;margin:0}@media (width<=800px){.month-picker{margin-top:14px}.my-kpi-fields{grid-template-columns:1fr}.my-kpi-footer{flex-direction:column;align-items:flex-start}.my-kpi-footer .actions{flex-wrap:wrap;justify-content:flex-start}.my-kpi-heading{align-items:flex-start}}.admin-generator{flex-wrap:wrap;align-items:end;gap:18px;display:flex}.admin-generator>div{flex:280px}.admin-generator h2,.kpi-admin-panel h2{color:var(--blue);margin:0}.admin-generator p,.kpi-admin-panel .pagehead p{color:#60758a;margin:7px 0 0}.kpi-admin-panel{margin-top:22px}.kpi-admin-panel .pagehead{align-items:center}.kpi-count{color:#60758a;font-weight:700}.kpi-table-wrap{margin-top:18px}.kpi-admin-table{min-width:1050px}.kpi-admin-table td{vertical-align:top}.kpi-description{white-space:normal;min-width:260px;max-width:440px}.kpi-edit-row input{width:100%;min-width:100px;padding:8px}.kpi-edit-row td:nth-child(2){min-width:240px}.kpi-edit-row td:nth-child(3){min-width:150px}.kpi-actions{min-width:155px}.kpi-actions button+button{margin-left:6px}.admin-generator label{min-width:190px}.kpi-attachment{border:1px solid var(--line);background:#f7fafd;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:13px 15px;display:flex}.kpi-attachment p{color:#60758a;overflow-wrap:anywhere;margin:5px 0 0;font-size:13px}.file-picker{color:var(--blue);cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #b6c6d6;border-radius:5px;justify-content:center;align-items:center;padding:10px 14px;font-size:13px;font-weight:700;display:inline-flex;position:relative}.file-picker input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.file-picker:has(input:disabled){opacity:.55;cursor:not-allowed}.entry-document-cell{min-width:135px}.entry-document-cell small{overflow-wrap:anywhere;color:#60758a;max-width:170px;margin-top:5px;display:block}.compact-file-picker{margin-left:5px;padding:7px 9px}.compact-file-picker input{padding:0}@media (width<=800px){.kpi-attachment{flex-direction:column;align-items:flex-start}.kpi-attachment .actions{flex-wrap:wrap}.compact-file-picker{margin:5px 0 0}}.review-comment-input{width:100%;min-width:190px;font:inherit;color:#17324d;resize:vertical;border:1px solid #b6c6d6;border-radius:5px;padding:8px}.review-actions{align-items:center;gap:6px;display:flex}.review-actions button{white-space:nowrap}.entry-description{white-space:normal;min-width:240px;max-width:420px}.review-actions button.secondary{background:#526b82}.review-actions-stacked{flex-direction:column;align-items:stretch;min-width:118px}.review-actual-input{color:#17324d;border:1px solid #b6c6d6;border-radius:5px;width:100px;min-width:85px;padding:8px}.monthly-score-total{background:var(--blue);color:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin:20px 0 0;padding:20px 24px;display:flex;box-shadow:0 5px 16px #003b7020}.monthly-score-total span{font-size:16px;font-weight:700}.monthly-score-total b{font-size:28px}.assignment-panel h2{color:var(--blue);margin:0}.assignment-panel .pagehead p{color:#60758a;margin:7px 0 0}.assignment-panel select,.assignment-table-wrap input[type=number]{color:#17324d;background:#fff;border:1px solid #b6c6d6;border-radius:5px;padding:9px}.assignment-panel select{min-width:240px}.assignment-table-wrap{margin-top:18px}.assignment-table-wrap table{min-width:880px}.assignment-table-wrap td{vertical-align:middle}.assignment-table-wrap input[type=number]{width:145px}.assignment-table-wrap input[type=checkbox]{width:18px;height:18px;accent-color:var(--blue)}.assignment-footer{color:#60758a;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;font-size:13px;display:flex}.muted{color:#8a9aaa}@media (width<=800px){.assignment-footer{flex-direction:column;align-items:flex-start}}.excel-import-panel{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.excel-import-panel>div:first-child{flex:320px}.excel-import-panel h2{color:var(--blue);margin:0;font-size:19px}.excel-import-panel p{color:#60758a;max-width:760px;margin:7px 0 0;font-size:13px}.excel-import-controls{align-items:flex-end;gap:10px;display:flex}.excel-import-controls input{max-width:310px}.import-hint{color:#60758a;flex-basis:100%;font-size:12px;margin:0!important}.import-result{color:#17324d;background:#eff8f1;border-left:4px solid #218347;flex-basis:100%;gap:5px;padding:12px 14px;display:grid}.import-result ul{color:#7d4f00;margin:5px 0 0;padding-left:20px}.excel-import-panel select,.actions select{color:#17324d;background:#fff;border:1px solid #b6c6d6;border-radius:5px;padding:10px}@media (width<=800px){.excel-import-controls{flex-direction:column;align-items:stretch;width:100%}.excel-import-controls label{min-width:0}.excel-import-controls input{max-width:100%}}:root{color:#173b4a;--blue:#125a77;--red:#c7333d;--line:#d8e3e7;--hlb-deep:#09394e;--hlb-accent:#e5b72e;--muted:#617985;background:#f2f6f7;font-family:Inter,Segoe UI,Arial,sans-serif}html,body,#root{width:100%;min-height:100%;margin:0}body{background:#f2f6f7;overflow-x:hidden}button{background:var(--blue);border-radius:7px;transition:background .16s,box-shadow .16s,transform .16s}button:hover:not(:disabled){background:#0a455f;transform:translateY(-1px);box-shadow:0 4px 12px #09394e20}button.secondary{color:var(--hlb-deep);background:#eaf1f3}button.secondary:hover:not(:disabled){background:#dce9ed}input,select,textarea{font:inherit;color:#173b4a}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #e5b72e80}header.app-header{z-index:50;width:100%;height:78px;color:var(--hlb-deep);background:#fff;border-bottom:1px solid #dce6e9;justify-content:flex-start;align-items:center;gap:20px;padding:0 clamp(16px,3vw,40px);display:flex;position:relative;box-shadow:0 2px 12px #09394e0a}.brand-logo{object-fit:contain;object-position:left center;width:min(290px,30vw);height:auto;max-height:58px;display:block}.header-spacer{flex:1}.header-user{text-overflow:ellipsis;white-space:nowrap;color:#54707d;max-width:240px;font-size:13px;font-weight:600;overflow:hidden}.nav-toggle{width:42px;height:42px;color:var(--blue);background:0 0;border:1px solid #d4e0e4;border-radius:8px;flex:0 0 42px;place-items:center;padding:9px;display:grid}.nav-toggle:hover:not(:disabled){box-shadow:none;background:#eef4f5;transform:none}.nav-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:21px;height:21px}.signout-button{background:var(--hlb-deep);white-space:nowrap;padding:10px 17px}.shell{--sidebar-width:250px;grid-template-columns:var(--sidebar-width) minmax(0,1fr);width:100%;min-height:calc(100vh - 78px);transition:grid-template-columns .2s;display:grid}.shell.sidebar-collapsed{--sidebar-width:76px}.shell>aside{z-index:35;background:linear-gradient(#0d4c65 0%,#09394e 100%);border:0;border-right:1px solid #ffffff18;min-width:0;padding:22px 13px;transition:padding .2s,transform .2s;position:relative}.shell>aside a{color:#e4eef1;white-space:nowrap;border:0;border-radius:8px;align-items:center;gap:13px;min-height:48px;margin:0 0 6px;padding:11px 13px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:flex}.shell>aside a:hover{color:#fff;background:#ffffff13}.shell>aside a.active{color:#fff;box-shadow:inset 3px 0 0 var(--hlb-accent);background:#ffffff1b;border:0;font-weight:750}.nav-icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 20px;width:20px;height:20px}.shell.sidebar-collapsed>aside{padding:22px 10px}.shell.sidebar-collapsed>aside a{justify-content:center;gap:0;padding:11px 8px}.shell.sidebar-collapsed>aside a span{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell>main{width:auto;min-width:0;max-width:none;padding:clamp(20px,3vw,38px);overflow-x:hidden}.shell h1{letter-spacing:-.025em;font-size:clamp(26px,2.5vw,34px)}.pagehead{flex-wrap:wrap;align-items:flex-end;min-width:0}.pagehead>div:first-child{min-width:min(100%,280px)}.actions{flex-wrap:wrap;align-items:flex-end;min-width:0}.panel,.cards>div{border:1px solid #dce6e9;border-radius:12px;min-width:0;box-shadow:0 8px 26px #0a3b5010}.tablewrap{overscroll-behavior-x:contain;border-radius:12px;width:100%;min-width:0;max-width:100%;overflow:auto}.entries-table-wrap{max-width:100%}.entries-table{width:max(100%,1450px);min-width:1450px}.entries-table th{white-space:nowrap}.entries-table td{vertical-align:top}.entries-table th,.entries-table td{padding:12px 10px}.entries-table th:nth-child(5),.entries-table td:nth-child(5){white-space:normal;min-width:235px}.entries-table th:nth-child(8),.entries-table td:nth-child(8),.entries-table th:nth-child(12),.entries-table td:nth-child(12){white-space:normal;overflow-wrap:anywhere;min-width:190px}.entries-table th:last-child,.entries-table td:last-child{min-width:130px}.excel-import-panel{align-items:flex-start;gap:16px 26px}.excel-import-panel>div:first-child{min-width:min(100%,340px)}.excel-import-controls{flex-wrap:wrap;max-width:100%}.excel-import-controls label{min-width:min(250px,100%)}.excel-import-controls input{width:100%;min-width:0;max-width:100%}.login{background:radial-gradient(at 20% 10%,#1a718a 0%,#0000 45%),linear-gradient(135deg,#09394e,#125a77)}.login form{border-top:5px solid var(--hlb-accent);border-radius:10px}.profile-intro{border-left-color:var(--hlb-accent);border-radius:0 10px 10px 0}.auth-logo{object-fit:contain;object-position:left center;width:min(290px,100%);height:auto;max-height:60px;margin-bottom:22px;display:block}.sidebar-backdrop{display:none}@media (width<=1000px){.shell>main{padding:22px}.pagehead .actions{flex:100%}.entries-table{min-width:1380px}}@media (width<=820px){header.app-header{gap:13px;height:70px;padding:0 14px}.brand-logo{width:min(245px,55vw);max-height:48px}.header-user{display:none}.shell,.shell.sidebar-collapsed{min-height:calc(100vh - 70px);display:block}.shell>aside,.shell.sidebar-collapsed>aside{z-index:42;width:270px;padding:20px 14px;display:block;position:fixed;top:70px;bottom:0;left:0;overflow:auto;transform:translate(-105%);box-shadow:8px 0 30px #062c3b20}.shell.mobile-nav-open>aside{transform:translate(0)}.shell.sidebar-collapsed>aside a{justify-content:flex-start;gap:13px;padding:11px 13px}.shell.sidebar-collapsed>aside a span{clip:auto;white-space:nowrap;width:auto;height:auto;margin:0;position:static;overflow:visible}.shell>main{padding:22px 16px}.sidebar-backdrop{z-index:40;background:#082e3d70;border:0;border-radius:0;width:100%;height:calc(100vh - 70px);padding:0;display:block;position:fixed;inset:70px 0 0}.sidebar-backdrop:hover:not(:disabled){box-shadow:none;background:#082e3d70;transform:none}.pagehead{align-items:flex-start}.pagehead .actions{width:100%;display:flex}.pagehead .actions>label{flex:160px}.cards,.formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){header.app-header{height:64px}.brand-logo{width:min(205px,52vw);max-height:42px}.shell,.shell.sidebar-collapsed{min-height:calc(100vh - 64px)}.shell>aside,.shell.sidebar-collapsed>aside{top:64px}.sidebar-backdrop{height:calc(100vh - 64px);top:64px}.shell>main{padding:18px 12px}.pagehead .actions{flex-direction:column;align-items:stretch}.pagehead .actions>label,.excel-import-controls button{width:100%}.cards,.formgrid,.profile-cards{grid-template-columns:1fr}.panel,.my-kpi-card{padding:17px}}.users-table-wrap{margin-top:22px}.users-table th,.users-table td{vertical-align:middle}.users-table th:first-child,.users-table td:first-child{width:80px}.user-role-control{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.user-role-control select{border:1px solid var(--line);background:#fff;border-radius:7px;min-width:130px;padding:8px 10px}.user-role-control button{padding:8px 12px}.user-role-control button:disabled{opacity:.5}.role-badge{color:var(--hlb-deep);background:#e8f0f3;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;display:inline-block}.role-admin{color:#725400;background:#fff4cf}.role-partner{color:#17664f;background:#e2f2ee}.role-employee{color:var(--blue);background:#e8f0f3}.user-self-label{color:var(--muted);margin-top:4px;font-size:11px;display:block}.user-role-note{color:var(--muted);margin:13px 0 0;font-size:12px}.add-kpi-form{background:#f8fafc;border:1px solid #d8e3ec;border-radius:12px;grid-template-columns:repeat(4,minmax(150px,1fr));align-items:end;gap:14px;margin-top:20px;padding:18px;display:grid}.add-kpi-copy{color:var(--blue);flex-direction:column;grid-column:1/-1;gap:4px;display:flex}.add-kpi-copy span{color:#60758a;font-size:.92rem}.add-kpi-form label{color:#294b68;flex-direction:column;gap:6px;font-weight:600;display:flex}.add-kpi-form input{width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #b8c9d8;border-radius:7px;padding:10px}.add-kpi-form button{justify-self:start}@media (width<=900px){.add-kpi-form{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media (width<=560px){.add-kpi-form{grid-template-columns:1fr}}.danger{color:#fff;background:#c92a36;border:1px solid #c92a36}.danger:hover:not(:disabled){background:#a91f2a;box-shadow:0 4px 12px #c92a3628}.danger:disabled{opacity:.55}.small-action{white-space:nowrap;padding:8px 12px}.users-table{min-width:1100px}.icon-delete{color:#bd2632;cursor:pointer;background:#fff;border:1px solid #f0c8cc;border-radius:7px;place-items:center;width:34px;height:34px;padding:7px;display:inline-grid}.icon-delete svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.icon-delete:hover:not(:disabled){background:#fff0f1;border-color:#d98b92}.icon-delete:disabled{opacity:.45;cursor:not-allowed}.my-kpi-bulk-submit{border:1px solid var(--line);background:#f7fafd;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;margin:20px 0 0;padding:18px 22px;display:flex}.my-kpi-bulk-submit b{color:var(--blue)}.my-kpi-bulk-submit p{color:#60758a;margin:5px 0 0}.my-kpi-bulk-submit small{color:#9b5a00;margin-top:5px;display:block}@media (width<=700px){.my-kpi-bulk-submit{flex-direction:column;align-items:stretch}.my-kpi-bulk-submit button{width:100%}}