.sidebar{width:272px;padding:26px 18px 20px;background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);box-shadow:8px 0 30px rgba(20,39,75,.035)}
.app-shell{grid-template-columns:272px minmax(0,1fr)}
.sidebar .brand{min-height:52px;padding:0 10px 18px;border-bottom:1px solid #edf0f6;font-size:19px}
.sidebar .brand>span{width:38px;height:38px;border-radius:11px;box-shadow:0 7px 15px rgba(52,89,230,.22)}
.sidebar .brand small{padding:5px 7px;border-radius:6px;background:#edf2ff;color:#4966cc;font-size:8px}
.compose-button{display:flex;min-height:50px;align-items:center;justify-content:center;gap:9px;margin:20px 4px 24px;border:1px solid #294fdc;border-radius:12px;box-shadow:0 9px 20px rgba(52,89,230,.2);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.compose-button:hover{background:#294fdc;box-shadow:0 12px 25px rgba(52,89,230,.27);transform:translateY(-1px)}
.sidebar nav{gap:7px;padding:0 4px}
.sidebar nav a{position:relative;min-height:46px;padding:0 13px;border:1px solid transparent;border-radius:11px;color:#55627a;font-weight:700;transition:.15s ease}
.sidebar nav a:hover{border-color:#e1e7f5;background:#f5f7fc;color:#21345c}
.sidebar nav a.active{border-color:#d9e2ff;background:#edf2ff;color:#274bcf;box-shadow:inset 3px 0 0 #3459e6}
.nav-icon{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:#f0f3f8;color:#74819a;font-size:13px;font-weight:900}
.sidebar nav a.active .nav-icon{background:#dce5ff;color:#294ed1}
.sidebar nav b{min-width:22px;padding:4px 6px;text-align:center;box-shadow:0 3px 8px rgba(52,89,230,.2)}
.account{margin:18px 4px 0;padding:18px 8px 0;grid-template-columns:42px minmax(0,1fr) 36px}
.account .avatar{width:42px;height:42px;background:linear-gradient(135deg,#dfe7ff,#eff3ff)}
.account form button{display:grid;width:34px;height:34px;place-items:center;border:1px solid #e0e5ef;border-radius:9px;background:#fff;font-size:16px;transition:.15s ease}
.account form button:hover{border-color:#efc2be;background:#fff3f2;color:#b73b33}
.topbar{height:84px;padding-inline:36px;box-shadow:0 1px 0 rgba(24,42,73,.02)}
.topbar h1{font-size:24px;letter-spacing:-.6px}
.app-link{display:inline-flex;min-height:38px;align-items:center;padding:0 13px;border:1px solid #dbe3f3;border-radius:9px;background:#fff;transition:.15s ease}
.app-link:hover{border-color:#bfcdf0;background:#f5f8ff}
.list-actions{padding-inline:24px}.message-row{padding-inline:24px}
@media(max-width:800px){.app-shell{grid-template-columns:1fr}.sidebar{width:min(292px,86vw);box-shadow:18px 0 45px rgba(4,21,49,.18)}.sidebar.open:after{content:"";position:fixed;inset:0 0 0 100%;width:100vw;background:rgba(4,17,39,.32)}.mobile-menu{display:grid;width:38px;height:38px;place-items:center;border:1px solid #dfe5ef;border-radius:9px;background:#fff;color:#30415f;font-size:18px}.topbar{height:72px}}