:root{--orange:#f47b20;--dark-orange:#c94f0b;--ink:#182231;--muted:#687386;--line:#e6e9ee;--surface:#f5f7fa}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:15px/1.55 Arial,Helvetica,sans-serif;background:var(--surface)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.admin-shell{min-height:100vh;display:grid;grid-template-columns:255px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;background:#242930;color:#fff;display:flex;flex-direction:column}.admin-brand{display:flex;gap:11px;align-items:center;margin:2px 5px 28px}.admin-logo{display:grid;place-items:center;width:43px;height:43px;border-radius:12px 12px 12px 4px;background:linear-gradient(145deg,#ff9c52,#cc4d08);font-size:11px;font-weight:900}.admin-logo.large{width:62px;height:62px;font-size:15px;margin-bottom:28px}.admin-brand>span:last-child{display:flex;flex-direction:column}.admin-brand small{color:#ffad74;font-size:9px;font-weight:800;letter-spacing:.12em}.admin-brand strong{font-size:13px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-radius:9px;color:#bdc3cc;font-weight:700}.sidebar nav a.active,.sidebar nav a:hover{background:#343a43;color:#fff}.sidebar nav span{font-size:9px;color:#8e96a2}.sidebar-user{margin-top:auto;padding:18px 6px 12px;border-top:1px solid #3a4049;display:flex;align-items:center;gap:10px}.avatar{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:#f47b20;font-weight:900}.sidebar-user>span:last-child{display:flex;flex-direction:column}.sidebar-user strong{font-size:12px}.sidebar-user small{font-size:10px;color:#aab1bc}.logout{width:100%;border:0;background:transparent;color:#ffb07a;text-align:left;padding:8px 6px;font-size:12px}.admin-main{min-width:0}.topbar{height:91px;padding:0 34px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.topbar small,.panel-heading small{color:var(--dark-orange);font-size:10px;font-weight:900;letter-spacing:.12em}.topbar h1{margin:3px 0 0;font-size:22px}.view-site{padding:9px 13px;border:1px solid var(--line);border-radius:8px;font-size:12px;font-weight:800}.admin-content{padding:30px 34px;max-width:1280px}.welcome-panel{padding:27px 29px;color:#fff;background:linear-gradient(120deg,#ae3d08,#e56818);border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.14em;color:#ffd7ba}.welcome-panel h2{font-size:24px;margin:6px 0}.welcome-panel p{margin:0;color:#ffe5d2}.primary-action{display:block;width:100%;border:0;border-radius:9px;padding:12px 16px;background:var(--orange);color:#fff;font-weight:800;text-align:center;cursor:pointer}.primary-action.compact{width:auto;white-space:nowrap;background:#fff;color:#9a3408}.stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0}.stat-cards article,.panel{background:#fff;border:1px solid var(--line);border-radius:14px}.stat-cards article{padding:21px}.stat-cards small{color:var(--dark-orange);font-size:9px;font-weight:900;letter-spacing:.11em}.stat-cards strong{display:block;font-size:30px;margin:7px 0 2px}.stat-cards span{font-size:11px;color:var(--muted)}.panel{padding:23px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.panel-heading h2{margin:3px 0;font-size:18px}.panel-heading a,.edit-link{color:var(--dark-orange);font-size:12px;font-weight:800}.content-list>a{display:grid;grid-template-columns:120px 1fr 85px;align-items:center;gap:14px;padding:13px 3px;border-top:1px solid var(--line)}.content-title{display:flex;flex-direction:column}.content-title small{color:var(--muted);font-size:10px}.type-badge,.status{display:inline-flex;width:max-content;border-radius:20px;padding:4px 8px;font-size:9px;font-weight:900;text-transform:uppercase;background:#fff0e6;color:#a33d0b}.type-badge.pengumuman{background:#edf5ff;color:#28639c}.type-badge.agenda{background:#ecf8f1;color:#277550}.type-badge.serta_merta{background:#fff0f1;color:#ac3545}.status{background:#eef1f5;color:#687386}.status.published{background:#e7f7ee;color:#1c7a4a}.status.archived{background:#f0f1f3;color:#707783}.flash{padding:12px 14px;border-radius:9px;margin-bottom:16px}.flash.success{background:#e8f8ef;color:#176b42}.flash.error{background:#fff0f1;color:#9f2f3d}.empty-state{text-align:center;padding:50px 20px}.empty-state p{color:var(--muted)}.page-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.page-actions p{color:var(--muted)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:13px 11px;border-bottom:1px solid var(--line);font-size:12px}th{color:#667184;font-size:10px;letter-spacing:.07em;text-transform:uppercase}td:nth-child(2) strong,td:nth-child(2) small{display:block}td:nth-child(2) small{color:#8c94a0}.content-thumb{display:block;width:58px;height:42px;border-radius:7px;object-fit:cover;background:#eef1f5}.content-thumb.empty{display:grid;place-items:center;color:#9aa2ad}.content-form{display:grid;grid-template-columns:1fr 310px;gap:18px;align-items:start}.content-form label,.login-card label{display:grid;gap:6px;margin-bottom:17px;font-size:12px;font-weight:800}.content-form input,.content-form select,.content-form textarea,.login-card input{width:100%;border:1px solid #d9dde4;border-radius:8px;padding:11px;background:#fff;color:var(--ink);outline:none}.content-form input:focus,.content-form select:focus,.content-form textarea:focus,.login-card input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ffeadb}.content-form label small{font-weight:400;color:var(--muted)}.image-panel input[type=file]{padding:8px;font-size:11px}.image-preview{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:9px;border:1px solid var(--line);margin-top:4px}.file-preview{display:block;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff7ef;color:var(--dark-orange);font-size:12px;font-weight:800}.ppid-table td:first-child strong,.ppid-table td:first-child small{display:block}.ppid-table td:first-child small{color:#8c94a0}.content-form .checkbox-label{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:8px;margin:11px 0 0;font-weight:600}.content-form .checkbox-label input{width:auto}.form-side{display:grid;gap:15px}.back-link{display:block;text-align:center;margin-top:12px;color:var(--muted);font-size:12px}.danger-panel{padding:18px;border:1px solid #f0c8ce;background:#fff;border-radius:13px}.danger-panel strong{color:#9d2e3b}.danger-panel p{font-size:11px;color:var(--muted)}.danger-panel button{border:0;background:transparent;color:#a32f3e;font-weight:800;padding:0}.login-page{background:#fff}.login-layout{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}.login-brand-panel{position:relative;overflow:hidden;padding:70px;background:linear-gradient(130deg,#9b3306,#d95b12 55%,#f48a34);display:flex;align-items:center;color:#fff}.login-brand-panel:after{content:"";position:absolute;width:480px;height:480px;border:80px solid rgba(255,255,255,.08);border-radius:50%;right:-230px;bottom:-190px}.login-brand-copy{max-width:570px;position:relative;z-index:1}.login-brand-copy h1{font-size:45px;line-height:1.06;letter-spacing:-.035em;margin:14px 0}.login-brand-copy p{color:#ffe3d0;font-size:17px}.login-form-panel{display:grid;place-items:center;padding:35px}.login-card{width:min(400px,100%)}.login-heading{margin-bottom:26px}.login-heading small{color:var(--dark-orange);font-size:10px;font-weight:900;letter-spacing:.14em}.login-heading h2{font-size:28px;margin:7px 0}.login-heading p{color:var(--muted);margin:0}.login-card input{padding:13px}.login-card .primary-action{margin-top:4px}.login-card .back-link{margin-top:18px}@media(max-width:850px){.admin-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebar nav{grid-template-columns:repeat(2,1fr)}.sidebar-user{margin-top:20px}.admin-content,.topbar{padding-inline:18px}.content-form{grid-template-columns:1fr}.login-layout{grid-template-columns:1fr}.login-brand-panel{min-height:40vh;padding:35px}.login-brand-copy h1{font-size:34px}}@media(max-width:560px){.stat-cards{grid-template-columns:1fr}.welcome-panel,.page-actions{align-items:flex-start;flex-direction:column}.sidebar nav{grid-template-columns:1fr}.content-list>a{grid-template-columns:1fr}.topbar{height:auto;padding-block:16px}.view-site{display:none}}