*{box-sizing:border-box;margin:0;padding:0}body{color:#222;background:#f4f5f7;font-family:Segoe UI,Tahoma,sans-serif}.app{max-width:1100px;margin:0 auto;padding:16px}.card-title{color:#1a3a5c;margin-bottom:8px;font-size:18px}.card-subtitle{color:#666;margin-bottom:18px;font-size:13px}.note-error{color:#8a1f1f;background:#fde2e0;border-color:#c0392b}header{color:#fff;background:linear-gradient(135deg,#1a3a5c,#2d6187);border-radius:10px;margin-bottom:16px;padding:18px 22px}header h1{margin-bottom:4px;font-size:18px}header p{opacity:.85;font-size:12px}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.tab-btn{cursor:pointer;color:#555;background:#fff;border:1px solid #0000;border-radius:8px;flex:1;min-width:140px;padding:10px 14px;font-size:14px;font-weight:600;transition:background .18s,color .18s,border-color .18s,transform .18s;box-shadow:0 1px 2px #1742630f}.tab-btn.active{color:#fff;background:#285f87;box-shadow:0 5px 14px #285f872e}.tab-btn:not(.active):hover{color:#174263;background:#edf4f8;border-color:#cdd9e3;transform:translateY(-1px)}.tab-btn:disabled{opacity:.5;cursor:not-allowed}.card{background:#fff;border-radius:10px;margin-bottom:14px;padding:18px;box-shadow:0 1px 3px #0000000f}label{color:#333;margin-bottom:6px;font-size:13px;font-weight:600;display:block}select,input[type=text],input[type=number],input[type=password],input[type=url],textarea{border:1px solid #d8dee9;border-radius:9px;width:100%;margin-bottom:12px;padding:10px 12px;font-size:14px}select:focus,input[type=text]:focus,input[type=number]:focus,input[type=password]:focus,input[type=url]:focus,textarea:focus{border-color:#285f87;outline:none;box-shadow:0 0 0 3px #285f871f}input:disabled,select:disabled{color:#666;background:#f0f1f3}.kpi-block{background:#fafbfc;border:1px solid #e3e6ea;border-radius:8px;margin-bottom:12px;padding:14px}.kpi-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:6px;margin-bottom:8px;display:flex}.kpi-title{color:#1a3a5c;font-size:14px;font-weight:700}.kpi-bobot{color:#fff;background:#2d6187;border-radius:12px;padding:2px 8px;font-size:12px}.kpi-target{color:#666;margin-bottom:8px;font-size:12px}.tier-options{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.tier-option{cursor:pointer;background:#fff;border:1px solid #e3e6ea;border-radius:6px;align-items:flex-start;gap:8px;padding:6px 8px;font-size:13px;display:flex}.tier-option.selected{background:#eaf2f8;border-color:#2d6187}.tier-option input{margin-top:2px}.btn{color:#fff;cursor:pointer;background:#2d6187;border:none;border-radius:7px;padding:11px 20px;font-size:14px;font-weight:600}.btn.secondary{color:#2d6187;background:#fff;border:1px solid #2d6187}.btn.danger{background:#c0392b}.btn.danger-outline{color:#b91c1c;background:#fff;border:1px solid #efb8b8}.btn.danger-outline:hover{background:#fee2e2;border-color:#dc7777}.btn.ghost{color:#285f87;background:0 0;border:1px solid #0000}.btn.ghost:hover{background:#edf4f8}.btn.small{padding:6px 12px;font-size:12px}.status-badge{border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600}.status-pending{color:#8a6d00;background:#fff3cd}.status-approved{color:#1e7a34;background:#d4edda}.status-revisi{color:#a3322a;background:#fde2e0}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid #eee;padding:10px 8px}th{color:#1a3a5c;background:#f0f3f6;font-size:12px}tr:hover{cursor:pointer;background:#f7faff}.achievement-cell{font-weight:700}.ach-sangat-baik{color:#1e7a34}.ach-baik{color:#2d6187}.ach-cukup{color:#b8860b}.ach-evaluasi{color:#c0392b}.modal-overlay{z-index:50;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:10px;width:100%;max-width:700px;max-height:85vh;padding:20px;position:relative;overflow-y:auto}.modal h3{color:#1a3a5c;margin-bottom:10px}.close-x{cursor:pointer;color:#888;font-size:20px;position:absolute;top:14px;right:18px}.empty-state{text-align:center;color:#999;padding:30px;font-size:13px}.link-ev{color:#2d6187;word-break:break-all;font-size:12px}.summary-row{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.summary-box{text-align:center;background:#fff;border-radius:8px;flex:1;min-width:140px;padding:12px;box-shadow:0 1px 3px #0000000f}.summary-box .val{color:#1a3a5c;font-size:22px;font-weight:800}.summary-box .lab{color:#888;margin-top:2px;font-size:11px}.note-box{background:#fff3cd;border-left:3px solid #f0c14b;border-radius:4px;margin-bottom:10px;padding:8px 10px;font-size:12px}.kehadiran-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=600px){.kehadiran-grid{grid-template-columns:1fr}}.loading{text-align:center;color:#888;padding:40px}.login-box{max-width:380px;margin:60px auto}.role-pill{color:#2d6187;background:#eaf2f8;border-radius:12px;margin-left:8px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.filter-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-row select{width:auto;margin-bottom:0}.user-row-form{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:16px;display:grid}.field-group{min-width:0}.field-group label{min-height:18px}.field-group input,.field-group select,.field-group textarea{margin-bottom:0}.field-group small{color:#777;margin-top:6px;font-size:11px;line-height:1.4;display:block}.form-group{min-width:0;margin-bottom:18px}.form-label{color:#344054;margin-bottom:7px;font-size:13px;font-weight:650;line-height:1.35;display:block}.form-control,.form-select,.form-textarea{box-sizing:border-box;color:#0f2f4a;background-color:#fff;border:1px solid #d8dee9;border-radius:10px;width:100%;margin:0;padding:10px 12px;font-family:inherit;font-size:14px;line-height:1.4;transition:border-color .18s,box-shadow .18s,background-color .18s}.form-group .form-control,.form-group .form-select,.form-group .form-textarea{margin-bottom:0}.form-control,.form-select{min-height:42px}.form-select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#667085 50%),linear-gradient(135deg,#667085 50%,#0000 50%);background-position:calc(100% - 17px) 18px,calc(100% - 12px) 18px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:38px}.form-textarea{resize:vertical;min-height:96px}.form-control:hover,.form-select:hover,.form-textarea:hover{border-color:#b8c4d1}.form-control:focus,.form-select:focus,.form-textarea:focus{border-color:#285f87;outline:none;box-shadow:0 0 0 3px #285f871f}.form-grid{gap:16px;min-width:0;display:grid}.form-grid-3{grid-template-columns:repeat(3,minmax(140px,180px))}.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-helper{color:#64748b;margin-top:8px;font-size:13px;line-height:1.45;display:block}.form-actions{align-items:flex-end;display:flex}.field-span-2{grid-column:span 2}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.section-heading .card-subtitle{margin-bottom:0}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.user-table th:last-child,.user-table td:last-child{width:170px}.btn:disabled{opacity:.6;cursor:wait}.full-width{width:100%}.actions{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.table-wrap{overflow-x:auto}.close-button{cursor:pointer;background:0 0;border:0;font-size:20px;position:absolute;top:12px;right:14px}.user-management{--user-primary:#285f87;--user-dark:#174263;--user-border:#e4e8ee;gap:16px;display:grid}.user-form-card,.user-list-card{border:1px solid var(--user-border);border-radius:14px;margin-bottom:0;padding:24px;box-shadow:0 5px 18px #1742630e}.user-section-heading,.user-list-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;display:flex}.user-section-heading .card-title,.user-list-heading .card-title{color:var(--user-dark);margin-bottom:6px;font-size:19px}.user-section-heading .card-subtitle,.user-list-heading .card-subtitle{color:#64748b;margin-bottom:0}.user-summary{gap:10px;display:flex}.user-summary>span{background:#f8fafc;border:1px solid #e8edf2;border-radius:10px;min-width:106px;padding:10px 14px}.user-summary small,.user-summary strong{display:block}.user-summary small{color:#64748b;margin-bottom:4px;font-size:11px}.user-summary strong{color:var(--user-dark);font-size:17px}.user-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;display:grid}.user-form-grid .form-group{margin-bottom:0}.user-management .form-label,.user-modal .form-label{color:#0f2f4a;margin-bottom:8px;font-size:14px;font-weight:600}.user-form-control{min-height:48px;padding:12px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s,background-color .2s}.user-form-control::placeholder{color:#7b8794}.pin-input-wrap{position:relative}.pin-input-wrap .form-control{padding-right:104px}.pin-toggle{min-width:58px;color:var(--user-primary);cursor:pointer;background:#edf4f8;border:0;border-radius:7px;padding:7px 9px;font-size:11px;font-weight:700;transition:color .18s,background .18s;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.pin-toggle:hover{color:var(--user-dark);background:#dfeaf1}.user-form-actions{justify-content:flex-start;min-height:77px}.user-add-button{background:var(--user-primary);border-radius:10px;width:min(100%,250px);min-height:48px;font-weight:700;transition:background .18s,transform .18s,box-shadow .18s}.user-add-button:hover:not(:disabled){background:var(--user-dark);transform:translateY(-1px);box-shadow:0 6px 14px #17426329}.user-search{width:min(100%,300px)}.user-search .form-label{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.user-table-wrap{border:1px solid var(--user-border);border-radius:11px;overflow:hidden}.user-table{font-size:14px}.user-table th,.user-table td{padding:14px 16px}.user-table th{color:var(--user-dark);letter-spacing:.025em;text-transform:uppercase;background:#eef3f7;border-bottom:1px solid #dfe6ed;font-size:12px}.user-table tbody tr{cursor:default;transition:background .16s}.user-table tbody tr:hover{background:#f8fafc}.user-table tbody tr:last-child td{border-bottom:0}.user-table th:last-child,.user-table td:last-child{text-align:right}.user-name{color:#0f2f4a;font-size:14px}.user-position{color:#64748b}.user-row-actions{flex-wrap:nowrap;justify-content:flex-end}.user-action-button{cursor:pointer;border-radius:8px;min-height:36px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:650;transition:border-color .18s,color .18s,background .18s}.user-action-button.edit{border:1px solid var(--user-primary);color:var(--user-primary);background:#fff}.user-action-button.edit:hover{color:var(--user-dark);background:#edf4f8}.user-action-button.delete{color:#fff;background:#b91c1c;border:1px solid #b91c1c}.user-action-button.delete:hover{background:#991b1b;border-color:#991b1b}.user-empty-state{color:#64748b;background:#f8fafc;border:1px dashed #cbd5df;border-radius:11px}.user-modal-overlay{z-index:110}.user-modal{border:1px solid var(--user-border,#e4e8ee);background:#fff;border-radius:14px;width:min(560px,100%);max-height:calc(100vh - 32px);padding:24px;overflow-y:auto;box-shadow:0 24px 60px #0e24353d}.user-modal-heading{border-bottom:1px solid #e4e8ee;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;padding-bottom:18px;display:flex}.user-modal-heading h3{color:#174263;margin-bottom:5px;font-size:19px}.user-modal-heading p{color:#64748b;font-size:13px;line-height:1.5}.modal-close-button{color:#64748b;cursor:pointer;background:#f1f5f9;border:0;border-radius:8px;flex:0 0 34px;width:34px;height:34px;font-size:22px;line-height:1}.modal-close-button:hover{color:#174263;background:#e6edf3}.user-modal-fields .form-group{margin-bottom:18px}.user-modal-actions{border-top:1px solid #e4e8ee;justify-content:flex-end;gap:10px;padding-top:18px;display:flex}.user-modal-actions .btn{border-radius:9px;min-height:42px}.user-delete-modal strong{color:#0f2f4a}@media (width<=700px){.user-form-card,.user-list-card{padding:18px}.user-section-heading,.user-list-heading{flex-direction:column;align-items:stretch;gap:16px}.user-summary{grid-template-columns:1fr 1fr;display:grid}.user-summary>span{min-width:0}.user-form-grid{grid-template-columns:1fr;gap:18px}.user-form-actions{min-height:auto}.user-add-button,.user-search{width:100%;max-width:none}}.settings-toolbar,.settings-position-head,.settings-kpi-head,.settings-save{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-selector{grid-template-columns:minmax(240px,1fr) minmax(280px,420px) auto;align-items:end;gap:16px;display:grid}.position-picker select,.settings-toolbar .card-subtitle{margin-bottom:0}.settings-position{border-top:4px solid #2d6187}.settings-position-name{flex:420px}.settings-position-name input{margin-bottom:0}.weight-total{white-space:nowrap;border-radius:6px;padding:7px 10px;font-size:12px;font-weight:700}.weight-total.valid{color:#1e7a34;background:#d4edda}.weight-total.invalid{color:#a3322a;background:#fde2e0}.settings-kpi{background:#fafbfc;border:1px solid #dfe4e9;border-radius:8px;margin:18px 0;padding:18px}.settings-kpi-head{margin-bottom:10px}.settings-grid{grid-template-columns:minmax(180px,1fr) minmax(130px,.55fr) minmax(160px,.7fr);gap:14px;display:grid}.settings-grid .wide{grid-column:1/-1}.subsection-title{color:#1a3a5c;margin:18px 0 10px;font-size:13px;font-weight:700}.tier-editor-row{align-items:start;gap:8px;display:grid}.formula-editor-row{background:#fff;border:1px solid #e3e6ea;border-radius:7px;grid-template-columns:minmax(220px,2fr) 80px minmax(190px,1.4fr) minmax(120px,.7fr) minmax(120px,.7fr);gap:12px;margin-bottom:10px;padding:14px}.formula-editor-row input,.formula-editor-row select{margin-bottom:0}.formula-result{color:#8a6d00;background:#fff3cd;border-radius:6px;margin:-4px 0 12px;padding:9px 10px;font-size:12px}.formula-result.matched{color:#1e7a34;background:#d4edda}.formula-list{flex-wrap:wrap;gap:6px;margin:0 0 12px;display:flex}.formula-list span,.formula-applied{color:#1a3a5c;background:#eaf2f8;border-radius:5px;padding:5px 8px;font-size:11px}.formula-preview{color:#1a3a5c;background:#f0f3f6;border-radius:5px;grid-column:1/-1;padding:7px 9px;font-size:11px}.settings-save{z-index:5;justify-content:flex-end;position:sticky;bottom:8px}@media (width<=900px){.field-span-2{grid-column:span 1}.settings-toolbar,.settings-selector{grid-template-columns:1fr;align-items:stretch}.settings-selector .btn{justify-self:start}.settings-grid,.formula-editor-row{grid-template-columns:repeat(2,minmax(0,1fr))}.formula-label-field,.formula-operator-field,.formula-preview{grid-column:1/-1}}@media (width<=600px){.app{padding:10px}.card{padding:14px}.user-form-card,.user-list-card{padding:16px}.user-summary{gap:8px}.user-table-wrap{border:0;border-radius:0;overflow:visible}.user-table tr{background:#fff;border-color:#e4e8ee;border-radius:10px;margin-bottom:10px}.user-table td{text-align:left;grid-template-columns:74px minmax(0,1fr);padding:8px 0}.user-table td:last-child{text-align:left}.user-row-actions{justify-content:flex-start;display:flex}.user-row-actions .user-action-button{width:auto;min-width:84px}.user-modal{padding:18px}.user-modal-actions{grid-template-columns:1fr 1fr;display:grid}.user-modal-actions .btn{width:100%;padding-inline:10px}.section-heading,.settings-position-head,.settings-kpi-head{flex-direction:column;align-items:stretch}.user-row-form,.settings-grid,.formula-editor-row{grid-template-columns:1fr;gap:12px}.field-span-2,.settings-grid .wide,.formula-label-field,.formula-operator-field,.formula-preview,.user-form-actions{grid-column:1}.user-form-actions .btn,.settings-selector .btn,.settings-position-head .btn,.settings-kpi-head .btn{width:100%}.settings-kpi{padding:14px}.weight-total{align-self:flex-start}.settings-save{grid-template-columns:1fr 1fr;padding:12px;display:grid;bottom:0}.settings-save .btn{width:100%;padding-inline:10px}.responsive-table thead{display:none}.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{width:100%;display:block}.responsive-table tr{background:#fafbfc;border:1px solid #e3e6ea;border-radius:8px;margin-bottom:12px;padding:12px}.responsive-table td{word-break:break-word;border:0;grid-template-columns:86px minmax(0,1fr);gap:10px;padding:7px 0;display:grid}.responsive-table td:before{content:attr(data-label);color:#777;text-transform:uppercase;font-size:11px;font-weight:700}.responsive-table td:last-child{width:100%}.row-actions{grid-template-columns:1fr 1fr;display:grid}.row-actions .btn{width:100%}}.kpi-builder{--builder-primary:#285f87;--builder-dark:#174263;--builder-border:#e4e8ee;padding-bottom:118px;position:relative}.builder-header-card,.builder-toolbar,.position-summary-card,.kpi-accordion-card{border:1px solid var(--builder-border);background:#fff;border-radius:14px;box-shadow:0 5px 18px #1742630e}.builder-header-card{margin-bottom:14px;padding:22px 24px}.builder-header-card h2{color:var(--builder-dark);margin-bottom:6px;font-size:21px;line-height:1.25}.builder-header-card p{color:#667085;font-size:13px}.builder-toolbar{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:14px;padding:16px 18px;display:flex}.builder-toolbar .position-picker{flex:480px;max-width:600px;margin-bottom:0}.builder-toolbar-actions,.builder-save-buttons{align-items:center;gap:10px;display:flex}.position-summary-card{border-left:4px solid var(--builder-primary);justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;padding:18px;display:flex}.position-summary-main{flex:1;grid-template-columns:minmax(300px,2fr) repeat(3,minmax(110px,.7fr));align-items:end;gap:16px;min-width:0;display:grid}.position-name-field{width:100%;max-width:480px;margin-bottom:0}.position-name-field .form-control{color:var(--builder-dark);font-weight:650}.summary-stat{background:#f8fafc;border:1px solid #edf0f4;border-radius:10px;flex-direction:column;justify-content:center;gap:7px;min-height:62px;padding:10px 12px;display:flex}.summary-stat>span:first-child{color:#667085;font-size:11px;font-weight:600}.summary-stat strong{color:var(--builder-dark);font-size:15px}.validation-badge,.completion-badge{border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.validation-badge.valid,.completion-badge.complete{color:#15803d;background:#d7f5df}.validation-badge.warning,.completion-badge.incomplete{color:#a16207;background:#fff4cc}.validation-badge.danger{color:#b91c1c;background:#fee2e2}.kpi-accordion-list{gap:12px;display:grid}.kpi-accordion-card{transition:border-color .18s,box-shadow .18s;overflow:hidden}.kpi-accordion-card.expanded{border-color:#aac4d8;box-shadow:0 9px 24px #17426317}.kpi-accordion-summary{grid-template-columns:minmax(260px,1.5fr) minmax(280px,.9fr) auto;align-items:center;gap:18px;padding:16px 18px;display:grid}.accordion-toggle{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;min-width:0;padding:0;display:flex}.accordion-chevron{width:30px;height:30px;color:var(--builder-primary);background:#edf4f8;border-radius:8px;flex:0 0 30px;place-items:center;font-size:19px;font-weight:500;display:grid}.accordion-title{flex-direction:column;gap:4px;min-width:0;display:flex}.accordion-title small{color:#748094;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.accordion-title strong{color:var(--builder-dark);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.kpi-quick-meta{align-items:center;gap:18px;display:flex}.kpi-quick-meta>span:not(.completion-badge){flex-direction:column;gap:3px;display:flex}.kpi-quick-meta small{color:#748094;font-size:10px}.kpi-quick-meta strong{color:#344054;font-size:13px}.kpi-card-actions{justify-content:flex-end;gap:7px;display:flex}.kpi-accordion-detail{border-top:1px solid var(--builder-border);background:#fbfcfe;padding:20px 18px 18px}.kpi-short-fields{justify-content:start;margin-bottom:0}.custom-unit-field{max-width:572px}.scoring-section{border:1px solid var(--builder-border);background:#fff;border-radius:12px;margin-top:6px;overflow:hidden}.scoring-section-heading{border-bottom:1px solid var(--builder-border);background:#f7f9fc;padding:16px 18px}.scoring-section-heading h4{color:var(--builder-dark);margin:0 0 4px;font-size:15px}.scoring-section-heading p{color:#667085;margin:0;font-size:12px;line-height:1.5}.scoring-matrix-head,.scoring-matrix-row{grid-template-columns:90px minmax(190px,.8fr) minmax(420px,1.8fr);gap:16px;display:grid}.scoring-matrix-head{border-bottom:1px solid var(--builder-border);color:#667085;letter-spacing:.035em;text-transform:uppercase;background:#fff;padding:10px 16px;font-size:11px;font-weight:700}.scoring-matrix-row{border-bottom:1px solid var(--builder-border);align-items:start;padding:16px}.scoring-matrix-row:last-child{border-bottom:0}.scoring-matrix-row .form-group{margin-bottom:0}.scoring-matrix-row .form-label{display:none}.scoring-rule-grid{grid-template-columns:minmax(220px,1.5fr) minmax(130px,.65fr)}.scoring-rule-grid-between{grid-template-columns:minmax(220px,1.5fr) repeat(2,minmax(110px,.55fr))}.formula-preview{color:#475467;background:#f4f7fa;border-radius:8px;margin-top:8px;padding:8px 10px;font-size:11px;line-height:1.45}.formula-preview strong{color:var(--builder-dark)}.empty-builder-state{color:#667085;text-align:center;background:#fff;border:1px dashed #bdc9d4;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:38px 20px;display:flex}.empty-builder-state strong{color:var(--builder-dark)}.empty-builder-state .btn{margin-top:8px}.builder-action-spacer{height:12px}.builder-sticky-actions{z-index:20;border:1px solid var(--builder-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff7;border-bottom:0;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:14px 18px;display:flex;position:sticky;bottom:0;box-shadow:0 -8px 24px #17426317}.save-validation-copy{color:#a16207;font-size:11px;line-height:1.4}.builder-sticky-actions .btn:disabled{color:#fff;cursor:not-allowed;background:#aebbc6;border-color:#aebbc6}.confirm-overlay{z-index:100}.confirm-modal{text-align:center;background:#fff;border-radius:14px;width:min(440px,100%);padding:26px;box-shadow:0 24px 60px #0e24353d}.confirm-icon{color:#b91c1c;background:#fee2e2;border-radius:50%;place-items:center;width:44px;height:44px;margin:0 auto 14px;font-size:20px;font-weight:800;display:grid}.confirm-modal h3{color:var(--builder-dark);margin-bottom:9px}.confirm-modal p{color:#667085;font-size:13px;line-height:1.55}.confirm-actions{justify-content:center;gap:10px;margin-top:22px;display:flex}@media (width<=1000px){.form-grid-3{grid-template-columns:repeat(2,minmax(140px,180px))}.position-summary-card{flex-direction:column;align-items:stretch}.position-summary-main{grid-template-columns:repeat(3,minmax(0,1fr))}.position-name-field{grid-column:1/-1}.position-summary-card>.btn{align-self:flex-end}.kpi-accordion-summary{grid-template-columns:minmax(220px,1fr) auto}.kpi-quick-meta{justify-content:flex-end}.kpi-card-actions{grid-column:1/-1}.scoring-matrix-head,.scoring-matrix-row{grid-template-columns:90px minmax(0,1fr)}.scoring-matrix-head span:last-child,.scoring-criteria-field{grid-column:1/-1}.scoring-matrix-head span:last-child{display:none}.scoring-matrix-row .scoring-criteria-field{padding-top:2px}}@media (width<=700px){.kpi-builder{padding-bottom:132px}.builder-header-card{padding:18px}.builder-toolbar{flex-direction:column;align-items:stretch}.builder-toolbar .position-picker{flex-basis:auto;max-width:none}.builder-toolbar-actions{grid-template-columns:1fr 1fr;display:grid}.builder-toolbar-actions .btn{width:100%;padding-inline:10px}.position-summary-main{grid-template-columns:1fr}.position-name-field{grid-column:1;max-width:none}.position-summary-card>.btn{align-self:stretch;width:100%}.kpi-accordion-summary{grid-template-columns:1fr;gap:14px}.accordion-title strong{white-space:normal}.kpi-quick-meta{grid-template-columns:1fr 1fr auto;justify-content:stretch;gap:10px;display:grid}.kpi-card-actions{grid-template-columns:1fr 1fr;display:grid}.kpi-card-actions .btn{width:100%}.kpi-card-actions .danger-outline{grid-column:1/-1}.kpi-accordion-detail{padding:16px 14px}.form-grid,.form-grid-2,.form-grid-3,.scoring-rule-grid,.scoring-rule-grid-between{grid-template-columns:1fr}.kpi-short-fields{justify-content:stretch}.scoring-matrix-head{display:none}.scoring-matrix-row{grid-template-columns:1fr;gap:14px}.scoring-matrix-row .form-label{display:block}.scoring-criteria-field{grid-column:1}.scoring-criteria-field:before{color:#344054;content:"Kriteria";margin-bottom:8px;font-size:13px;font-weight:650;display:block}.builder-sticky-actions{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.builder-save-buttons{grid-template-columns:1fr 1fr;display:grid}.builder-save-buttons .btn{width:100%;padding-inline:10px}.confirm-actions{flex-direction:column-reverse}.confirm-actions .btn{width:100%}}