:root{--calport-primary:#0d3b66;--calport-accent:#16a3a5;--sidebar-width:250px}body{background:#f4f7fb;color:#172033;overflow:hidden}.app-shell{display:flex;align-items:stretch;height:100vh;overflow-x:hidden;overflow-y:scroll}.sidebar{background:var(--calport-primary);box-sizing:border-box;color:#fff;flex:0 0 var(--sidebar-width);min-height:100%;padding:1.5rem;width:var(--sidebar-width);z-index:1040;transition:transform .2s}.sidebar-brand,.auth-logo{color:#fff;font-size:1.35rem;font-weight:800;letter-spacing:.04em;text-decoration:none}.sidebar-brand span,.auth-logo span{color:#60d5d6}.sidebar .nav-link{color:#dbe8f4;border-radius:.5rem;padding:.7rem .8rem}.sidebar .nav-link.active,.sidebar .nav-link:hover{background:rgba(255,255,255,.12);color:#fff}.sidebar-label{color:#87a6c2;font-size:.7rem;font-weight:700;letter-spacing:.09em;margin:.9rem .8rem .25rem;text-transform:uppercase}.app-main{flex:1 1 auto;min-width:0;min-height:100vh}.auth-body{background:linear-gradient(140deg,#0d3b66,#146b7a);min-height:100vh}.auth-shell{align-items:center;display:flex;justify-content:center;min-height:100vh}.auth-card{max-width:440px;width:100%}.auth-logo{color:var(--calport-primary)}.btn-primary{background:var(--calport-primary);border-color:var(--calport-primary)}@media(max-width:991.98px){.app-shell{display:block}.sidebar{position:fixed;inset:0 auto 0 0;height:100vh;overflow-y:auto;transform:translateX(-100%)}.sidebar.show{transform:translateX(0)}.app-main{margin-left:0}}