*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #09090b;--bg-gradient: radial-gradient(circle at top left, rgba(29, 78, 216, .15), transparent 40%), radial-gradient(circle at bottom right, rgba(147, 51, 234, .15), transparent 40%);--surface: rgba(24, 24, 27, .65);--surface2: rgba(39, 39, 42, .8);--border: rgba(255, 255, 255, .08);--border-dim: rgba(255, 255, 255, .04);--accent: #3b82f6;--accent-dim: rgba(59, 130, 246, .15);--accent-glow: rgba(59, 130, 246, .4);--text: #f8fafc;--text2: #94a3b8;--text3: #64748b;--success: #10b981;--danger: #ef4444;--pass-bg: rgba(16, 185, 129, .15);--pass-text: #34d399;--fail-bg: rgba(239, 68, 68, .15);--fail-text: #f87171;--calc-bg: rgba(59, 130, 246, .1);--font: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;--radius: 16px;--radius-sm: 10px;--glass-blur: blur(12px);--glass-blur-webkit: blur(12px)}html,body,#root{height:100%}body{background-color:var(--bg);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--bg)}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:2.5rem 2.5rem 2rem;width:100%;max-width:420px;box-shadow:var(--shadow);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur-webkit)}.login-badge{display:inline-block;background:var(--accent-dim);border:1px solid rgba(232,148,58,.3);color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.12em;padding:3px 10px;border-radius:20px;margin-bottom:1rem}.login-title{font-size:1.65rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.3rem}.login-desc{color:var(--text2);font-size:13px;margin-bottom:1.75rem}.field-group{margin-bottom:1.1rem}.field-label{display:block;font-size:11px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.45rem}.field-input{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font);font-size:14px;padding:10px 14px;outline:none;transition:border-color .15s,box-shadow .15s}.field-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.field-hint{display:block;font-size:11px;color:var(--text3);margin-top:4px}.login-err{color:var(--danger);font-size:12px;background:#f8514914;border:1px solid rgba(248,81,73,.2);border-radius:var(--radius-sm);padding:8px 12px;margin-bottom:1rem}.login-note{color:var(--text3);font-size:11px;text-align:center;margin-top:1.25rem}.btn-primary{background:var(--accent);color:#000;border:none;border-radius:var(--radius-sm);font-family:var(--font);font-size:13px;font-weight:700;padding:9px 18px;cursor:pointer;transition:opacity .15s,transform .1s;white-space:nowrap}.btn-primary:hover:not(:disabled){opacity:.88}.btn-primary:active:not(:disabled){transform:scale(.97)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-full{width:100%;margin-top:1.25rem;padding:11px;font-size:14px}.btn-logout{background:transparent;color:var(--text2);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font);font-size:12px;font-weight:500;padding:5px 12px;cursor:pointer;transition:color .15s,border-color .15s}.btn-logout:hover{color:var(--text);border-color:var(--text2)}.app{min-height:100vh;display:flex;flex-direction:column}.hdr{display:flex;align-items:center;gap:1rem;padding:0 1.5rem;height:64px;min-height:64px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur-webkit)}.hdr-left{display:flex;align-items:center;gap:.7rem;flex:1;min-width:0}.hdr-logo{font-size:1.4rem;flex-shrink:0}.hdr-title{font-size:14px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.hdr-mapel{font-size:11px;color:var(--accent);font-weight:600;white-space:nowrap}.hdr-mid{display:flex;justify-content:center;align-items:center;gap:.6rem;flex:1}.hdr-right{display:flex;align-items:center;gap:.75rem;flex:1;justify-content:flex-end}.hdr-no-kelas{color:var(--text2);font-size:13px}.kelas-sel{background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font);font-size:13px;font-weight:700;padding:6px 32px 6px 12px;cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238b949e' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .15s}.kelas-sel:focus{border-color:var(--accent)}.save-tag{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;white-space:nowrap}.save-saving{background:#e8943a1f;color:var(--accent);border:1px solid rgba(232,148,58,.25)}.save-saved{background:#78c8781f;color:var(--success);border:1px solid rgba(120,200,120,.25)}.save-error{background:#de6b631f;color:var(--danger);border:1px solid rgba(222,107,99,.25)}.save-dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}.pulsing{animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.main{flex:1;padding:1rem 1.5rem 2rem;display:flex;flex-direction:column;gap:.875rem;overflow:hidden}.alert-err{background:#f851491a;border:1px solid rgba(248,81,73,.25);color:var(--danger);border-radius:var(--radius-sm);padding:10px 14px;font-size:13px}.kp{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 16px #0003;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur-webkit)}.kp-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:11px 16px;background:transparent;border:none;color:var(--text);font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;transition:background .12s}.kp-toggle:hover{background:var(--surface2)}.kp-arrow{color:var(--text3);font-size:10px}.kp-body{border-top:1px solid var(--border);padding:1rem 1.25rem 1.25rem}.kp-desc{font-size:12.5px;color:var(--text2);line-height:1.65;margin-bottom:1rem}.kp-desc strong{color:var(--text)}.kp-row{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap}.kp-arrow-mid{color:var(--text3);font-size:1.1rem;padding-bottom:9px}.kp-field{display:flex;flex-direction:column;gap:5px}.kp-field label{font-size:11px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.07em}.kp-field input{width:120px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--mono);font-size:15px;font-weight:500;padding:7px 10px;outline:none;transition:border-color .15s}.kp-field input:focus{border-color:var(--accent)}.kp-warn{color:var(--danger);font-size:12px;margin-top:.6rem}.tabs-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.tabs{display:flex;gap:4px}.tabs-right{display:flex;align-items:center;gap:.75rem}.tab-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text2);font-family:var(--font);font-size:12px;font-weight:600;padding:7px 16px;cursor:pointer;transition:all .15s}.tab-btn:hover{color:var(--text);border-color:var(--text2)}.tab-btn.active{background:var(--accent-dim);border-color:#e8943a73;color:var(--accent)}.tab-info{font-size:12px;color:var(--text2);font-weight:500}.tbl-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:auto;flex:1;box-shadow:0 4px 24px #00000026;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur-webkit)}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl thead tr:first-child th{background:var(--surface2);color:var(--text2);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:9px 10px 6px;text-align:center;white-space:nowrap;position:sticky;top:0;z-index:10;border-bottom:none}.tbl thead tr.th-sub th{background:var(--surface2);color:var(--text3);font-size:10px;font-weight:500;padding:0 10px 7px;text-align:center;position:sticky;top:31px;z-index:10;border-bottom:1px solid var(--border)}.th-group{color:var(--text2);font-weight:600}.th-group-item{font-style:italic}.th-formula{color:var(--accent);font-size:9.5px;font-style:italic}.th-left{text-align:left!important}.tbl tbody tr{transition:background .08s}.tbl tbody tr:hover td{background:#ffffff05}.tbl tbody tr:last-child td{border-bottom:none}.tbl td{padding:5px 8px;text-align:center;border-bottom:1px solid var(--border-dim);vertical-align:middle}.c-no{width:36px;color:var(--text3);font-size:11px;padding-left:12px}.c-nama{text-align:left!important;padding-left:12px;font-weight:500;white-space:nowrap;min-width:140px;position:sticky;left:0;z-index:2}.tbl thead th.c-nama{background:var(--surface2)}.tbl tbody td.c-nama{background:var(--surface)}.tbl tbody tr:hover td.c-nama{background:var(--surface2)}.c-nh{width:70px}.c-calc{background:var(--calc-bg)!important;color:var(--accent);font-weight:600;font-family:var(--mono);font-size:12.5px;min-width:80px}.c-rapor{font-weight:700;font-family:var(--mono);font-size:14px;min-width:80px}.c-rapor.pass{background:var(--pass-bg)!important;color:var(--pass-text)}.c-rapor.fail{background:var(--fail-bg)!important;color:var(--fail-text)}.ni{width:54px;background:var(--surface2);border:1px solid transparent;border-radius:5px;color:var(--text);font-family:var(--mono);font-size:12.5px;padding:5px 4px;text-align:center;outline:none;transition:border-color .12s,background .12s;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.ni::-webkit-outer-spin-button,.ni::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.ni::placeholder{color:var(--text3)}.ni:hover{border-color:var(--border)}.ni:focus{border-color:var(--accent);background:var(--bg)}.ro{display:inline-block;width:54px;font-family:var(--mono);font-size:12.5px;color:var(--text2);text-align:center}.th-kt-group{background:#e8943a14!important;color:var(--accent)!important;font-size:10px!important;letter-spacing:.07em!important;border-left:2px solid rgba(232,148,58,.25);text-align:center}.th-kt-sub{background:#e8943a0d!important;color:var(--text3)!important;font-size:10px!important;letter-spacing:.04em!important;border-left:none;text-align:center}.th-kt-sub:first-of-type{border-left:2px solid rgba(232,148,58,.25)}.c-kt{width:38px;text-align:center;background:#e8943a08}.c-kt-first{border-left:2px solid rgba(232,148,58,.2)!important}.kt-t,.kt-r{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:5px;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:0}.kt-t{background:#78c87826;color:#88c888;border:1px solid rgba(120,200,120,.3)}.kt-r{background:#de6b6326;color:#de8878;border:1px solid rgba(222,107,99,.3)}.empty-state,.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem 2rem;color:var(--text2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;gap:.5rem}.empty-icon{font-size:2.5rem;margin-bottom:.25rem}.empty-sub{font-size:12px;color:var(--text3)}.loading-state{flex-direction:row;gap:.75rem;padding:2rem}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#e8943a40;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#e8943a73}@media (max-width: 900px){.hdr-title{font-size:13px}.ccs-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}@media (max-width: 768px){.hdr{flex-wrap:wrap;height:auto;min-height:50px;padding:8px 1rem;gap:4px .5rem}.hdr-left{flex:1;min-width:0}.hdr-right{flex:none}.hdr-mid{order:3;width:100%;flex:none;justify-content:flex-start;overflow-x:auto;padding-bottom:4px;gap:.4rem;scrollbar-width:none;-ms-overflow-style:none}.hdr-mid::-webkit-scrollbar{display:none}.ta-sel,.sem-sel,.mapel-sel,.kelas-sel{font-size:12px;padding:5px 26px 5px 9px;background-position:right 8px center}.main{padding:.75rem .75rem 2rem}.login-card{padding:1.75rem 1.25rem}.kp-row{gap:.75rem}.kp-field input{width:100px}.tabs-row{flex-wrap:wrap;gap:.5rem}.tabs-right{flex-wrap:wrap;gap:.4rem}.ccs-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.lb-cols{grid-template-columns:1fr}}@media (hover: none) and (pointer: coarse){.ni{font-size:16px!important;height:40px;padding:0 4px}.tab-btn{padding:9px 14px}.btn-save-manual,.btn-copy{padding:8px 14px}}.hdr-mid{gap:.6rem}.ta-sel{background:#be82d21f;color:#d4a0e8;border:1px solid rgba(190,130,210,.35);border-radius:var(--radius-sm);font-family:var(--font);font-size:13px;font-weight:700;padding:6px 32px 6px 12px;cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23d4a0e8' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .15s,box-shadow .15s}.ta-sel:focus{border-color:#d4a0e8;box-shadow:0 0 0 3px #be82d233}.sem-sel{background:#8cb9641f;color:#a8d46e;border:1px solid rgba(140,185,100,.35);border-radius:var(--radius-sm);font-family:var(--font);font-size:13px;font-weight:700;padding:6px 32px 6px 12px;cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23a8d46e' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .15s,box-shadow .15s}.sem-sel:focus{border-color:#a8d46e;box-shadow:0 0 0 3px #8cb96433}.mapel-sel{background:var(--accent-dim);color:var(--accent);border:1px solid rgba(232,148,58,.4);border-radius:var(--radius-sm);font-family:var(--font);font-size:13px;font-weight:700;padding:6px 32px 6px 12px;cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23e8943a' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .15s,box-shadow .15s}.mapel-sel:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.kp-kkm-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.65rem .9rem;background:#e8943a12;border:1px solid rgba(232,148,58,.2);border-radius:var(--radius-sm);width:fit-content}.kp-kkm-label{font-size:12px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}.kp-kkm-input{width:80px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--mono);font-size:15px;font-weight:600;padding:5px 8px;text-align:center;outline:none;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;transition:border-color .15s}.kp-kkm-input::-webkit-outer-spin-button,.kp-kkm-input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.kp-kkm-input:focus{border-color:var(--accent)}.kp-fields-wrap{overflow-x:auto;margin-bottom:1rem}.kp-fields-tbl{border-collapse:collapse;font-size:12.5px}.kp-fields-tbl thead th{color:var(--text3);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:4px 10px 5px;text-align:center;border-bottom:1px solid var(--border)}.kp-th-name{text-align:left!important;padding-left:0!important;border-bottom:none!important}.kp-th-group-murni{background:#e8943a12;color:var(--accent)!important;border-bottom:1px solid var(--border)!important;border-radius:6px 6px 0 0;font-size:10px!important;letter-spacing:.05em!important}.kp-th-group-target{color:var(--text2)!important;border-bottom:1px solid var(--border)!important;font-size:10px!important;letter-spacing:.05em!important}.kp-th-sep{width:14px;border-bottom:none!important;background:transparent!important}.kp-th-stat{font-size:10px!important;color:var(--text3)!important;letter-spacing:.04em!important}.kp-fields-tbl tbody tr{border-bottom:1px solid var(--border-dim)}.kp-fields-tbl tbody tr:last-child{border-bottom:none}.kp-fields-tbl tbody td{padding:5px 10px;vertical-align:middle}.kp-field-name{font-size:12px;font-weight:700;color:var(--text);padding-left:0!important;padding-right:14px!important;white-space:nowrap;min-width:52px}.kp-stat-cell{text-align:center;background:#e8943a0a;padding:5px 12px!important}.kp-stat-val{display:inline-block;font-family:var(--mono);font-size:13px;font-weight:600;min-width:32px;text-align:center;border-radius:5px;padding:2px 6px}.kp-stat-lo{background:#de6b631f;color:#de8878}.kp-stat-hi{background:#78c8781f;color:#88c888}.kp-stat-empty{color:var(--text3);font-size:12px}.kp-num-input{width:72px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--mono);font-size:13px;font-weight:500;padding:5px 8px;text-align:center;outline:none;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;transition:border-color .15s}.kp-num-input::-webkit-outer-spin-button,.kp-num-input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.kp-num-input:focus{border-color:var(--accent)}.kp-num-input.kp-input-err{border-color:var(--danger);background:#f851490f}.kp-arrow-cell{color:var(--text3);font-size:1rem;padding:0 6px!important;-webkit-user-select:none;user-select:none}.kp-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:.25rem}.tab-kkm{color:var(--text3);font-size:11px}.ccs{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;overflow:hidden}.ccs-toggle{width:100%;display:flex;align-items:center;gap:10px;background:none;border:none;padding:9px 14px;cursor:pointer;font-family:var(--font);transition:background .12s}.ccs-toggle:hover{background:#ffffff08}.ccs-toggle-label{display:flex;align-items:center;gap:7px;color:var(--text2);font-size:12px;font-weight:700;white-space:nowrap;flex-shrink:0}.ccs-toggle-icon{font-size:14px}.ccs-arrow{font-size:8px;color:var(--text3);margin-left:auto;flex-shrink:0}.ccs-inline-preview{display:flex;flex-wrap:wrap;gap:4px;flex:1;overflow:hidden}.ccs-chip{display:inline-flex;align-items:center;gap:2px;background:var(--surface2);border:1px solid var(--border);border-radius:5px;padding:1px 6px;font-size:11px;font-weight:700}.ccs-chip-lo{color:#e07070}.ccs-chip-hi{color:#6ec88a}.ccs-chip-sep{color:var(--text3);font-size:9px;margin:0 1px}.ccs-chip-kt{background:#e8943a14;border-color:#e8943a40;gap:3px}.ccs-body{border-top:1px solid var(--border);padding:12px 14px 14px;display:flex;flex-direction:column;gap:14px}.ccs-section-header{display:flex;align-items:center;gap:7px;margin-bottom:8px;font-size:11px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.06em}.ccs-section-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.ccs-dot-murni{background:#8ab4d4}.ccs-dot-katrol{background:#a8d4a0}.ccs-section-sub{font-size:10px;font-weight:400;color:var(--text3);text-transform:none;letter-spacing:0;margin-left:2px}.ccs-grid{display:flex;flex-wrap:wrap;gap:6px}.ccs-card{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:6px 10px;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:58px;flex:1 1 58px;max-width:90px}.ccs-card-label{font-size:10px;color:var(--text3);font-weight:600;text-align:center;white-space:nowrap}.ccs-card-vals{display:flex;align-items:center;gap:3px;font-size:14px;font-weight:700;line-height:1}.ccs-card-dash{color:var(--text3);font-size:10px;font-weight:400}.ccs-val-lo{color:#e07070}.ccs-val-hi{color:#6ec88a}.ccs-val-warn{color:#e07070}.ccs-val-empty{color:var(--text3);font-size:12px;opacity:.4}.ccs-card-hl{border-color:#e8943a59;background:#e8943a0f}.ccs-kt-bar-wrap{margin:4px 0 10px;display:flex;flex-direction:column;gap:5px}.ccs-kt-counts{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.ccs-kt-tuntas{color:#6ec88a}.ccs-kt-belum{color:#e07070}.ccs-kt-total{color:var(--text3);font-weight:400}.ccs-kt-sep{color:var(--text3);font-size:10px}.ccs-kt-pct{margin-left:auto;color:var(--accent);font-size:13px;font-weight:700}.ccs-kt-track{height:6px;background:#e0707033;border-radius:99px;overflow:hidden}.ccs-kt-fill{height:100%;background:linear-gradient(90deg,#6ec88a,#5ab870);border-radius:99px;transition:width .35s ease}.ccs-subtabs{display:flex;gap:4px;margin-bottom:10px}.ccs-subtab{background:none;border:1px solid var(--border);border-radius:7px;padding:4px 12px;font-family:var(--font);font-size:11px;font-weight:600;color:var(--text3);cursor:pointer;transition:all .12s}.ccs-subtab:hover{color:var(--text2)}.ccs-subtab-active{background:#e8943a1f;border-color:#e8943a66;color:var(--accent)}.lb{display:flex;flex-direction:column;gap:6px}.lb-empty{color:var(--text3);font-size:12px;padding:6px 0}.lb-section-title{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.lb-cols{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lb-col-hdr{font-size:11px;font-weight:700;margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid var(--border)}.lb-hdr-top{color:#6ec88a}.lb-hdr-bot{color:#e07070}.lb-list{display:flex;flex-direction:column;gap:3px}.lb-item{display:flex;align-items:center;gap:7px;padding:5px 8px;background:var(--surface2);border-radius:7px;border:1px solid var(--border)}.lb-rank{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.lb-rank-top{background:#6ec88a26;color:#6ec88a}.lb-rank-bot{background:#e0707026;color:#e07070}.lb-rank-top.lb-rank-1{background:#6ec88a47;box-shadow:0 0 0 1px #6ec88a66;font-size:12px}.lb-rank-bot.lb-rank-1{background:#e0707047;box-shadow:0 0 0 1px #e0707066;font-size:12px}.lb-info{display:flex;flex-direction:column;flex:1;min-width:0;gap:1px}.lb-nama{font-size:12px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-kelas{font-size:10px;color:var(--text3);font-weight:500}.lb-val{font-size:15px;font-weight:700;flex-shrink:0;min-width:28px;text-align:right}.lb-val-hi94{color:#6ec88a}.lb-val-pass{color:var(--text2)}.lb-val-fail{color:#e07070}.btn-copy{background:#e8943a1a;color:var(--accent);border:1px solid rgba(232,148,58,.3);border-radius:var(--radius-sm);font-family:var(--font);font-size:12px;font-weight:600;padding:5px 13px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.btn-copy:hover{background:#e8943a2e;border-color:#e8943a80}.btn-copy-done{background:#78c8781f!important;color:#88c888!important;border-color:#78c8784d!important}.ni-high{background:#64c8822e!important;border-color:#64c882a6!important;color:#6ec88a!important;font-weight:700;box-shadow:0 0 0 2px #64c8821f}.ni-low{background:#de6b6329!important;border-color:#de6b6399!important;color:#e07070!important;font-weight:700;box-shadow:0 0 0 2px #de6b631a}.ro-high{background:#64c88229;color:#6ec88a;border-radius:4px;font-weight:700;padding:1px 4px}.ro-low{background:#de6b6324;color:#e07070;border-radius:4px;font-weight:700;padding:1px 4px}.c-rapor.hi94{background:#64c88238!important;color:#6ec88a;font-weight:700}.btn-save-manual{background:#e8943a1f;color:var(--accent);border:1px solid rgba(232,148,58,.35);border-radius:var(--radius-sm);font-family:var(--font);font-size:12px;font-weight:700;padding:5px 14px;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap;display:flex;align-items:center;gap:5px}.btn-save-manual:hover:not(:disabled){background:#e8943a3d;border-color:#e8943a8c}.btn-save-manual:disabled{opacity:.6;cursor:not-allowed}.btn-save-saving{opacity:.75;cursor:not-allowed}.btn-save-done{background:#78c8781f!important;color:#88c888!important;border-color:#78c8784d!important}.btn-save-err{background:#c850501f!important;color:#e07070!important;border-color:#c850504d!important}.save-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block}.save-dot.pulsing{animation:savePulse .8s ease-in-out infinite alternate}@keyframes savePulse{0%{opacity:.3;transform:scale(.7)}to{opacity:1;transform:scale(1.2)}}.tbl-container{position:relative}.tbl-saving-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a1209a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;gap:12px;z-index:20;color:var(--accent);font-size:15px;font-weight:700;pointer-events:all}.btn-admin,.btn-import{background:var(--accent-dim);color:var(--accent);border:1px solid var(--border);padding:8px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;margin-right:8px}.btn-admin:hover,.btn-import:hover{background:var(--accent);color:var(--bg)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;padding:1.5rem;box-shadow:0 16px 48px #0006;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur-webkit)}.admin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.admin-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:600px;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border);flex-shrink:0}.admin-header h2{font-size:18px;margin:0}.admin-close{background:none;border:none;color:var(--text2);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.admin-close:hover{color:var(--accent)}.admin-tabs{display:flex;border-bottom:1px solid var(--border);flex-shrink:0}.admin-tab{flex:1;padding:14px;background:none;border:none;color:var(--text2);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.admin-tab:hover{color:var(--text)}.admin-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.admin-content{flex:1;padding:20px;overflow-y:auto}.admin-section{margin-bottom:24px}.admin-section h3{font-size:15px;font-weight:600;margin-bottom:12px;color:var(--accent)}.admin-label{display:block;font-size:13px;font-weight:600;margin-bottom:8px;color:var(--text2)}.admin-form{display:flex;gap:8px;margin-bottom:12px}.admin-input,.admin-select{flex:1;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;color:var(--text);font-family:var(--font);font-size:14px}.admin-input::placeholder{color:var(--text3)}.admin-input:focus,.admin-select:focus{outline:none;border-color:var(--accent);background:var(--surface)}.admin-list{display:flex;flex-direction:column;gap:8px}.admin-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm)}.admin-item span{font-size:14px;color:var(--text)}.admin-btn{padding:8px 16px;border-radius:var(--radius-sm);border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.admin-btn-add{background:var(--accent);color:var(--bg)}.admin-btn-add:hover:not(:disabled){background:#e8943acc}.admin-btn-add:disabled{opacity:.6;cursor:not-allowed}.admin-btn-delete{background:var(--fail-bg);color:var(--fail-text);border:none;padding:6px 12px;border-radius:var(--radius-sm);font-size:12px;cursor:pointer;transition:all .2s}.admin-btn-delete:hover:not(:disabled){background:#de6b6340}.admin-message{margin:0 20px 20px;padding:12px;border-radius:var(--radius-sm);font-size:14px;font-weight:600}.admin-message.success{background:var(--pass-bg);color:var(--pass-text)}.admin-message.error{background:var(--fail-bg);color:var(--fail-text)}.admin-empty{color:var(--text3);font-style:italic;padding:16px;text-align:center}.admin-footer{padding:16px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}.admin-btn-close{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.admin-btn-close:hover{background:var(--border)}.import-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.import-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:600px;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column}.import-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border);flex-shrink:0}.import-header h2{font-size:18px;margin:0}.import-close{background:none;border:none;color:var(--text2);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.import-close:hover{color:var(--accent)}.import-info{padding:12px 20px;background:var(--surface2);border-bottom:1px solid var(--border);flex-shrink:0}.import-info p{margin:4px 0;font-size:13px}.import-content{flex:1;padding:20px;overflow-y:auto}.import-section{margin-bottom:20px}.import-label{display:block;font-size:13px;font-weight:600;margin-bottom:8px;color:var(--text2)}.import-input{width:100%;padding:10px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:14px;cursor:pointer}.import-input:disabled{opacity:.5;cursor:not-allowed}.import-message{margin:16px 20px;padding:12px;border-radius:var(--radius-sm);font-size:14px;font-weight:600}.import-message.success{background:var(--pass-bg);color:var(--pass-text)}.import-message.warning{background:#e8943a1f;color:var(--accent)}.import-message.error{background:var(--fail-bg);color:var(--fail-text)}.import-preview{padding:0 20px 20px;flex:1;display:flex;flex-direction:column}.import-preview h3{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--accent)}.import-table-wrap{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;flex:1;overflow-y:auto}.import-table{width:100%;border-collapse:collapse;font-size:13px}.import-table thead{background:var(--surface2);position:sticky;top:0}.import-table th{padding:10px;text-align:left;font-weight:600;border-bottom:1px solid var(--border);color:var(--accent)}.import-table td{padding:10px;border-bottom:1px solid var(--border-dim);color:var(--text)}.import-table tbody tr:hover{background:var(--surface2)}.import-footer{padding:16px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}.import-btn{padding:10px 16px;border-radius:var(--radius-sm);border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.import-btn-import{background:var(--accent);color:var(--bg)}.import-btn-import:hover:not(:disabled){background:#e8943acc}.import-btn-import:disabled{opacity:.5;cursor:not-allowed}.import-btn-cancel{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.import-btn-cancel:hover{background:var(--border)}.admin-item-left{display:flex;align-items:center;gap:10px}.admin-item-actions{display:flex;align-items:center;gap:8px}.admin-badge-active{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--success);background:#78c87824;border:1px solid rgba(120,200,120,.3);border-radius:20px;padding:2px 9px;white-space:nowrap}.admin-btn-set-active{background:#e8943a1f;color:var(--accent);border:1px solid rgba(232,148,58,.35);border-radius:var(--radius-sm);font-family:var(--font);font-size:12px;font-weight:600;padding:5px 11px;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.admin-btn-set-active:hover:not(:disabled){background:#e8943a38;border-color:var(--accent)}.admin-btn-set-active:disabled{opacity:.45;cursor:not-allowed}.admin-import-selectors{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:4px}.admin-import-sel-row{display:flex;flex-direction:column;gap:4px}.admin-import-sel-row .admin-label{margin-bottom:0;font-size:11px}.admin-import-sel-row .admin-select{padding:8px 10px;font-size:13px}.admin-import-hint{font-size:12px;color:var(--text2);line-height:1.6;margin-bottom:10px}.admin-import-hint code{background:var(--surface2);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-family:var(--mono);font-size:11.5px;color:var(--accent)}.admin-import-target-info{background:var(--surface2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-sm);padding:9px 13px;font-size:13px;color:var(--text2)}.admin-import-target-info strong{color:var(--text)}@media (max-width: 480px){.admin-import-selectors{grid-template-columns:1fr}}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.drawer-overlay.open{opacity:1;visibility:visible}.drawer-content{position:fixed;top:0;right:-620px;bottom:0;width:620px;max-width:90vw;background:var(--surface);border-left:1px solid var(--border);box-shadow:-8px 0 32px #0006;z-index:1000;padding:1.5rem;overflow-y:auto;transition:right .3s cubic-bezier(.16,1,.3,1);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur-webkit)}.drawer-content.open{right:0}.drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.drawer-title{font-size:1.25rem;font-weight:700;color:var(--text);margin:0}.drawer-close{background:transparent;border:none;color:var(--text2);font-size:1.5rem;cursor:pointer;transition:color .15s}.drawer-close:hover{color:var(--text)}.btn-icon{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:8px 12px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s}.btn-icon:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.segmented-control{display:inline-flex;background:var(--surface2);border-radius:12px;padding:4px;position:relative}.segment-btn{flex:1;background:transparent;border:none;color:var(--text2);font-family:var(--font);font-size:13px;font-weight:600;padding:8px 24px;border-radius:8px;cursor:pointer;position:relative;z-index:2;transition:color .3s}.segment-btn.active{color:var(--text)}.segment-active-bg{position:absolute;top:4px;bottom:4px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 2px 8px #0003;z-index:1;transition:transform .3s cubic-bezier(.16,1,.3,1),width .3s cubic-bezier(.16,1,.3,1),left .3s cubic-bezier(.16,1,.3,1)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:.5rem}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;display:flex;flex-direction:column;gap:8px;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur-webkit)}.kpi-label{font-size:11px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.05em}.kpi-value{font-size:2rem;font-weight:700;color:var(--text);line-height:1;font-family:var(--mono)}.kpi-sub{font-size:12px;color:var(--text3)}.kpi-progress-bar{height:6px;background:var(--surface2);border-radius:3px;overflow:hidden;margin-top:4px}.kpi-progress-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .5s ease}.fab-container{position:fixed;bottom:2rem;left:0;right:0;display:flex;justify-content:center;z-index:100;pointer-events:none}.fab-content{pointer-events:auto;background:#18181bd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);padding:8px;border-radius:100px;display:flex;gap:8px;box-shadow:0 12px 32px #0006,0 0 0 1px #ffffff0d;align-items:center}.fab-content .btn-primary,.fab-content .btn-copy{border-radius:100px;padding:10px 24px;font-size:14px}