@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#071d3b;--green:#102f57;--mint:#f8f1df;--gold:#c99a32;--ink:#10284a;--muted:#64748b;--line:#dbe3ee;--paper:#f4f6fa;--white:#fff;--red:#a63d42}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.6}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.18;margin:0 0 14px}p{margin:0 0 16px}.container{width:min(1120px,92%);margin:auto}.topline{background:var(--navy);color:#e8f4ed;font-size:12px;padding:8px 0}.topline .container{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.navbar{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.navinner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy)}.brandmark{width:44px;height:44px;border-radius:14px;background:var(--green);color:white;display:grid;place-items:center;font-family:Manrope;font-weight:800;letter-spacing:-1px;box-shadow:0 7px 18px #176b5826}.brand strong{display:block;font:800 18px Manrope;letter-spacing:.5px}.brand small{display:block;font-size:11px;color:var(--muted)}nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap}nav a{font-size:13px;text-decoration:none;color:#38554d;font-weight:600}nav a:hover{color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:12px 17px;background:var(--green);color:#fff;text-decoration:none;font-weight:700;font-size:13px;cursor:pointer;transition:.2s}.btn:hover{background:#105544;transform:translateY(-1px)}.btn.outline{background:white;border:1px solid #cbded3;color:var(--green)}.btn.gold{background:var(--gold);color:#172c25}.hero{background:linear-gradient(110deg,#12302c 0%,#176b58 72%,#2e8066 100%);color:white;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:470px;height:470px;border:1px solid #ffffff20;border-radius:50%;right:-120px;top:-150px;box-shadow:0 0 0 45px #ffffff08,0 0 0 90px #ffffff05}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center;padding:78px 0 82px;position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:#bfe3cf;margin-bottom:18px}.hero h1{font-size:clamp(34px,4.6vw,54px);letter-spacing:-1.7px;max-width:680px}.hero p{color:#d7e9df;max-width:600px;font-size:16px;line-height:1.8}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.hero .outline{background:transparent;border-color:#8cb8a4;color:#fff}.hero-note{background:#ffffff12;border:1px solid #ffffff30;border-radius:20px;padding:27px;backdrop-filter:blur(4px)}.hero-note .big{font:800 46px Manrope;color:#f3d69a;line-height:1}.hero-note h3{margin-top:18px;font-size:20px}.hero-note p{font-size:13px;margin:0}.section{padding:64px 0}.section.soft{background:#f0f6f1}.section-head{max-width:650px;margin-bottom:28px}.section-head .eyebrow{color:var(--green);margin-bottom:10px}.section-head h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.8px}.section-head p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:white;border:1px solid var(--line);border-radius:17px;padding:23px;box-shadow:0 8px 24px #143c2c06}.card-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:var(--mint);color:var(--green);font-size:20px;margin-bottom:17px}.card h3{font-size:17px}.card p{font-size:13px;color:var(--muted);margin-bottom:17px}.text-link{font-size:13px;color:var(--green);font-weight:800;text-decoration:none}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:start}.quote{border-left:3px solid var(--gold);padding:20px 22px;background:#fff;border-radius:0 13px 13px 0}.quote p{font-size:15px;color:#36574b}.quote strong{font-size:13px}.form-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 12px 35px #12302c0b}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:700;color:#38564c}.field input,.field select,.field textarea{width:100%;border:1px solid #d6e2da;border-radius:9px;padding:12px 13px;background:#fcfdfb;font:14px 'DM Sans';color:var(--ink);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #176b5815}.field textarea{min-height:125px;resize:vertical}.notice{padding:14px 16px;border-radius:10px;background:#eef7f0;border:1px solid #d0e7d7;color:#28553c;font-size:13px;margin-bottom:18px}.notice.warn{background:#fff7e8;border-color:#f2dfb8;color:#75521a}.footer{background:#102a26;color:#d8e8df;padding:38px 0}.footer-grid{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer small{color:#a9c0b4}.pagehead{background:#eaf4ed;padding:42px 0}.pagehead h1{font-size:34px}.pagehead p{color:var(--muted);margin:0}.adminbody{background:#f4f7f4}.adminnav{background:#12302c;color:#fff;padding:17px 0}.adminnav .container{display:flex;justify-content:space-between;align-items:center;gap:15px}.adminnav a{color:#fff;text-decoration:none;font-size:13px}.adminmain{padding:30px 0 60px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px}.stat small{display:block;color:var(--muted);font-size:12px}.stat strong{display:block;font:800 30px Manrope;margin-top:6px}.tablewrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px}.table{border-collapse:collapse;width:100%;font-size:13px}.table th,.table td{text-align:left;padding:13px 15px;border-bottom:1px solid #eaf0eb;vertical-align:top}.table th{background:#f5f8f5;color:#486257;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.pill{display:inline-block;padding:4px 8px;border-radius:99px;background:#edf5ef;color:#27624d;font-size:11px;font-weight:700}.muted{color:var(--muted)}.empty{padding:30px;text-align:center;color:var(--muted)}.admincards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admincard{background:white;border:1px solid var(--line);border-radius:14px;padding:22px}.admincard h3{font-size:17px}.admin-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inlineform{display:flex;gap:8px;align-items:center}.inlineform select{padding:7px;border:1px solid var(--line);border-radius:7px}.smallbtn{border:0;border-radius:7px;padding:7px 10px;background:var(--green);color:white;font-weight:700;cursor:pointer}.smallbtn.secondary{background:#e8f2eb;color:var(--green)}.loginwrap{min-height:70vh;display:grid;place-items:center;padding:45px 0}.loginbox{width:min(440px,100%);background:white;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:0 18px 50px #12302c10}.loginbox h1{font-size:25px}.privacy{font-size:12px;color:var(--muted)}@media(max-width:800px){.navinner{padding:13px 0;align-items:flex-start;flex-direction:column}.hero-grid,.split{grid-template-columns:1fr;gap:26px}.hero-grid{padding:52px 0}.cards{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.admincards{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}nav{gap:13px}.hero-note{max-width:450px}}@media(max-width:460px){.stats{grid-template-columns:1fr 1fr}.stat strong{font-size:24px}.form-card{padding:19px}.section{padding:46px 0}}


