:root{--hoc-primary:#5A5DDB;--hoc-primary-dark:#4547C0;--hoc-bg:#f4f5fb;--hoc-sidebar:#1e2140;--hoc-sidebar-muted:#9aa0c7}*{box-sizing:border-box}body,html{padding:0;margin:0;background:var(--hoc-bg);color:#1e293b;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#5A5DDB,#4547C0)}.auth-card{width:100%;max-width:440px;background:#fff;border-radius:18px;box-shadow:0 18px 50px rgba(30,33,64,.25);padding:34px 30px}.auth-brand{text-align:center;font-size:26px;font-weight:800;color:var(--hoc-primary);letter-spacing:.5px}.auth-sub{text-align:center;color:#64748b;font-size:13px;margin-bottom:22px}.shell{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--hoc-sidebar);color:#fff;position:fixed;top:0;bottom:0;left:0;display:flex;flex-direction:column;overflow-y:auto;z-index:1000;transition:transform .25s ease}.sidebar-brand{padding:20px 22px 8px}.sidebar-brand h1{font-size:20px;font-weight:800;margin:0}.sidebar-brand span{font-size:11px;color:var(--hoc-sidebar-muted);letter-spacing:2px}.nav-group{padding:8px 12px}.nav-group-title{font-size:10px;letter-spacing:1.5px;color:var(--hoc-sidebar-muted);padding:12px 12px 6px;font-weight:700}.nav-link-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;color:#d7d9f0;font-size:14px;cursor:pointer;margin-bottom:2px}.nav-link-item:hover{background:rgba(255,255,255,.07);color:#fff}.nav-link-item.active{background:var(--hoc-primary);color:#fff}.nav-link-item.disabled{opacity:.45;cursor:not-allowed}.nav-soon{font-size:9px;margin-left:auto;background:rgba(255,255,255,.12);padding:2px 6px;border-radius:6px}.partner-code-box{margin:14px 16px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.06);border:1px dashed rgba(255,255,255,.18)}.partner-code-box .label{font-size:10px;color:var(--hoc-sidebar-muted);letter-spacing:1px}.partner-code-box .code{font-size:16px;font-weight:800;letter-spacing:1px;margin:2px 0 8px}.main{flex:1 1;margin-left:260px;display:flex;flex-direction:column}.topbar{height:62px;background:#fff;border-bottom:1px solid #e6e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:-webkit-sticky;position:sticky;top:0;z-index:900}.content{padding:24px}.kpi-card{background:#fff;border:1px solid #eceef6;border-radius:14px;padding:18px;height:100%}.kpi-card .kpi-label{color:#64748b;font-size:13px}.kpi-card .kpi-value{font-size:26px;font-weight:800;color:#1e293b}.panel{background:#fff;border:1px solid #eceef6;border-radius:14px;padding:20px}.status-badge{font-size:11px;padding:3px 10px;border-radius:20px;font-weight:700}.status-NOT_SUBMITTED{background:#f1f5f9;color:#64748b}.status-PENDING{background:#fff4e0;color:#b45309}.status-ACTIVE,.status-VERIFIED{background:#dcfce7;color:#15803d}.status-REJECTED,.status-SUSPENDED{background:#fee2e2;color:#dc2626}.btn-hoc{background:var(--hoc-primary);border-color:var(--hoc-primary)}.btn-hoc:hover{background:var(--hoc-primary-dark);border-color:var(--hoc-primary-dark)}.hamburger{background:none;border:none;font-size:22px;color:#1e293b}.hamburger,.sidebar-backdrop{display:none}@media (max-width:991px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.hamburger{display:block}.sidebar-backdrop.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:950}}