:root{--green: #1a5276;--green-dark: #154360;--green-light: #2e86c1;--gold: #b7950b;--gold-light: #f4d03f;--bg: #f0f2f6;--white: #ffffff;--gray: #6c757d;--border: #dee2e6;--red: #c0392b;--red-light: #fdedec;--success: #1e8449;--radius: 8px;--shadow: 0 2px 12px rgba(0,0,0,.08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:#1a1a2e;font-size:15px;line-height:1.5}h1{font-size:24px;font-weight:700}h2{font-size:20px;font-weight:700}h3{font-size:17px;font-weight:600}.site-header{background:var(--green);color:#fff;padding:0 24px;display:flex;align-items:center;gap:14px;min-height:68px;box-shadow:0 2px 8px #0003;position:sticky;top:0;z-index:50}.site-header .brand h1{font-size:17px;line-height:1.25}.site-header .brand p{font-size:12px;opacity:.75}.page{max-width:820px;margin:36px auto;padding:0 16px}.page-wide{max-width:1100px;margin:28px auto;padding:0 16px}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px 32px}@media (max-width:600px){.card{padding:18px 16px}}.card-title{font-size:19px;font-weight:700;color:var(--green);margin-bottom:4px}.card-sub{font-size:13px;color:var(--gray);margin-bottom:22px}.form-group{margin-bottom:18px}label{display:block;font-weight:600;font-size:13px;margin-bottom:6px}label .req{color:var(--red);margin-left:3px}input[type=text],input[type=date],input[type=tel],input[type=email],input[type=datetime-local],select,textarea{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:6px;font-size:16px;background:#fff;transition:border-color .15s;font-family:inherit;-webkit-appearance:none}@media (min-width: 640px){input[type=text],input[type=date],input[type=tel],input[type=email],input[type=datetime-local],select,textarea{font-size:14px}}input:focus,select:focus,textarea:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 3px #1a527614}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:580px){.form-row{grid-template-columns:1fr}}.hint{font-size:12px;color:var(--gray);margin-top:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 22px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:opacity .15s,transform .1s;font-family:inherit;touch-action:manipulation;min-height:40px}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover:not(:disabled){background:var(--green-dark)}.btn-gold{background:var(--gold);color:#fff}.btn-gold:hover:not(:disabled){opacity:.88}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover:not(:disabled){opacity:.88}.btn-outline{background:transparent;border:1.5px solid var(--green);color:var(--green)}.btn-outline:hover{background:#1a52760f}.btn-gray{background:#f3f4f6;color:#374151;border:1px solid var(--border)}.btn-sm{padding:6px 14px;font-size:13px}.btn-full{width:100%}.alert{padding:13px 16px;border-radius:6px;font-size:14px;margin-bottom:18px}.alert-danger{background:#fdedec;border:1px solid #e6b0aa;color:#922b21}.alert-success{background:#eafaf1;border:1px solid #a9dfbf;color:#1e8449}.alert-info{background:#eaf4fb;border:1px solid #aed6f1;color:#1a5276}.alert-warning{background:#fef9e7;border:1px solid #f9e79f;color:#9a7d0a}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.badge-menunggu{background:#fef9e7;color:#9a7d0a}.badge-disetujui{background:#eafaf1;color:#1e8449}.badge-ditolak{background:#fdedec;color:#c0392b}.badge-dicetak{background:#eaf4fb;color:#1a5276}.period-banner{background:linear-gradient(135deg,var(--green),var(--green-light));color:#fff;border-radius:var(--radius);padding:20px 24px;margin-bottom:24px}.period-banner h2{font-size:17px;margin-bottom:4px}.period-banner p{font-size:13px;opacity:.85}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{background:var(--green);color:#fff;padding:10px 14px;text-align:left;font-size:13px;white-space:nowrap}td{padding:9px 14px;border-bottom:1px solid #f0f0f0;vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:#f9fafb}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}@media (max-width:700px){.stats{grid-template-columns:1fr 1fr}}.stat-card{background:#fff;border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow)}.stat-card .num{font-size:30px;font-weight:700;line-height:1}.stat-card .lbl{font-size:12px;color:var(--gray);margin-top:5px}.admin-wrap{display:flex;min-height:calc(100vh - 68px)}.sidebar{width:230px;flex-shrink:0;background:#0f2133;color:#fff;padding:20px 0;position:sticky;top:68px;height:calc(100vh - 68px);overflow-y:auto}.sidebar-logo{padding:0 20px 18px;font-size:13px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-logo strong{display:block;font-size:15px}.sidebar nav a{display:flex;align-items:center;gap:9px;padding:12px 20px;color:#ffffffbf;text-decoration:none;font-size:14px;transition:background .12s}.sidebar nav a:hover,.sidebar nav a.active{background:#ffffff1a;color:#fff}.admin-main{flex:1;padding:28px 32px;overflow-x:hidden}@media (max-width:768px){.admin-wrap{flex-direction:column}.sidebar{width:100%;height:auto;position:static}.admin-main{padding:16px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:200;padding:16px}.modal{background:#fff;border-radius:10px;padding:28px;width:min(540px,100%);max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003}.modal h3{margin-bottom:18px;color:var(--green)}.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:22px;flex-wrap:wrap}.foto-zone{border:2px dashed var(--border);border-radius:6px;padding:20px;text-align:center;cursor:pointer;transition:border-color .15s}.foto-zone:hover{border-color:var(--green)}.foto-preview{width:90px;height:120px;object-fit:cover;border-radius:4px;border:1px solid var(--border)}.divider{border:none;border-top:1px solid var(--border);margin:22px 0}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.gap-8{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.text-center{text-align:center}.text-gray{color:var(--gray)}.text-green{color:var(--green)}code{background:#f3f4f6;padding:2px 7px;border-radius:4px;font-size:13px;font-family:monospace}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 700px){div[style*="flex: 0 0 45%"]{display:none!important}div[style*="flex: 1"][style*="background: #f0f4f8"]{min-height:100vh}}.ijazah-page{width:297mm;height:210mm;background:#fff;color:#000;padding:4mm 17mm 15mm;font-family:"Bree Serif",Times New Roman,serif;font-size:13pt;line-height:1.4;box-sizing:border-box;margin:0;overflow:hidden;print-color-adjust:exact;-webkit-print-color-adjust:exact}.ijazah-page *{color:#000!important}.ij-header{display:flex;justify-content:space-between;font-size:13pt}.ij-space{height:54mm;position:relative}.ij-kop{position:absolute;left:0;right:0;top:32mm;text-align:center}.ij-kop-univ{font-family:League Spartan,Arial Black,sans-serif;font-size:18pt;font-weight:700;line-height:1;margin-bottom:5.5mm}.ij-kop-judul{font-family:League Spartan,Arial Black,sans-serif;font-size:18pt;font-weight:700;line-height:1;letter-spacing:.2em}.ij-pembuka{text-align:center;font-weight:700;margin-bottom:1mm;font-size:13pt}.ij-data{margin:0 0 2mm 78mm;border-collapse:collapse}.ij-data td{padding:0;line-height:1.4;vertical-align:top}.ij-data td:first-child{width:55.3mm}.ij-data td.pisah{width:6mm}.ij-narasi{margin-bottom:1mm;font-size:13pt}.ij-gelar{font-family:League Spartan,Arial Black,sans-serif;text-align:center;font-size:20pt;font-weight:700;line-height:1.1;letter-spacing:.5pt;margin:0 0 .5mm}.ij-beserta{text-align:center;font-style:italic;margin-bottom:2.5mm}.ij-diberikan{text-align:center;font-weight:700;margin-bottom:1mm}.ij-ttd{display:flex;justify-content:space-between;align-items:flex-start}.ij-ttd .pejabat{text-align:center;width:70mm}.ij-ttd .jabatan{font-weight:700;margin-bottom:0;font-size:13pt;line-height:1.4}.ij-ttd .jabatan-sub{font-size:13pt;line-height:1.4;margin-bottom:19mm}.ij-ttd .npejabat{font-weight:700;font-size:13pt}.ij-foto{width:26mm;height:35mm;border:1pt solid #000;display:flex;align-items:center;justify-content:center;font-size:8.5pt;color:#555;overflow:hidden}.ij-foto img{width:100%;height:100%;object-fit:cover}@media print{@page{size:A4 landscape;margin:0}body{background:#fff!important}.no-print{display:none!important}.ij-kop{visibility:hidden!important}.ijazah-page{box-shadow:none!important;page-break-after:always;background:#fff!important;width:297mm!important;height:210mm!important}.ijazah-page:last-child{page-break-after:avoid}}@media screen{.ijazah-page{width:min(297mm,calc(100vw - 48px));box-shadow:0 4px 20px #00000026;margin:24px auto}}