#koSection{color:#173653}.ko-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;border-radius:22px;padding:28px;background:linear-gradient(120deg,#102e49,#1c5c83);color:#fff}.ko-hero h2{font-size:clamp(22px,3vw,30px);margin:12px 0}.ko-hero .ko-note{color:#c2d8e7}.ko-eyebrow{font-size:10px;letter-spacing:1.7px}.ko-tabs{display:flex;gap:7px;padding:8px;background:#e8eff7;border-radius:14px;margin:20px 0;overflow:auto}.ko-tabs .ko-btn{white-space:nowrap;background:transparent;border-color:transparent}.ko-tabs [aria-pressed=true]{background:#fff;color:#155eb3;box-shadow:0 3px 9px #14365310}.ko-btn{font:inherit;font-size:12px;font-weight:600;min-height:44px;padding:10px 14px;border:1px solid #d9e4ee;border-radius:10px;background:white;color:#244d70;cursor:pointer;transition:background .15s,transform .15s}.ko-btn:hover{background:#eef5fc}.ko-btn:active{transform:scale(.98)}.ko-btn:focus-visible,.ko-input:focus-visible{outline:3px solid #8bbde9;outline-offset:2px}.ko-btn.primary{background:#1c61b7;color:white;border-color:#1c61b7}.ko-btn:disabled{opacity:.5;cursor:not-allowed}.ko-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin:16px 0}.ko-grid,.ko-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ko-panel,.ko-metric{background:white;border:1px solid #dfe8f1;border-radius:17px;padding:20px;margin-bottom:16px;min-width:0}.ko-panel h3{font-size:15px;line-height:1.5;margin:0 0 12px}.ko-metric{display:flex;flex-direction:column;gap:8px}.ko-metric strong{font-size:29px;color:#165d99}.ko-metric span,.ko-note{font-size:12px;line-height:1.65;color:#708598}.ko-note{margin:7px 0;white-space:pre-line;overflow-wrap:anywhere}.ko-unit-card{text-align:left;min-height:110px;display:flex;flex-direction:column;justify-content:center}.ko-unit-card strong{font-size:14px;line-height:1.5}.ko-count{font-size:24px}.ko-panel progress{width:100%;height:8px;accent-color:#2574b7}.ko-panel summary{cursor:pointer;font-weight:600;font-size:13px}.ko-status{font-size:12px;line-height:1.7;color:#246e60;overflow-wrap:anywhere}.ko-status.error{color:#b43f40}.ko-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.ko-field{display:flex;flex-direction:column;gap:7px;font-size:11px;min-width:0;margin-bottom:12px}.ko-input{box-sizing:border-box;width:100%;min-height:44px;border:1px solid #ccdce9;border-radius:10px;padding:10px;background:#fff;color:#193e5a;font:inherit;font-size:13px}.ko-table-wrap{overflow:auto;border:1px solid #dfe8f1;border-radius:14px;background:white;max-height:620px}.ko-table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.5}.ko-table th{background:#edf3f9;color:#416584;text-align:left;white-space:nowrap;position:sticky;top:0;z-index:1}.ko-table td,.ko-table th{padding:13px;border-bottom:1px solid #e9eff5;vertical-align:top}.ko-table td{min-width:100px}.ko-table td:first-child{min-width:190px}.ko-dialog{width:min(620px,calc(100vw - 32px));max-height:88dvh;box-sizing:border-box;padding:24px;border:1px solid #dce6ef;border-radius:20px;box-shadow:0 24px 80px #102c4940;color:#173653}.ko-dialog::backdrop{background:#102c4980}.ko-dialog h3{margin-top:0}.ko-dialog-body{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.ko-dialog-body .ko-note{grid-column:1/-1}#btnKokurikulum{font-weight:700;font-size:12px} @media(max-width:1000px){.ko-grid,.ko-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){#koSection{padding:16px}.ko-hero{padding:20px;align-items:stretch;flex-direction:column;gap:8px}.ko-hero .ko-field{max-width:150px;margin:0}.ko-tabs{margin:14px 0}.ko-tabs .ko-btn{padding:10px}.ko-panel,.ko-metric{padding:15px}.ko-filters,.ko-dialog-body{grid-template-columns:1fr}.ko-grid{grid-template-columns:1fr}.ko-metrics{gap:8px}.ko-metric strong{font-size:25px}.ko-actions .ko-btn{flex:1 1 auto}.ko-dialog{padding:18px}.ko-input{font-size:16px}}@media(prefers-reduced-motion:reduce){.ko-btn{transition:none}}