.context-bar{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px;margin:0 30px 8px;padding:14px 18px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface,#fff)}.context-bar strong{display:block;font-size:18px;color:var(--color-text)}.context-bar small{color:var(--color-text-secondary)}.context-bar .btn{flex-shrink:0}
.app-shell{grid-template-columns:280px minmax(0,1fr)}
.side{display:flex;flex-direction:column;gap:16px;padding:22px 16px;position:sticky;top:0;height:100vh;overflow:hidden;background:radial-gradient(120% 70% at 8% 118%,var(--color-sidebar-glow) 0%,transparent 54%),linear-gradient(160deg,var(--color-sidebar-gradient-start) 0%,var(--color-sidebar-gradient-mid) 45%,var(--color-sidebar-wine) 75%,var(--color-sidebar-gradient-end) 100%)}
.main{min-width:0}.sidebar-nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.sidebar-footer{flex-shrink:0}.top{height:72px;padding:0 30px}.menu-item{min-height:43px}.mobile-menu{display:none}.sidebar-overlay{display:none}
@media(max-width:1000px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.side{width:76px;height:100vh;position:sticky}.mobile-menu{display:grid}}
@media(max-width:650px){.app-shell{display:block}.side{position:fixed;z-index:30;inset:0 auto 0 0;width:290px;height:100vh;transform:translateX(-102%);transition:transform .2s ease;box-shadow:12px 0 30px rgba(17,17,17,.35)}}.side.mobile-open{transform:translateX(0)}.sidebar-overlay.visible{display:block;position:fixed;z-index:20;inset:0;background:rgba(17,17,17,.55)}.top{padding:0 15px}.content{padding:18px 15px}}
.notif-wrap{position:relative}.notif-bell{position:relative;width:40px;height:40px;margin-right:8px}.notif-badge{position:absolute;top:2px;right:2px;min-width:16px;padding:1px 5px;border-radius:99px;background:var(--color-primary);color:#fff;font-size:10px;font-weight:700}.notif-panel{position:absolute;right:0;top:48px;z-index:40;width:360px;max-width:calc(100vw - 24px);background:#fff;border:1px solid var(--color-border);border-radius:14px;box-shadow:var(--shadow-sm)}.notif-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--color-border)}.notif-head-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.notif-list{max-height:380px;overflow:auto}.notif-item{display:flex;flex-direction:column;gap:4px;width:100%;text-align:left;padding:12px 14px;border:0;border-bottom:1px solid var(--color-border);background:var(--color-surface);cursor:pointer}.notif-item.unread{background:var(--color-primary-soft)}.notif-item small{color:#4b6280}.picker-results{margin-top:6px;border:1px solid var(--line,#d7e3f4);border-radius:10px;background:#fff;max-height:220px;overflow:auto}.picker-item{display:flex;flex-direction:column;width:100%;text-align:left;padding:10px 12px;border:0;background:transparent;cursor:pointer}.picker-item:hover{background:#f4f8fd}.picker-item small{color:#4b6280}.pager{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;padding:12px 14px;border:1px solid var(--line,#d7e3f4);border-radius:12px;background:#fff}