@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=Amiri:ital,wght@0,400;0,700;1,400&display=swap");:root{--maroon-900:#5C1417;--maroon-800:#7A1D21;--maroon-700:#9E2A2B;--maroon-600:#B23A3B;--maroon-500:#C55A5B;--maroon-300:#E5AEAE;--maroon-100:#F6E4E4;--maroon-50:#FCF3F3;--gold-800:#8C7A16;--gold-700:#B79F22;--gold-600:#D3B92F;--gold-500:#DCC945;--gold-400:#E7D877;--gold-200:#F5EDBE;--gold-100:#FBF7E4;--slate-900:#22262C;--slate-800:#2E333A;--slate-700:#3B4048;--slate-600:#525862;--slate-500:#6B7280;--slate-400:#949AA4;--slate-300:#C3C8D0;--slate-200:#E1E4E9;--slate-100:#EFF1F4;--teal-800:#0E5F53;--teal-700:#12796A;--teal-600:#179E89;--teal-500:#22B79F;--teal-200:#B7E7DF;--teal-100:#E3F6F2;--sand-100:#FDFBF6;--sand-200:#F8F3E9;--sand-300:#F0E7D7;--sand-400:#E4D7C1;--white:#FFFFFF;--black:#101215;--text-strong:var(--slate-900);--text-body:var(--slate-700);--text-muted:var(--slate-500);--text-faint:var(--slate-400);--text-on-dark:var(--sand-100);--text-on-brand:var(--white);--text-brand:var(--maroon-700);--text-link:var(--maroon-700);--text-link-hover:var(--maroon-900);--surface-page:var(--sand-200);--surface-card:var(--white);--surface-sunken:var(--sand-300);--surface-brand:var(--maroon-700);--surface-brand-soft:var(--maroon-50);--surface-accent:var(--gold-500);--surface-accent-soft:var(--gold-100);--surface-dark:var(--slate-900);--surface-calm:var(--teal-100);--border-hairline:var(--sand-400);--border-default:var(--slate-200);--border-strong:var(--slate-300);--border-brand:var(--maroon-700);--focus-ring:var(--gold-600);--status-active:var(--teal-700);--status-active-soft:var(--teal-100);--status-next:var(--gold-600);--status-next-soft:var(--gold-100);--status-danger:var(--maroon-700);--status-danger-soft:var(--maroon-50);--status-info:var(--slate-700);--status-info-soft:var(--slate-100);--time-fajr:#3B4048;--time-dhuhr:var(--gold-600);--time-asr:var(--teal-700);--time-maghrib:var(--maroon-700);--time-isha:var(--slate-900);--font-sans:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--font-arabic:"Amiri","Traditional Arabic",serif;--font-display:var(--font-sans);--font-mono:ui-monospace,"SFMono-Regular",Menlo,monospace;--fs-display-1:56px;--fs-display-2:44px;--fs-h1:36px;--fs-h2:28px;--fs-h3:22px;--fs-h4:18px;--fs-body-lg:17px;--fs-body:15px;--fs-body-sm:13px;--fs-caption:12px;--fs-overline:11px;--fs-arabic-lg:34px;--fs-arabic:22px;--lh-tight:1.1;--lh-snug:1.25;--lh-normal:1.5;--lh-relaxed:1.7;--lh-arabic:2;--ls-display:-0.02em;--ls-heading:-0.01em;--ls-body:0;--ls-overline:0.14em;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--text-display-1:var(--fw-extrabold) var(--fs-display-1)/var(--lh-tight) var(--font-display);--text-h1:var(--fw-extrabold) var(--fs-h1)/var(--lh-snug) var(--font-display);--text-h2:var(--fw-bold) var(--fs-h2)/var(--lh-snug) var(--font-display);--text-h3:var(--fw-bold) var(--fs-h3)/var(--lh-snug) var(--font-display);--text-h4:var(--fw-bold) var(--fs-h4)/var(--lh-snug) var(--font-display);--text-body-default:var(--fw-regular) var(--fs-body)/var(--lh-relaxed) var(--font-sans);--text-label:var(--fw-semibold) var(--fs-body-sm)/var(--lh-normal) var(--font-sans);--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-pill:999px;--radius-arch:120px 120px var(--radius-lg) var(--radius-lg);--border-width-hairline:1px;--border-width-strong:2px;--border-width-accent:4px;--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--gutter-card:24px;--gutter-section:80px;--gutter-page:32px;--container-max:1180px;--container-narrow:760px;--shadow-none:none;--shadow-xs:0 1px 2px rgba(34,38,44,.06);--shadow-sm:0 2px 6px rgba(34,38,44,.06);--shadow-md:0 8px 24px rgba(34,38,44,.08);--shadow-lg:0 18px 48px rgba(34,38,44,.10);--shadow-brand:0 10px 26px rgba(158,42,43,.24);--shadow-inset-hairline:inset 0 0 0 1px var(--border-hairline);--overlay-scrim:linear-gradient(180deg,rgba(34,38,44,0),rgba(34,38,44,.72));--blur-glass:saturate(140%) blur(14px);--ease-standard:cubic-bezier(.2,.8,.2,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in:cubic-bezier(.4,0,1,1);--dur-instant:90ms;--dur-fast:160ms;--dur-base:240ms;--dur-slow:420ms;--transition-control:color var(--dur-fast) var(--ease-standard),background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard);--press-scale:0.98}*,:after,:before{box-sizing:border-box}body{margin:0;background:var(--surface-page);color:var(--text-body);font:var(--text-body-default)}h1,h2,h3,h4{color:var(--text-strong);margin:0 0 var(--space-4)}h1{font:var(--text-h1)}h2{font:var(--text-h2)}h3{font:var(--text-h3)}a{color:var(--text-link)}a:hover{color:var(--text-link-hover)}.container{max-width:var(--container-narrow);margin:0 auto;padding:var(--gutter-page)}.card{background:var(--surface-card);border:var(--border-width-hairline) solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}label{display:block;font:var(--text-label);color:var(--text-strong);margin-bottom:var(--space-1)}input,select,textarea{width:100%;font:var(--text-body-default);padding:var(--space-3);border:var(--border-width-hairline) solid var(--border-strong);border-radius:var(--radius-sm);margin-bottom:var(--space-4);background:var(--white);color:var(--text-strong)}input:focus,select:focus,textarea:focus{outline:2px solid var(--focus-ring);outline-offset:1px}.btn,button{display:inline-block;font:var(--text-label);padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);border:none;background:var(--surface-brand);color:var(--text-on-brand);cursor:pointer}.btn:hover,button:hover{background:var(--maroon-800)}button.secondary{background:var(--surface-sunken);color:var(--text-strong)}button.danger{background:var(--status-danger);color:var(--text-on-brand)}.error{color:var(--status-danger);background:var(--status-danger-soft)}.error,.success{padding:var(--space-3);border-radius:var(--radius-sm);margin-bottom:var(--space-4)}.success{color:var(--status-active);background:var(--status-active-soft)}table{width:100%;border-collapse:collapse;margin-bottom:var(--space-4)}td,th{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:var(--border-width-hairline) solid var(--border-default);font-size:var(--fs-body-sm)}th{color:var(--text-muted);font-weight:var(--fw-semibold)}nav.dashboard-nav{display:flex;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap}nav.dashboard-nav a{font:var(--text-label)}.status-badge{display:inline-block;padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:var(--fs-caption);font-weight:var(--fw-semibold)}.status-badge.ditinjau,.status-badge.menunggu{background:var(--status-next-soft);color:var(--gold-800)}.status-badge.disetujui,.status-badge.normal{background:var(--status-active-soft);color:var(--status-active)}.status-badge.ditolak{background:var(--status-danger-soft);color:var(--status-danger)}.modal-overlay{position:fixed;inset:0;background:rgb(0 0 0/.5);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:100}.modal-card{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-6);max-width:var(--container-narrow);width:100%}.modal-card p{color:var(--text-body);margin:0 0 var(--space-4)}.gerbang-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.gerbang-shell__panel-kiri{position:-webkit-sticky;position:sticky;top:0;align-self:start;overflow:hidden;height:100vh;min-height:240px;display:flex;align-items:flex-end}.gerbang-shell__foto{position:absolute;inset:-6%;animation:gerbang-ken-burns 22s ease-in-out infinite alternate}.gerbang-shell__scrim{position:absolute;inset:0;background:linear-gradient(100deg,rgba(34,38,44,.86),rgba(34,38,44,.66) 42%,rgba(34,38,44,.22) 72%,rgba(34,38,44,.3))}.gerbang-shell__brand{position:relative;z-index:1;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-8);color:var(--sand-100)}.gerbang-shell__logo{flex:0 0 auto;height:48px;width:auto}.gerbang-shell__nama{font-family:var(--font-display);font-weight:var(--fw-extrabold);font-size:var(--fs-h3);color:var(--sand-100);letter-spacing:-.01em}.gerbang-shell__subjudul{font-size:var(--fs-body-sm);color:rgba(253,251,246,.82);margin-top:2px}.gerbang-shell__panel-kanan{display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-6);background:var(--surface-page)}.gerbang-shell__konten{width:100%;max-width:420px;animation:gerbang-fade-in var(--dur-slow,.4s) var(--ease-standard,ease) both}@keyframes gerbang-ken-burns{0%{transform:scale(1) translate(0)}to{transform:scale(1.08) translate(-1.5%,-1%)}}@keyframes gerbang-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.gerbang-shell__btn-row{display:flex;gap:var(--space-3);flex-wrap:wrap}.gerbang-shell input:-webkit-autofill,.gerbang-shell input:-webkit-autofill:active,.gerbang-shell input:-webkit-autofill:focus,.gerbang-shell input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-strong);box-shadow:0 0 0 1000px var(--white) inset;caret-color:var(--text-strong);-webkit-transition:background-color 600000s 0s,color 600000s 0s;transition:background-color 600000s 0s,color 600000s 0s}.gerbang-shell__ganti-pilihan{align-self:flex-start;background:none;border:none;padding:0;margin:0;font:inherit;font-size:var(--fs-body-sm);color:var(--text-link);cursor:pointer}.gerbang-shell__ganti-pilihan:hover{background:none;color:var(--text-link-hover)}.gerbang-shell__nav-silang{margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--fs-body-sm);color:var(--text-muted)}.gerbang-shell__nav-silang a{color:var(--text-link)}.gerbang-shell__nav-silang a:hover{color:var(--text-link-hover)}@media (max-width:860px){.gerbang-shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.gerbang-shell__panel-kiri{position:relative;top:auto;height:auto;min-height:120px}.gerbang-shell__brand{padding:var(--space-4) var(--space-5)}.gerbang-shell__nama{font-size:var(--fs-h4,var(--fs-h3))}.gerbang-shell__panel-kanan{padding:var(--space-6) var(--space-4)}}@media (prefers-reduced-motion:reduce){.gerbang-shell__foto,.gerbang-shell__konten{animation:none}}.dashboard-shell{display:flex;min-height:100vh;background:var(--surface-page)}.dashboard-shell__sidebar{flex:0 0 auto;width:264px;display:flex;flex-direction:column;background:var(--surface-card);border-right:var(--border-width-hairline) solid var(--border-default);padding:var(--space-6) var(--space-4);position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.dashboard-shell__brand{font-family:var(--font-display);font-weight:var(--fw-extrabold);font-size:var(--fs-h4);color:var(--text-brand);padding:0 var(--space-3) var(--space-4)}.dashboard-shell__nav{display:flex;flex-direction:column;gap:var(--space-1);flex:1 1}.dashboard-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--text-body);font:var(--text-label);text-decoration:none;transition:var(--transition-control)}.dashboard-nav-item:hover{background:var(--surface-sunken);color:var(--text-strong)}.dashboard-nav-item--active{background:var(--surface-brand-soft);color:var(--text-brand)}.dashboard-shell__footer{border-top:var(--border-width-hairline) solid var(--border-default);padding-top:var(--space-4);margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.dashboard-shell__username{display:flex;align-items:center;gap:var(--space-2);font:var(--text-label);color:var(--text-muted);padding:0 var(--space-3)}.dashboard-shell__topbar{display:none}.dashboard-shell__main{flex:1 1;min-width:0}.dashboard-shell__content{padding:var(--space-8) var(--space-6);max-width:var(--container-max);margin:0 auto}.dashboard-shell__overlay{position:fixed;inset:0;background:rgb(0 0 0/.5);z-index:90;border:none;padding:0}.dashboard-shell__drawer{position:fixed;top:0;left:0;height:100vh;width:min(300px,84vw);background:var(--surface-card);z-index:91;display:flex;flex-direction:column;padding:var(--space-6) var(--space-4);box-shadow:var(--shadow-lg);overflow-y:auto;animation:dashboard-drawer-in .2s ease both}@keyframes dashboard-drawer-in{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@media (max-width:860px){.dashboard-shell__sidebar{display:none}.dashboard-shell__topbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--surface-card);border-bottom:var(--border-width-hairline) solid var(--border-default);position:-webkit-sticky;position:sticky;top:0;z-index:20}.dashboard-shell__topbar-title{font:var(--text-h4);color:var(--text-strong);margin:0}.dashboard-shell__hamburger{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:var(--space-2);margin:calc(var(--space-2) * -1);cursor:pointer;color:var(--text-strong);border-radius:var(--radius-md)}.dashboard-shell__hamburger:hover{background:var(--surface-sunken)}.dashboard-shell__content{padding:var(--space-5) var(--space-4)}}@media (min-width:861px){.dashboard-shell__drawer,.dashboard-shell__overlay{display:none}}.stat-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:var(--space-4);gap:var(--space-4);margin-top:var(--space-6)}.stat-card{display:block;text-decoration:none}.stat-card__value{font:var(--text-h1);color:var(--text-strong)}.stat-card__label{font:var(--text-label);color:var(--text-muted);margin-top:var(--space-1)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-10) var(--space-6);color:var(--text-muted)}.empty-state__icon{color:var(--text-faint)}.empty-state__text{font:var(--text-body-default);color:var(--text-muted);margin:0}.responsive-table__table{width:100%}.responsive-table__cards{display:none;flex-direction:column;gap:var(--space-4)}@media (max-width:720px){.responsive-table__table{display:none}.responsive-table__cards{display:flex}}.entry-card__field{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:var(--space-1) 0;font-size:var(--fs-body-sm)}.entry-card__label{color:var(--text-muted);flex:0 0 auto}.entry-card__value{color:var(--text-strong);text-align:right}.entry-card__actions{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4)}.ds-select{width:100%;height:44px;padding:0 14px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--white);color:var(--text-strong);font:var(--text-body-default)}.ds-select:focus{outline:none;border-color:var(--maroon-700);box-shadow:0 0 0 3px rgba(220,201,69,.35)}.ds-field{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);margin-bottom:var(--space-4)}.ds-field>label{font:var(--text-label);color:var(--text-strong);margin-bottom:0}.skeleton{background:linear-gradient(90deg,var(--slate-100) 25%,var(--slate-200) 37%,var(--slate-100) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none;background:var(--slate-100)}}