/*!
 * Kelola-compatible admin stylesheet.
 * Semua warna memakai variabel CSS supaya mode gelap bekerja tanpa kerja tambahan.
 * Ganti seluruh isi file ini dengan CSS template Anda; kelas a-* dan variabel
 * di :root adalah kontrak yang dipakai komponen Blade.
 */
:root{--accent:#0f766e;--accent-ink:#fff;--radius:10px;--radius-sm:calc(var(--radius) * .6);--radius-pill:999px;--sidebar-w:260px;--pad:1.15rem;--gap:1rem;--font:"Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--bg:#f5f6f8;--surface:#fff;--surface-2:#fafbfc;--ink:#1c2126;--muted:#6b7280;--line:#e4e7eb;--ok:#0f766e;--warn:#b45309;--bad:#b91c1c;--info:#1d4ed8;--ok-bg:#ecfdf5;--warn-bg:#fffbeb;--bad-bg:#fef2f2;--info-bg:#eff6ff;--shadow:0 1px 2px #1018280f, 0 1px 3px #1018281a;--focus:0 0 0 3px #0f766e40}[data-theme=dark]{--bg:#0f1215;--surface:#171b20;--surface-2:#1c2127;--ink:#e8eaed;--muted:#9aa3ad;--line:#2a3138;--ok-bg:#0b2a25;--warn-bg:#2a2110;--bad-bg:#2b1414;--info-bg:#111c33;--shadow:0 1px 2px #0006}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:.9375rem;line-height:1.55}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;line-height:1.3}.a-muted{color:var(--muted);font-size:.8125rem}.a-shell{min-height:100vh;display:flex}.a-sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--line);z-index:40;flex-direction:column;transition:transform .2s;display:flex;position:fixed;inset:0 auto 0 0}.a-brand{padding:1.05rem var(--pad);color:var(--ink);border-bottom:1px solid var(--line);align-items:center;gap:.6rem;font-size:1rem;font-weight:650;display:flex}.a-brand:hover{text-decoration:none}.a-brand .bi{border-radius:var(--radius-sm);background:var(--accent);width:1.9rem;height:1.9rem;color:var(--accent-ink);place-items:center;font-size:1rem;display:grid}.a-nav{flex:1;padding:.85rem .7rem 1.2rem;overflow-y:auto}.a-nav-head{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:.9rem .6rem .35rem;font-size:.6875rem;font-weight:700}.a-nav-item{border-radius:var(--radius-sm);color:var(--ink);cursor:pointer;align-items:center;gap:.65rem;margin-bottom:.15rem;padding:.55rem .65rem;font-size:.875rem;display:flex}.a-nav-item:hover{background:var(--surface-2);text-decoration:none}.a-nav-item .bi{color:var(--muted);text-align:center;width:1.15rem;font-size:1rem}.a-nav-item.is-active{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent);font-weight:600}.a-nav-item.is-active .bi{color:var(--accent)}.a-nav-badge{border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--line);color:var(--muted);margin-left:auto;padding:.05rem .45rem;font-size:.6875rem}.a-nav-group summary{list-style:none}.a-nav-group summary::-webkit-details-marker{display:none}.a-nav-group .a-chev{margin-left:auto;transition:transform .2s}.a-nav-group[open] .a-chev{transform:rotate(180deg)}.a-nav-sub{gap:.15rem;padding:.2rem 0 .4rem 2.35rem;display:grid}.a-nav-subitem{border-radius:var(--radius-sm);color:var(--muted);padding:.35rem .5rem;font-size:.8125rem}.a-nav-subitem.is-active{color:var(--accent);font-weight:600}.a-sidebar-foot{padding:.75rem var(--pad);border-top:1px solid var(--line)}.a-main{min-width:0;margin-left:var(--sidebar-w);flex-direction:column;flex:1;display:flex}.a-topbar{z-index:30;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);align-items:center;gap:.85rem;min-height:3.6rem;padding:.5rem 1.25rem;display:flex;position:sticky;top:0}.a-topbar-title{min-width:0;color:var(--muted);flex:1;align-items:center;gap:.6rem;font-size:.8125rem;display:flex}.a-topbar-end{align-items:center;gap:.5rem;display:flex}.a-icon-btn{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:2.15rem;height:2.15rem;color:var(--ink);cursor:pointer;place-items:center;display:grid}.a-icon-btn:hover{background:var(--surface-2)}.a-user{position:relative}.a-user summary{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);cursor:pointer;align-items:center;gap:.5rem;padding:.25rem .45rem;font-size:.8125rem;list-style:none;display:flex}.a-user summary::-webkit-details-marker{display:none}.a-user-name{text-overflow:ellipsis;white-space:nowrap;max-width:9rem;overflow:hidden}.a-user-menu{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:14rem;box-shadow:var(--shadow);z-index:50;padding:.4rem;position:absolute;top:calc(100% + .4rem);right:0}.a-user-meta{border-bottom:1px solid var(--line);gap:.15rem;margin-bottom:.35rem;padding:.5rem .55rem .6rem;display:grid}.a-dd-item{border-radius:var(--radius-sm);width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;padding:.45rem .55rem;font-size:.875rem;display:flex}.a-dd-item:hover{background:var(--surface-2);text-decoration:none}.a-dd-item.danger{color:var(--bad)}.a-dd-sep{background:var(--line);height:1px;margin:.3rem 0}.a-content{padding:calc(var(--pad) * 1.35) calc(var(--pad) * 1.6) 3rem;gap:var(--gap);align-content:start;display:grid}.a-page-head{gap:.35rem;display:grid}.a-page-head h1{letter-spacing:-.01em;font-size:1.4rem}.a-page-head p{color:var(--muted);margin:0;font-size:.875rem}.a-breadcrumb ol{color:var(--muted);flex-wrap:wrap;gap:.4rem;margin:0 0 .2rem;padding:0;font-size:.75rem;list-style:none;display:flex}.a-breadcrumb li+li:before{content:"/";color:var(--line);margin-right:.4rem}.a-breadcrumb a{color:var(--muted)}.a-grid{gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(13.75rem,1fr));display:grid}.a-toolbar{flex-wrap:wrap;align-items:end;gap:.65rem;display:flex}.a-toolbar .a-field{min-width:11rem;margin:0}.a-spacer{flex:1}.a-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.a-card-h{padding:.85rem var(--pad);border-bottom:1px solid var(--line);align-items:center;gap:.75rem;display:flex}.a-card-title{flex:1;font-size:.9375rem;font-weight:650}.a-card-actions{gap:.4rem;display:flex}.a-card-b{padding:var(--pad);gap:.85rem;display:grid}.a-card-b.is-flush{padding:0;display:block}.a-stat{padding:var(--pad);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:.15rem;display:grid}.a-stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.a-stat-value{letter-spacing:-.02em;font-size:1.65rem;font-weight:650}.a-stat-delta{font-size:.75rem}.a-stat-delta.is-up{color:var(--ok)}.a-stat-delta.is-down{color:var(--bad)}.a-btn{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.875rem;font-weight:550;display:inline-flex}.a-btn:hover{background:var(--surface-2);text-decoration:none}.a-btn:focus-visible,.a-icon-btn:focus-visible,.a-input:focus-visible{box-shadow:var(--focus);outline:none}.a-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.a-btn.primary:hover{background:color-mix(in srgb, var(--accent) 88%, black)}.a-btn.danger{background:var(--bad);border-color:var(--bad);color:#fff}.a-btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.a-btn.ghost:hover{background:var(--surface-2);color:var(--ink)}.a-btn.sm{padding:.28rem .6rem;font-size:.8125rem}.a-btn[disabled]{opacity:.55;cursor:not-allowed}.a-badge{border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--line);color:var(--muted);white-space:nowrap;align-items:center;gap:.25rem;padding:.1rem .5rem;font-size:.75rem;font-weight:550;display:inline-flex}.a-badge.ok{background:var(--ok-bg);color:var(--ok);border-color:#0000}.a-badge.warn{background:var(--warn-bg);color:var(--warn);border-color:#0000}.a-badge.bad{background:var(--bad-bg);color:var(--bad);border-color:#0000}.a-badge.info{background:var(--info-bg);color:var(--info);border-color:#0000}.a-table-wrap{overflow-x:auto}.a-table{border-collapse:collapse;width:100%;font-size:.875rem}.a-table th,.a-table td{padding:.6rem var(--pad);text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}.a-table th{background:var(--surface-2);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:.6875rem;font-weight:700}.a-table tbody tr:last-child td{border-bottom:0}.a-table tbody tr:hover td{background:color-mix(in srgb, var(--surface-2) 60%, transparent)}.a-table .a-actions{flex-wrap:wrap;justify-content:flex-end;gap:.25rem;display:flex}.a-cell-strong{font-weight:600}.a-form-grid{gap:0 var(--gap);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));display:grid}.a-field{gap:.3rem;margin-bottom:.85rem;display:grid}.a-field>label{font-size:.8125rem;font-weight:600}.a-input{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--ink);font:inherit;padding:.5rem .65rem;font-size:.875rem}.a-input::placeholder{color:var(--muted)}textarea.a-input{resize:vertical;min-height:6rem}.a-input.is-invalid{border-color:var(--bad)}.a-hint{color:var(--muted);margin:0;font-size:.75rem}.a-err{color:var(--bad);margin:0;font-size:.75rem}.a-check{cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.a-check input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accent)}.a-form-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.35rem;display:flex}.a-alert{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);align-items:flex-start;gap:.6rem;padding:.65rem .85rem;font-size:.875rem;display:flex}.a-alert-body{flex:1}.a-alert.info{background:var(--info-bg);color:var(--info);border-color:#0000}.a-alert.ok{background:var(--ok-bg);color:var(--ok);border-color:#0000}.a-alert.warn{background:var(--warn-bg);color:var(--warn);border-color:#0000}.a-alert.bad{background:var(--bad-bg);color:var(--bad);border-color:#0000}.a-alert-close{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:0}.a-progress{border-radius:var(--radius-pill);background:var(--line);min-width:5rem;height:.5rem;overflow:hidden}.a-progress>span{background:var(--accent);border-radius:inherit;height:100%;transition:width .3s;display:block}.a-progress.ok>span{background:var(--ok)}.a-progress.warn>span{background:var(--warn)}.a-progress.bad>span{background:var(--bad)}.a-progress-row{gap:.3rem;display:grid}.a-empty{text-align:center;justify-items:center;gap:.35rem;padding:2.5rem 1.25rem;display:grid}.a-empty>.bi{color:var(--muted);font-size:1.6rem}.a-empty h3{font-size:.9375rem}.a-empty p{color:var(--muted);max-width:30rem;margin:0;font-size:.8125rem}.a-empty-action{margin-top:.5rem}.a-avatar{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--accent) 18%, var(--surface));color:var(--accent);flex:none;place-items:center;font-weight:650;display:inline-grid;overflow:hidden}.a-avatar.sm{width:1.75rem;height:1.75rem;font-size:.6875rem}.a-avatar.md{width:2.15rem;height:2.15rem;font-size:.75rem}.a-avatar.lg{width:2.9rem;height:2.9rem;font-size:.9375rem}.a-avatar.xl{width:3.6rem;height:3.6rem;font-size:1.1rem}.a-avatar img{object-fit:cover;width:100%;height:100%}.a-attachment{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--ink);align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.82rem;text-decoration:none;transition:border-color .15s,color .15s;display:inline-flex}.a-attachment:hover{border-color:var(--accent);color:var(--accent)}.a-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;padding-top:.25rem;display:flex}.a-pagination-links{flex-wrap:wrap;gap:.3rem;display:flex}.a-timeline{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.a-timeline>li{border-left:1px solid var(--line);padding-left:1.35rem;position:relative}.a-timeline>li:before{content:"";background:var(--accent);border-radius:999px;width:.55rem;height:.55rem;position:absolute;top:.45rem;left:-.3rem}.a-timeline-head{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.a-timeline-text{white-space:pre-line;margin:.35rem 0 0;font-size:.875rem}.a-timeline-meta{color:var(--muted);margin-top:.2rem;font-size:.75rem}.a-toasts{z-index:90;gap:.5rem;max-width:22rem;display:grid;position:fixed;bottom:1rem;right:1rem}.a-toast{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:.6rem .85rem;font-size:.875rem;transition:opacity .25s,transform .25s;transform:translateY(0)}.a-toast.is-out{opacity:0;transform:translateY(.4rem)}.a-toast.ok{border-left:3px solid var(--ok)}.a-toast.warn{border-left:3px solid var(--warn)}.a-toast.bad{border-left:3px solid var(--bad)}.a-toast.info{border-left:3px solid var(--info)}.a-modal{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);width:calc(100% - 2rem);max-width:26rem;box-shadow:var(--shadow);padding:0}.a-modal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#090c0f8c}.a-modal-body{gap:.6rem;padding:1.15rem;display:grid}.a-modal-title{font-size:1rem}.a-modal-foot{justify-content:flex-end;gap:.5rem;margin-top:.4rem;display:flex}.a-guest{background:radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--accent) 12%, var(--bg)), var(--bg) 55%);place-items:center;min-height:100vh;padding:1.5rem;display:grid}.a-guest-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:24rem;box-shadow:var(--shadow);gap:.85rem;padding:1.75rem;display:grid}.a-guest-brand{align-items:center;gap:.6rem;font-weight:650;display:flex}.a-guest-brand .bi{border-radius:var(--radius-sm);background:var(--accent);width:1.9rem;height:1.9rem;color:var(--accent-ink);place-items:center;display:grid}.a-error{text-align:center;justify-items:center;gap:.5rem;padding:.25rem 0;display:grid}.a-error-icon{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--accent) 12%, transparent);width:3rem;height:3rem;color:var(--accent);place-items:center;font-size:1.35rem;display:grid}.a-error-code{margin:.15rem 0 0;font-size:1.55rem;font-weight:700}.a-error-text{color:var(--muted);margin:0;font-size:.9rem;line-height:1.55}.a-error-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.5rem;display:flex}@media (width<=991.98px){.a-sidebar{box-shadow:var(--shadow);transform:translate(-100%)}.a-shell.is-sidebar-open .a-sidebar{transform:translate(0)}.a-main{margin-left:0}.a-content{padding:1rem 1rem 2.5rem}.a-user-name{display:none}}@media (width>=992px){.a-shell.is-sidebar-open .a-sidebar{transform:translate(0)}}