/* SIGAP PPPA — tema premium navy, ivory, dan emas untuk seluruh panel admin.
   Perubahan presentasi saja; tidak mengubah proses PHP, query, maupun database. */
.adminbody{background:#f3f6fb;color:#10284a}
.adminnav{background:linear-gradient(105deg,#061832 0%,#0b2a50 72%,#123b68 100%);color:#fff;border-bottom:2px solid #c99a32;box-shadow:0 5px 18px rgba(4,22,48,.16)}
.adminnav a{color:#fff}
.adminnav a:hover{color:#f3d58c}
.adminmain .section-head .eyebrow{color:#b18425}
.adminmain .admincard,.adminmain .stat,.adminmain .loginbox,.adminmain .tablewrap{border-color:#dbe3ee;box-shadow:0 8px 24px rgba(8,31,63,.055)}
.adminmain .stat strong{color:#0b2a50}
.adminmain .table th{background:#eaf0f8;color:#17375f}
.adminmain .table td{border-color:#e7edf5}
.adminmain .table tbody tr:hover{background:#f7f9fc}
.adminmain .smallbtn,.adminmain button.smallbtn,.adminmain .btn{background:linear-gradient(135deg,#0b2a50,#174574);color:#fff;border:1px solid #c99a32}
.adminmain .smallbtn:hover,.adminmain button.smallbtn:hover,.adminmain .btn:hover{background:linear-gradient(135deg,#123b68,#1b507f)}
.adminmain .smallbtn.secondary{background:#f8f1df;color:#17375f;border:1px solid #e3c77f}
.adminmain .pill{background:#f8f1df;color:#795713}
.adminmain input:focus,.adminmain select:focus,.adminmain textarea:focus{border-color:#c99a32;box-shadow:0 0 0 3px rgba(201,154,50,.16)}
.adminmain .notice{background:#f8f1df;border-color:#ead8a8;color:#70551b}
.adminmain .notice.warn{background:#fff7e8;border-color:#f2dfb8;color:#75521a}
.admin-actions a{border-radius:8px;padding:8px 11px}
@media(max-width:650px){.adminnav .container{align-items:flex-start;flex-direction:column}}
/* Konsistensi komponen halaman admin yang memiliki CSS lokal. */
.adminbody .ka-head{background:linear-gradient(110deg,#061832,#123b68)!important;border-color:#c99a32!important;color:#fff!important}
.adminbody .ka-btn{background:linear-gradient(135deg,#0b2a50,#174574)!important;border:1px solid #c99a32!important;color:#fff!important}
.adminbody .ka-btn.alt{background:#f8f1df!important;color:#17375f!important;border-color:#e3c77f!important}
.adminbody .ka-table th{background:#eaf0f8!important;color:#17375f!important}
.adminbody .ka-alert{background:#f8f1df!important;color:#70551b!important;border:1px solid #ead8a8!important}
.adminbody .manager-tabs a.active{background:#0b2a50!important;border-color:#c99a32!important;color:#fff!important}
.adminbody .manager-tabs a{border-color:#dbe3ee!important;color:#17375f!important}
.adminbody .manager-field input:focus,.adminbody .manager-field textarea:focus,.adminbody .manager-field select:focus{border-color:#c99a32!important;box-shadow:0 0 0 3px rgba(201,154,50,.16)!important}
.adminbody .loginbox .btn,.adminbody .loginbox button{background:linear-gradient(135deg,#0b2a50,#174574)!important;border:1px solid #c99a32!important;color:#fff!important}
/* FINAL PALETTE OVERRIDE — SIGAP PPPA: NO GREEN/TEAL UI */
:root{--green:#0b2a50;--mint:#f8f1df;--teal:#0b2a50;--teal2:#174574;--navy:#071d3b;--gold:#c99a32;--paper:#f3f6fb;--line:#dbe3ee;--ink:#10284a}
body.adminbody,.adminbody{background:#f3f6fb!important;color:#10284a!important}
.adminnav,.adminnav header{background:linear-gradient(105deg,#061832 0%,#0b2a50 72%,#123b68 100%)!important;color:#fff!important;border-bottom:2px solid #c99a32!important}
.sigap-sidebar{background:linear-gradient(180deg,#061832,#0b2a50)!important;border-right:1px solid #c99a32!important}
.sigap-side-label{color:#e3c77f!important}
.sigap-side-nav a{color:#f5f7fb!important}
.sigap-side-nav a .nav-mark{background:rgba(201,154,50,.22)!important;color:#f3d58c!important}
.sigap-side-nav a:hover,.sigap-side-nav a:focus,.sigap-side-nav a.active{background:linear-gradient(135deg,#c99a32,#f0d58d)!important;color:#071d3b!important;border-color:#f0d58d!important}
.adminbody .btn,.adminbody button,.adminbody .smallbtn,.adminbody .ka-btn,.adminbody .ag-btn,.adminbody .manager-actions a,.adminbody .manager-tabs a.active{background:linear-gradient(135deg,#0b2a50,#174574)!important;color:#fff!important;border:1px solid #c99a32!important}
.adminbody .btn:hover,.adminbody button:hover,.adminbody .smallbtn:hover,.adminbody .ka-btn:hover,.adminbody .ag-btn:hover{background:linear-gradient(135deg,#123b68,#1b507f)!important}
.adminbody .smallbtn.secondary,.adminbody .ka-btn.alt{background:#f8f1df!important;color:#17375f!important;border:1px solid #e3c77f!important}
.adminbody .admincard,.adminbody .stat,.adminbody .tablewrap,.adminbody .ka-card,.adminbody .ag-card,.adminbody .manager-card{background:#fff!important;border-color:#dbe3ee!important}
.adminbody .table th,.adminbody .ka-table th,.adminbody .ag-table th{background:#eaf0f8!important;color:#17375f!important}
.adminbody .table td,.adminbody .ka-table td,.adminbody .ag-table td{border-color:#e7edf5!important}
.adminbody .section-head .eyebrow,.adminbody .eyebrow{color:#b18425!important}
.adminbody input:focus,.adminbody select:focus,.adminbody textarea:focus{border-color:#c99a32!important;box-shadow:0 0 0 3px rgba(201,154,50,.16)!important}
.adminbody .manager-tabs a{color:#17375f!important;border-color:#dbe3ee!important}
.adminbody .ka-head{background:linear-gradient(110deg,#061832,#123b68)!important;color:#fff!important;border-color:#c99a32!important}
.adminbody .ka-alert,.adminbody .notice{background:#f8f1df!important;color:#70551b!important;border-color:#ead8a8!important}
.adminbody .ka-alert.err,.adminbody .notice.err{background:#fff0ed!important;color:#922d21!important;border-color:#f2c9c3!important}