.NotificationPanel-module__WvV2hG__wrapper{position:relative}.NotificationPanel-module__WvV2hG__bell{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.NotificationPanel-module__WvV2hG__bell:hover{color:var(--color-text-primary);background:#f1f5f9}.NotificationPanel-module__WvV2hG__badge{background:var(--color-error);color:#fff;border-radius:var(--radius-full);border:2px solid #fff;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.NotificationPanel-module__WvV2hG__backdrop{z-index:90;position:fixed;inset:0}.NotificationPanel-module__WvV2hG__panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);z-index:100;background:#fff;width:360px;animation:.2s NotificationPanel-module__WvV2hG__panelIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 16px 48px #0000001f}@keyframes NotificationPanel-module__WvV2hG__panelIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.NotificationPanel-module__WvV2hG__panelHeader{padding:var(--space-4);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.NotificationPanel-module__WvV2hG__panelHeader h3{font-size:var(--text-base);font-weight:700}.NotificationPanel-module__WvV2hG__markRead{font-size:var(--text-xs);color:var(--color-accent);cursor:pointer;font-weight:600}.NotificationPanel-module__WvV2hG__markRead:hover{text-decoration:underline}.NotificationPanel-module__WvV2hG__list{max-height:360px;overflow-y:auto}.NotificationPanel-module__WvV2hG__item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background .15s;display:flex;position:relative}.NotificationPanel-module__WvV2hG__item:hover{background:#f8fafc}.NotificationPanel-module__WvV2hG__itemUnread{background:#7c3aed05}.NotificationPanel-module__WvV2hG__itemEmoji{margin-top:2px;font-size:1rem}.NotificationPanel-module__WvV2hG__itemContent{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.NotificationPanel-module__WvV2hG__itemTitle{font-size:var(--text-sm);font-weight:600}.NotificationPanel-module__WvV2hG__itemMessage{font-size:var(--text-xs);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.NotificationPanel-module__WvV2hG__itemTime{color:var(--color-text-tertiary);font-size:11px}.NotificationPanel-module__WvV2hG__unreadDot{border-radius:var(--radius-full);background:var(--color-accent);flex-shrink:0;width:8px;height:8px;margin-top:6px}
.layout-module__7jkLWq__shell{background:#f8fafc;min-height:100vh;display:flex}.layout-module__7jkLWq__sidebar{width:var(--sidebar-width);border-right:1px solid var(--color-border);z-index:50;background:#fff;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.layout-module__7jkLWq__brand{align-items:center;gap:var(--space-3);height:64px;padding:0 var(--space-5);border-bottom:1px solid var(--color-border);flex-shrink:0;display:flex}.layout-module__7jkLWq__logoIcon{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-accent);background:linear-gradient(135deg,#7c3aed14,#6366f114);justify-content:center;align-items:center;display:flex}.layout-module__7jkLWq__brandName{font-size:var(--text-base);color:var(--color-text-primary);font-weight:700}.layout-module__7jkLWq__nav{padding:var(--space-4) var(--space-3);gap:var(--space-5);flex-direction:column;flex:1;display:flex}.layout-module__7jkLWq__navGroup{flex-direction:column;gap:2px;display:flex}.layout-module__7jkLWq__navGroupLabel{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);padding:0 var(--space-3) var(--space-2);font-size:11px;font-weight:600}.layout-module__7jkLWq__navItem{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500;transition:all .2s;display:flex}.layout-module__7jkLWq__navItem:hover{color:var(--color-text-primary);background:var(--color-bg-app)}.layout-module__7jkLWq__navItem svg{opacity:.6;flex-shrink:0}.layout-module__7jkLWq__navActive{color:var(--color-accent);background:#7c3aed0f;font-weight:600}.layout-module__7jkLWq__navActive svg{opacity:1;color:var(--color-accent)}.layout-module__7jkLWq__navDot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.layout-module__7jkLWq__sidebarFooter{padding:var(--space-4);border-top:1px solid var(--color-border);flex-shrink:0}.layout-module__7jkLWq__creatorUser{align-items:center;gap:var(--space-3);display:flex}.layout-module__7jkLWq__creatorAvatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-accent), #6366f1);color:#fff;width:36px;height:36px;font-weight:700;font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.layout-module__7jkLWq__creatorInfo{flex-direction:column;display:flex}.layout-module__7jkLWq__creatorName{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:600}.layout-module__7jkLWq__creatorHandle{color:var(--color-text-tertiary);font-size:11px}.layout-module__7jkLWq__main{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.layout-module__7jkLWq__topBar{height:56px;padding:0 var(--space-8);border-bottom:1px solid var(--color-border);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.layout-module__7jkLWq__topBarRight{align-items:center;gap:var(--space-3);display:flex}.layout-module__7jkLWq__darkToggle{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.layout-module__7jkLWq__darkToggle:hover{background:var(--color-bg-app);color:var(--color-text-primary)}.layout-module__7jkLWq__topAvatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-accent), #6366f1);color:#fff;width:32px;height:32px;font-weight:700;font-size:var(--text-xs);cursor:pointer;justify-content:center;align-items:center;display:flex}.layout-module__7jkLWq__content{padding:var(--space-8);flex:1;max-width:1200px;animation:.3s both layout-module__7jkLWq__fadeIn}@keyframes layout-module__7jkLWq__fadeIn{0%{opacity:0}to{opacity:1}}