*{box-sizing:border-box}
html,body{margin:0;height:100%;font-family:Poppins,"Segoe UI",Arial,sans-serif;color:#111;background:#fff}
body{display:flex;flex-direction:column}
.topbar{display:flex;align-items:center;gap:24px;padding:10px 32px;height:72px;background:linear-gradient(90deg,#e8f6fd,#fff);border-bottom:1px solid #e3edf3}
.topbar .logo{height:44px}
.topbar h1{flex:1;margin:0;font-size:18px;font-weight:600;color:#1b2a3a}
.cta{background:#0a8fdc;color:#fff;text-decoration:none;font-weight:600;padding:11px 24px;border-radius:999px}
.user-selector{display:flex;align-items:center;gap:0;background:#fff;border:1px solid #cfe3ee;border-radius:10px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.user-selector:focus-within{border-color:#0a8fdc;box-shadow:0 0 0 3px rgba(10,143,220,.12)}
.user-selector .user-icon{width:16px;height:16px;color:#0a8fdc;flex:none;margin-left:12px}
.user-selector select{padding:8px 14px 8px 8px;border:none;background:transparent;color:#1b2a3a;font-size:13px;font-weight:500;cursor:pointer;outline:none;-webkit-appearance:none;appearance:none}
.shell{flex:1;display:flex;min-height:0}
.sidebar{position:relative;width:250px;background:linear-gradient(180deg,#f3fafe,#fff);border-right:1px solid #e3edf3;display:flex;flex-direction:column;transition:width .2s}
.sidebar ul{list-style:none;margin:0;padding:18px 12px;flex:1;overflow:auto}
.sidebar a{display:flex;align-items:center;gap:12px;padding:11px 14px;margin-bottom:4px;border-radius:999px;color:#1b2a3a;text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap}
.sidebar a svg{width:20px;height:20px;flex:none}
.sidebar a:hover{background:#e3f3fc}
.sidebar a.active{background:linear-gradient(90deg,#22c3c9,#0a8fdc);color:#fff}
.sidebar footer{padding:14px;font-size:12px;color:#6b7c8a;text-align:center}
.collapse{position:absolute;right:-13px;top:18px;width:26px;height:26px;border-radius:50%;border:1px solid #cfe3ee;background:#fff;color:#0a8fdc;cursor:pointer;z-index:2}
.sidebar.mini{width:70px}.sidebar.mini span,.sidebar.mini footer{display:none}
.sidebar.mini .collapse{transform:rotate(180deg)}
main{flex:1;min-width:0;overflow:hidden;padding:12px;background:#f7fbfd}
#dashboard{height:100%;background:#fff;border-radius:8px;box-shadow:0 1px 6px rgba(10,100,160,.12)}
/* Left menu is the only navigation: hide the dashboard's own tab strip */
#dashboard .e-tab>.e-content{top:0!important}
.group-label{padding:18px 26px 0;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#6b7c8a;font-weight:600}
.sidebar.mini .group-label{display:none}

.sidebar a.disabled{cursor:default}