:root{--ink:#16352d;--muted:#6b7d76;--green:#176b4d;--gold:#d9a441;--bg:#f3f6f4;--card:#fff;--line:#e1e9e4}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}.shell{display:flex;min-height:100vh}aside{width:260px;background:linear-gradient(180deg,#103f32,#176b4d);color:#fff;padding:30px 22px;position:sticky;top:0;height:100vh}.logo{width:54px;height:54px;border-radius:17px;background:var(--gold);color:#16352d;display:grid;place-items:center;font-weight:900;font-size:20px}aside h2{margin:22px 0 4px;font-size:23px}aside p{margin:0;color:#cde0d7}nav{display:grid;gap:10px;margin-top:38px}nav a{color:#eaf5ef;text-decoration:none;padding:13px 15px;border-radius:12px}nav a.active,nav a:hover{background:rgba(255,255,255,.14)}.side-note{position:absolute;bottom:30px;left:22px;right:22px;font-size:12px;color:#cde0d7;line-height:1.6}main{flex:1;padding:42px;min-width:0}header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:26px}h1{font-size:34px;margin:7px 0}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--green)}header p{color:var(--muted);margin:8px 0}.user{background:#e5f1eb;border:1px solid #cfe3d8;color:var(--green);padding:11px 14px;border-radius:999px;font-weight:700;font-size:13px}.panel{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:26px;margin-bottom:22px;box-shadow:0 8px 24px rgba(18,59,42,.04)}.panel-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.panel h2{margin:6px 0 0;font-size:22px}.panel p{color:var(--muted);font-size:13px}.pill{background:#f8edd5;color:#8d681e;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}label{display:grid;gap:8px;font-size:13px;font-weight:750;color:#345348}label.wide{margin-top:16px}input,textarea{width:100%;border:1px solid #d8e4dd;border-radius:12px;padding:12px 13px;font:inherit;color:var(--ink);background:#fbfdfc}input:focus,textarea:focus{outline:3px solid #d9eee4;border-color:var(--green)}textarea{resize:vertical;min-height:100px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{border:0;border-radius:12px;background:var(--green);color:#fff;padding:14px 20px;font-weight:800;text-decoration:none;cursor:pointer}.btn:hover{filter:brightness(.95)}.btn.ghost{background:#e6efe9;color:var(--green)}.alert{padding:14px 16px;border-radius:12px;margin-bottom:20px;font-weight:700}.success{background:#e2f4e9;color:#176b4d}.error{background:#fde8e8;color:#a32929}@media(max-width:900px){aside{width:210px}main{padding:25px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.shell{display:block}aside{position:static;width:auto;height:auto;padding:22px}aside h2{margin-top:12px}nav{display:flex;flex-wrap:wrap;margin-top:20px}.side-note{display:none}main{padding:18px}header{display:block}header h1{font-size:27px}.user{display:inline-block;margin-top:14px}.grid,.stats{grid-template-columns:1fr}.panel{padding:19px;border-radius:16px}}
.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:#f3f7f4}.login-card{width:min(420px,100%);background:#fff;border:1px solid #dce7df;border-radius:22px;padding:32px;box-shadow:0 15px 45px rgba(24,70,42,.10)}.login-card h1{margin:14px 0 8px;color:#173d29}.login-card p{color:#6b7d71;margin-bottom:24px}.login-card form{display:grid;gap:16px}.login-card label{display:grid;gap:7px;font-weight:700;color:#294936}.login-card input{width:100%;box-sizing:border-box;padding:13px;border:1px solid #cbd9cf;border-radius:10px;font:inherit}.login-card .btn{width:100%;border:0;cursor:pointer}
.subheading{margin:28px 0 16px;font-size:20px;color:var(--ink)}.tag{display:inline-block;background:#e6f2eb;color:var(--green);padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;margin-right:8px}.data-row{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}.data-row:last-child{border-bottom:0}.data-row>div:first-child{min-width:0;flex:1}.data-row h3{margin:8px 0 6px;font-size:17px;line-height:1.35;overflow-wrap:anywhere}.data-row p{margin:0;color:var(--muted);font-size:13px;line-height:1.6;overflow-wrap:anywhere}.data-row small{color:var(--muted);font-size:12px}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;flex:0 0 auto;min-width:142px}.row-actions form{display:flex;margin:0;padding:0}.row-actions .btn{display:inline-flex;align-items:center;justify-content:center;min-width:64px;white-space:nowrap}.btn.small{padding:10px 13px;font-size:12px;line-height:1.2}.btn.danger{background:#b63b3b}.editor-form{margin-bottom:4px}.panel-head>.btn{flex:0 0 auto;white-space:nowrap}@media(max-width:650px){.data-row{display:block}.row-actions{margin-top:16px;justify-content:flex-start;min-width:0}.row-actions .btn{min-width:84px}.panel-head{align-items:flex-start;flex-wrap:wrap}.panel-head>.btn{margin-top:4px}}
/* Final alignment fix for all Edit/Delete action groups */
.data-row{display:grid;grid-template-columns:minmax(0,1fr) 156px;align-items:center;column-gap:18px}
.row-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;justify-content:stretch;gap:8px;width:156px;min-width:156px}
.row-actions form{display:block;width:100%;margin:0;padding:0}
.row-actions a.btn,.row-actions button.btn{width:100%;min-width:0;height:40px;padding:9px 6px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap}
@media(max-width:650px){.data-row{display:grid;grid-template-columns:minmax(0,1fr);row-gap:14px}.row-actions{width:100%;min-width:0;max-width:220px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.row-actions a.btn,.row-actions button.btn{height:38px}}

/* Batasi logo preview/admin agar tidak membesar dan menutupi halaman */
.logo-image,
.logo-image img,
img[alt="Logo saat ini"] {
  max-width: 84px !important;
  max-height: 84px !important;
  object-fit: cover !important;
}

/* ===== FINAL ADMIN UI PATCH ===== */
html{background:#eef3f7}
body{min-width:0;overflow-x:hidden}
a{color:#0b6078}
.login-wrap{min-height:100vh;min-height:100dvh;background:radial-gradient(circle at top left,#dff4f0 0,#eef3f7 42%,#dce8f2 100%);position:relative;isolation:isolate}
.login-wrap:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(8,91,113,.08),transparent 45%,rgba(212,157,30,.08));z-index:-1}
.login-card{position:relative;overflow:hidden;padding:38px;box-shadow:0 24px 70px rgba(12,45,65,.16);border:1px solid rgba(255,255,255,.8)}
.login-card:before{content:"";display:block;height:6px;position:absolute;top:0;left:0;right:0;background:linear-gradient(90deg,#0b6178,#0f8ba5,#d69b16)}
.login-card .logo{margin:0 auto 18px;background:linear-gradient(135deg,#0b6178,#0e8aa1);color:#fff;box-shadow:0 8px 18px rgba(11,97,120,.25)}
.login-card h1{text-align:center;font-size:28px;letter-spacing:-.6px}
.login-card>p{text-align:center;line-height:1.6}
.login-card .alert{text-align:left}
.login-card label{font-size:13px}
.login-card input{background:#f8fbfd;border-color:#d4e0e8;min-height:48px}
.login-card input:focus{outline:3px solid #d4edf3;border-color:#0b7893}
.login-card .btn{min-height:48px;background:linear-gradient(135deg,#0b6178,#0d8aa4);box-shadow:0 8px 16px rgba(11,97,120,.2)}
.login-card form p{margin:0;text-align:center;font-size:13px}
.shell{background:#eef3f7}
.shell aside{background:linear-gradient(180deg,#084b61 0%,#0b6c82 52%,#075268 100%);box-shadow:8px 0 28px rgba(4,49,67,.12)}
.shell aside .logo{background:linear-gradient(135deg,#d69b16,#f2c75a);box-shadow:0 8px 18px rgba(0,0,0,.12)}
.shell aside nav a{border:1px solid transparent;transition:.2s ease}
.shell aside nav a.active,.shell aside nav a:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.2);transform:translateX(2px)}
main{max-width:1700px;margin:0 auto}
header{padding-bottom:22px;border-bottom:1px solid #d8e3ea}
.eyebrow{color:#0b7893}
h1{color:#12344d;letter-spacing:-.8px}
.panel{box-shadow:0 12px 32px rgba(16,55,75,.07);border-color:#dce6ed}
.panel h2,.subheading{color:#123f59}
.panel-head{border-bottom:1px solid #edf1f5;padding-bottom:15px}
label{color:#24485e}
input,textarea{background:#fbfdff;border-color:#d2e0e8}
input:focus,textarea:focus{outline:3px solid #d8eef5;border-color:#0b7893}
.btn{background:linear-gradient(135deg,#0b6178,#0d8aa4);box-shadow:0 5px 12px rgba(11,97,120,.12)}
.btn.ghost{background:#e5f1f5;color:#075b73}
.btn.danger{background:linear-gradient(135deg,#a52f3d,#c94d58)}
.user{background:#e3f2f6;border-color:#c9e3eb;color:#075b73}
.tag,.pill{background:#e8f4f7;color:#075b73}
.alert.success{background:#e5f7ed;color:#126b48;border:1px solid #c7ecd8}
.alert.error{background:#fff0f0;color:#a12b38;border:1px solid #f4cccc}
@media(max-width:650px){.login-card{padding:30px 22px}.shell aside{box-shadow:none}.panel-head{gap:12px}main{width:100%}}