/* UI V5 - Adjusted sidebar width to 204px with resized icons */
:root{--brand:#4674C6;--bg:#0B1220;--ink:#18243b;--panel:#FFFFFF;--muted:#5b6f95;--text:#18243b}
*{box-sizing:border-box}
body.app-body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#f6f8fc;color:var(--text)}
.app-shell{display:flex;min-height:100vh}

/* Sidebar: now 204px width + adjusted icon sizing */
.sidebar{width:204px;background:linear-gradient(180deg,#3f6ec7 0%,#3a67bd 100%);padding:16px;position:sticky;top:0;height:100vh;color:#ecf2ff}
.sidebar .org{font-weight:800;font-size:16px;letter-spacing:.2px}
.sidebar .sub{font-size:12px;opacity:.9;margin-top:2px}
.menu{margin-top:16px;display:flex;flex-direction:column;gap:8px}
.menu-section{font-size:12px;opacity:.9;text-transform:uppercase;margin:10px 6px 4px}
.menu-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:#f1f5ff;text-decoration:none}
.menu-item:hover{background:rgba(255,255,255,0.09)}
.menu-item.active{background:#ffffff26;outline:2px solid #ffffff33}
.menu-item .icon{width:16px;height:16px;display:inline-block;flex:0 0 16px;filter:none}

/* Topbar */
.main{flex:1;display:flex;flex-direction:column}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #e6ecf7;background:#ffffff;position:sticky;top:0;z-index:10}
.brand{display:flex;align-items:center;gap:10px}
.brand-logo{height:26px;width:auto}
.brand-name{font-weight:700;color:var(--ink)}

/* Content area is WHITE */
.content{padding:20px;background:#ffffff;min-height:calc(100vh - 64px)}
.card{background:#ffffff;border:1px solid #e6ecf7;border-radius:14px;box-shadow:0 8px 24px rgba(18,44,89,0.06)}
.table-card{overflow:hidden}
.table-scroll{overflow:auto;max-height:calc(100vh - 260px)}
.table{width:100%;border-collapse:separate;border-spacing:0}
.table th,.table td{padding:10px 12px;border-bottom:1px solid #eef3fb;text-align:left;font-size:14px;color:#2b3954}
.table thead th{position:sticky;top:0;background:#ffffff;z-index:1}

.btn{border:1px solid #d7e0f2;background:#fff;border-radius:10px;padding:8px 12px;color:#162033;cursor:pointer;text-decoration:none}
.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}
.btn.small{padding:6px 10px;font-size:12px}
.topbar-search{background:#fff;border:1px solid #d7e0f2;border-radius:8px;padding:8px 10px;color:#18243b}