:root{--portal-sidebar:#0f172a;--portal-sidebar-soft:#1e293b;--portal-blue:#2563eb;--portal-bg:#f4f7fb;--portal-border:#e2e8f0}
*{box-sizing:border-box}
.portal-body{margin:0;background:var(--portal-bg);color:#0f172a}
.portal-app{min-height:100vh}
.portal-sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:linear-gradient(180deg,#0f172a,#111827);padding:18px 14px;z-index:1000;overflow-y:auto;box-shadow:12px 0 35px rgba(15,23,42,.12)}
.portal-logo{display:flex;align-items:center;gap:11px;padding:8px 10px 22px;color:#fff;text-decoration:none;font-weight:900;font-size:17px}
.portal-logo img{width:38px;height:38px}
.portal-nav{display:flex;flex-direction:column;gap:5px}
.portal-section-title{padding:22px 12px 7px;color:#94a3b8;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.portal-setting-title{padding-top:28px}
.portal-item{display:flex;align-items:center;gap:11px;min-height:45px;padding:10px 12px;border-radius:11px;color:#cbd5e1;text-decoration:none;font-size:14px;font-weight:800;transition:.18s ease}
.portal-item:hover{background:rgba(255,255,255,.08);color:#fff;transform:translateX(2px)}
.portal-item.active{background:#2563eb;color:#fff;box-shadow:0 9px 25px rgba(37,99,235,.28)}
.portal-icon{display:grid;place-items:center;width:24px;height:24px;font-size:17px}
.portal-page{min-height:100vh;margin-left:250px}
.portal-topbar{position:sticky;top:0;z-index:900;display:flex;align-items:center;gap:14px;min-height:68px;padding:10px 28px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--portal-border);backdrop-filter:blur(12px)}
.portal-page-title{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.portal-page-title strong{font-size:18px}
.portal-page-title span{color:#64748b;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.portal-logout{padding:9px 13px;border:1px solid #fecaca;border-radius:9px;color:#dc2626;text-decoration:none;font-weight:800;font-size:13px;background:#fff}
.portal-menu-button{display:none;border:0;background:#e2e8f0;border-radius:9px;padding:8px 10px;font-size:20px;cursor:pointer}
.portal-content{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:26px 0 50px}
.portal-content .panel{margin-bottom:20px}
.portal-single-panel{box-shadow:0 12px 35px rgba(15,23,42,.05)}
.portal-form-actions{margin-top:18px}
.brand-order-input{width:140px;max-width:100%;font-weight:900;text-align:center}
.admin-search-wrap{margin-bottom:17px}.admin-search-wrap input{width:100%;max-width:620px;padding:12px 14px;border:1px solid #cbd5e1;border-radius:10px;font:inherit}
.quick-url-input{width:100%;min-width:260px;padding:9px 10px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;font:inherit}.quick-url-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.quick-sort-input{width:92px;padding:9px 8px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;font:inherit;font-weight:800;text-align:center}.quick-sort-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.inline-switch{display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap}.inline-switch input{position:absolute;opacity:0;pointer-events:none}.switch-track{position:relative;width:44px;height:24px;border-radius:99px;background:#cbd5e1;transition:.18s}.switch-track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:.18s}.inline-switch input:checked + .switch-track{background:#16a34a}.inline-switch input:checked + .switch-track:after{transform:translateX(20px)}.switch-label{min-width:26px;font-size:11px;font-weight:900;color:#475569}
.inline-actions{display:flex;align-items:center;gap:7px;white-space:nowrap}.inline-actions form{display:inline-flex;margin:0}.action-button{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 11px;border:0;border-radius:8px;color:#fff!important;text-decoration:none;font-size:12px;font-weight:900;cursor:pointer}.action-button.save{background:#2563eb}.action-button.save:hover{background:#1d4ed8}.action-button.edit{background:#f59e0b}.action-button.edit:hover{background:#d97706}.action-button.delete{background:#ef4444}.action-button.delete:hover{background:#dc2626}
.portal-content-shortlink{width:100%;max-width:none;padding:0 0 50px}.portal-content-shortlink>.container{width:min(1180px,calc(100% - 40px));margin:0 auto;padding-top:26px}
@media(max-width:900px){.quick-url-input{min-width:210px}.portal-content{width:calc(100% - 24px)}}
@media(max-width:760px){.portal-sidebar{transform:translateX(-105%);transition:transform .22s ease}.portal-menu-open .portal-sidebar{transform:translateX(0)}.portal-page{margin-left:0}.portal-menu-button{display:inline-flex}.portal-topbar{padding:9px 14px}.portal-content{width:calc(100% - 22px);padding-top:18px}.portal-content-shortlink>.container{width:calc(100% - 22px);padding-top:18px}.portal-logout{padding:8px 10px}.portal-page-title span{display:none}}

/* V5: Urutan Brand dipusatkan di Master Key, jadi menu lama disembunyikan. */
.portal-nav a[href="brand-order.php"]{display:none!important}