:root{--color-primary:#0068a0;--color-primary-hover:#00517f;--color-primary-dark:#003d66;--color-primary-soft:#e6f2f8;--color-accent-yellow:#fff500;--color-on-yellow:#212529;--color-accent-green:#007c3a;--color-accent-red:#dc3545;--color-white:#fff;--color-surface:#f8f9fa;--color-surface-dim:#eef1f6;--color-text:#212529;--color-text-muted:#5b6470;--color-border:#e2e6ea;--font-display:"Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--container-width:1200px;--nav-height:72px;--transition-fast:.15s ease;--transition-base:.3s ease;--shadow-sm:0 4px 20px #003d660d;--shadow-md:0 8px 32px #003d6614;--shadow-lg:0 12px 48px #003d661f}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#003d6659;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0068a0b3}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-white);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);color:var(--color-primary-dark);margin:0 0 .5em;font-weight:700;line-height:1.2}h1{letter-spacing:-.02em;font-size:clamp(2rem,5vw,3.5rem);font-weight:800}h2{font-size:clamp(1.75rem,4vw,2.5rem)}h3{font-size:1.25rem}p{margin:0 0 1em}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}img{max-width:100%;height:auto;display:block}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.skip-link{background:var(--color-accent-yellow);color:var(--color-on-yellow);border-radius:var(--radius-md);z-index:1000;transition:top var(--transition-fast);padding:.75rem 1.5rem;font-weight:700;position:absolute;top:-10rem;left:1rem}.skip-link:focus{top:1rem}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.container{width:100%;max-width:var(--container-width);margin-inline:auto;padding-inline:1.5rem}.section{padding-block:clamp(3rem,8vw,6rem)}.section--alt{background:var(--color-surface)}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.85rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:var(--color-accent-yellow);width:24px;height:2px;display:block}.curtain-wrapper{display:block;position:relative;overflow:hidden}.curtain-block{background:var(--color-primary);z-index:10;pointer-events:none;width:0%;height:100%;position:absolute;top:0;left:0}.curtain-content{opacity:0}@media (prefers-reduced-motion:reduce){.curtain-block{display:none!important}.curtain-content{opacity:1!important}}.btn{border-radius:var(--radius-md);font-weight:700;font-family:var(--font-display);letter-spacing:.02em;cursor:pointer;transition:all var(--transition-fast);border:2px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.75rem;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background:var(--color-primary-hover);color:var(--color-white)}.btn-outline{backdrop-filter:blur(4px);color:var(--color-white);background:#ffffff1a;border-color:#ffffff4d}.btn-outline:hover{border-color:var(--color-white);color:var(--color-white);background:#fff3}.btn-secondary{background:var(--color-white);border-color:var(--color-primary);color:var(--color-primary)}.btn-secondary:hover{background:var(--color-primary-soft)}.card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:box-shadow .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1),border-color .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.card:hover{border-color:#0068a04d;transform:translateY(-4px);box-shadow:0 12px 24px #003d661f,0 4px 8px #003d6614}.grid{gap:1.5rem;display:grid}@media (width>=768px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.btn-save-green{color:#fff!important;border-radius:var(--radius-md,8px)!important;font-family:var(--font-display,"Plus Jakarta Sans", sans-serif)!important;cursor:pointer!important;background:#007c3a!important;border:1px solid #0000001a!important;align-items:center!important;gap:.5rem!important;padding:.6rem 1.25rem!important;font-size:.88rem!important;font-weight:600!important;text-decoration:none!important;transition:all .15s!important;display:inline-flex!important;box-shadow:0 2px 6px #007c3a33!important}.btn-save-green:hover{transform:translateY(-1px);background:#00602d!important;box-shadow:0 4px 10px #007c3a4d!important}.btn-save-green:active{transform:translateY(0)}.btn-save-green:disabled{opacity:.55!important;cursor:not-allowed!important;box-shadow:none!important;background:#94a3b8!important;border-color:#0000!important;transform:none!important}.admin-main .editor-top-bar,.editor-top-bar{border:1px solid var(--color-border,#e2e8f0)!important;border-radius:var(--radius-md,8px)!important;background:#fff!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:1rem!important;margin-bottom:1.25rem!important;padding:1.15rem 1.5rem!important;display:flex!important;position:static!important;top:auto!important;box-shadow:0 1px 3px #0000000a!important}.admin-main .bar-title-block,.bar-title-block{flex-direction:column!important;gap:.3rem!important;min-width:0!important;display:flex!important}.admin-main .title-with-badge,.title-with-badge{flex-wrap:wrap!important;align-items:center!important;gap:.75rem!important;display:inline-flex!important}.admin-main .bar-title,.editor-top-bar .bar-title{font-family:var(--font-display,"Plus Jakarta Sans", sans-serif)!important;color:var(--color-primary-dark,#003d66)!important;letter-spacing:-.015em!important;margin:0!important;font-size:1.2rem!important;font-weight:700!important;line-height:1.25!important}.admin-main .module-tag,.module-tag{background:var(--color-primary-soft,#e6f2f8)!important;color:var(--color-primary,#0068a0)!important;letter-spacing:.02em!important;white-space:nowrap!important;border:1px solid #0068a02e!important;border-radius:9999px!important;align-items:center!important;padding:.2rem .65rem!important;font-size:.72rem!important;font-weight:600!important;line-height:1.2!important;display:inline-flex!important}.admin-main .bar-desc,.editor-top-bar .bar-desc{color:var(--color-text-muted,#5b6470)!important;margin:0!important;font-size:.84rem!important;line-height:1.45!important}.admin-main .bar-actions-block,.bar-actions-block{flex-wrap:wrap!important;align-items:center!important;gap:.85rem!important;display:flex!important}.admin-main .unsaved-badge,.unsaved-badge{color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:9999px;align-items:center;gap:.45rem;padding:.35rem .75rem;line-height:1;display:inline-flex;font-size:.75rem!important;font-weight:600!important}.admin-main .unsaved-badge[style*="display: none"],.unsaved-badge[style*="display: none"],.admin-main .unsaved-badge[style*=display\:none],.unsaved-badge[style*=display\:none]{display:none!important}.admin-main .unsaved-badge .unsaved-dot,.unsaved-badge .unsaved-dot{background:#f59e0b!important;border-radius:50%!important;width:7px!important;height:7px!important;display:inline-block!important;box-shadow:0 0 0 2px #f59e0b40!important}.table-responsive-wrap,.hse-table-responsive{-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);width:100%;overflow-x:auto;box-shadow:0 2px 8px #003d6608}.admin-table,.hse-table{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.admin-table thead,.hse-table thead{background:var(--color-surface);border-bottom:1.5px solid var(--color-border)}.admin-table th,.hse-table th{background:var(--color-surface);font-family:var(--font-display);color:var(--color-primary-dark);border-bottom:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding:.85rem 1rem;font-size:.82rem;font-weight:700}.admin-table td,.hse-table td{border-bottom:1px solid var(--color-border);vertical-align:middle;color:var(--color-text);padding:.85rem 1rem}.admin-table tbody tr:last-child td,.hse-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover td,.hse-table tbody tr:hover td{background-color:#0068a005}.btn-table-action{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-white);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);vertical-align:middle;justify-content:center;align-items:center;margin:0 .15rem;padding:0;display:inline-flex}.btn-table-action:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-soft)}.btn-table-action.btn-table-danger:hover,.btn-table-action.btn-del-jadwal:hover,.btn-table-action.btn-del-divisi:hover,.btn-table-action.btn-hapus-prestasi:hover,.btn-table-action.btn-hapus-fasilitas:hover,.btn-table-action.btn-hapus-ekskul:hover,.btn-table-action.delete:hover{color:#dc2626!important;background:#fef2f2!important;border-color:#fca5a5!important}.admin-main .editor-top-bar .bar-title,.admin-main .bar-title{font-size:1.25rem!important;font-weight:700!important;line-height:1.3!important}.admin-main .module-tag{padding:.2rem .6rem!important;font-size:.75rem!important;font-weight:600!important}.admin-main .bar-desc{font-size:.85rem!important;line-height:1.45!important}.admin-main h3,.admin-main .card-title,.admin-main .section-title,.admin-main .panel-title,.admin-main .subtab-title,.admin-main .hse-section-title{font-size:1.05rem!important;font-weight:600!important;line-height:1.35!important}.admin-main input:not([type=checkbox]):not([type=radio]),.admin-main select,.admin-main textarea{border-radius:var(--radius-md)!important;padding:.55rem .85rem!important;font-size:.875rem!important}.admin-main label,.admin-main .form-label,.admin-main .field-label{text-transform:uppercase!important;letter-spacing:.04em!important;font-size:.8rem!important;font-weight:600!important}.admin-main .form-hint,.admin-main .help-text,.admin-main .field-desc,.admin-main .form-text,.admin-main .badge,.admin-main .status-badge,.admin-main .meta-item,.admin-main .unsaved-badge{font-size:.75rem!important}.admin-main .admin-table td,.admin-main .hse-table td{padding:.75rem .85rem!important;font-size:.875rem!important}.admin-main .admin-table th,.admin-main .hse-table th{text-transform:uppercase!important;letter-spacing:.04em!important;padding:.75rem .85rem!important;font-size:.8rem!important;font-weight:600!important}.admin-main .subtab-btn,.admin-main .hse-subtab-btn{padding:.55rem 1rem!important;font-size:.875rem!important}.admin-main .staged-item,.staged-item{border:1px solid var(--color-border,#e2e8f0)!important;border-radius:var(--radius-md,8px)!important;background:#f8fafc!important;justify-content:space-between!important;align-items:center!important;gap:1rem!important;padding:1.15rem 1.25rem!important;transition:all .2s!important;display:flex!important}.admin-main .staged-item:hover,.staged-item:hover{background:#fff!important;border-color:#cbd5e1!important;box-shadow:0 3px 10px #0000000a!important}.admin-main .staged-info,.staged-info{flex:1!important;min-width:0!important}.admin-main .staged-title-row,.staged-title-row{flex-wrap:wrap!important;align-items:center!important;gap:.6rem!important;margin-bottom:.35rem!important;display:flex!important}.admin-main .staged-module-name,.staged-module-name{color:var(--color-text,#0f172a)!important;font-size:.95rem!important;font-weight:700!important}.admin-main .staged-badge,.staged-badge{color:#1e40af!important;background-color:#dbeafe!important;border-radius:999px!important;padding:.15rem .5rem!important;font-size:.72rem!important;font-weight:600!important}.admin-main .staged-time,.staged-time{color:#64748b!important;font-size:.75rem!important}.admin-main .staged-summary,.staged-summary{color:#334155!important;margin-bottom:.45rem!important;font-size:.85rem!important;line-height:1.45!important}.admin-main .staged-files-list,.staged-files-list{flex-wrap:wrap!important;gap:.35rem!important;display:flex!important}.admin-main .staged-file-pill,.staged-file-pill{border:1px solid var(--color-border,#e2e8f0)!important;color:#475569!important;background:#fff!important;border-radius:4px!important;align-items:center!important;gap:.25rem!important;padding:.15rem .45rem!important;font-family:monospace!important;font-size:.75rem!important;display:inline-flex!important}.admin-main .btn-remove-staged,.btn-remove-staged{border-radius:var(--radius-sm,6px)!important;color:#dc2626!important;cursor:pointer!important;white-space:nowrap!important;background:#fff!important;border:1px solid #fca5a5!important;flex-shrink:0!important;align-items:center!important;gap:.35rem!important;padding:.45rem .85rem!important;font-size:.8rem!important;font-weight:600!important;transition:all .15s!important;display:inline-flex!important}.admin-main .btn-remove-staged:hover,.btn-remove-staged:hover{background:#fef2f2!important;border-color:#ef4444!important}.admin-main .staged-actions,.staged-actions{flex-wrap:wrap!important;flex-shrink:0!important;align-items:center!important;gap:.5rem!important;display:flex!important}.admin-main .btn-view-diff,.btn-view-diff{border-radius:var(--radius-sm,6px)!important;color:var(--color-primary,#0068a0)!important;cursor:pointer!important;white-space:nowrap!important;background:#fff!important;border:1px solid #cbd5e1!important;flex-shrink:0!important;align-items:center!important;gap:.35rem!important;padding:.45rem .85rem!important;font-size:.8rem!important;font-weight:600!important;transition:all .15s!important;display:inline-flex!important}.admin-main .btn-view-diff:hover,.btn-view-diff:hover{background:var(--color-primary-soft,#e6f2f8)!important;border-color:var(--color-primary,#0068a0)!important}.diff-table-wrap{border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-md,8px);background:#fff;width:100%;margin-top:.5rem;overflow-x:auto}.diff-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.diff-table th{background:var(--color-surface,#f8fafc);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted,#5b6470);border-bottom:1px solid var(--color-border,#e2e8f0);padding:.75rem 1rem;font-size:.78rem;font-weight:700}.diff-table td{border-bottom:1px solid var(--color-border,#e2e8f0);vertical-align:top;padding:.85rem 1rem}.diff-table tr:last-child td{border-bottom:none}.diff-field-name{color:var(--color-primary-dark,#003d66);font-weight:600}.diff-val-before{color:#991b1b;word-break:break-word;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;max-width:100%;padding:.25rem .55rem;font-size:.82rem;display:inline-block}.diff-val-after{color:#166534;word-break:break-word;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:4px;max-width:100%;padding:.25rem .55rem;font-size:.82rem;font-weight:600;display:inline-block}.gh-diff-wrapper{background:#fff;border:1px solid #d0d7de;border-radius:8px;margin-top:1rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.8rem;overflow:hidden;box-shadow:0 1px 3px #0000000a}.gh-diff-header{color:#24292f;background:#f6f8fa;border-bottom:1px solid #d0d7de;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem 1rem;font-weight:600;display:flex}.gh-diff-file-name{color:#0969da;align-items:center;gap:.4rem;font-size:.85rem;display:inline-flex}.gh-diff-stat{gap:.5rem;font-size:.78rem;font-weight:700;display:inline-flex}.gh-diff-stat .stat-add{color:#1a7f37}.gh-diff-stat .stat-del{color:#cf222e}.gh-diff-table-scroll{width:100%;max-height:480px;overflow-x:auto}.gh-diff-table{border-collapse:collapse;width:100%;font-family:inherit;font-size:.8rem;line-height:1.45}.gh-diff-table tr{border-bottom:1px solid #00000008}.gh-diff-num{text-align:right;color:#8c959f;user-select:none;vertical-align:top;background:#fbfcfd;border-right:1px solid #e1e4e8;width:44px;min-width:44px;padding:0 8px;font-size:.72rem}.gh-diff-code{white-space:pre-wrap;word-break:break-all;vertical-align:top;color:#24292f;padding:1px 10px}.gh-diff-prefix{user-select:none;width:14px;font-weight:700;display:inline-block}.gh-diff-line-add{background-color:#e6ffec!important}.gh-diff-line-add .gh-diff-num{color:#1a7f37!important;background-color:#ccffd8!important}.gh-diff-line-add .gh-diff-prefix,.gh-diff-line-add .gh-diff-text{color:#1a7f37!important}.gh-diff-line-del{background-color:#ffebe9!important}.gh-diff-line-del .gh-diff-num{color:#cf222e!important;background-color:#ffd7d5!important}.gh-diff-line-del .gh-diff-prefix,.gh-diff-line-del .gh-diff-text{color:#cf222e!important}.gh-diff-line-hunk{font-style:italic;color:#0969da!important;background-color:#ddf4ff!important}.gh-diff-line-hunk .gh-diff-num{color:#0969da!important;background-color:#b6e3ff!important}