.topbar{height:var(--layout-header);background-color:var(--bg-surface);border-bottom:1px solid var(--border-default);z-index:10;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:sticky;top:0}.search-container{background-color:var(--bg-subtle);border:1px solid var(--border-default);border-radius:var(--radius-sm);align-items:center;gap:.5rem;width:400px;padding:.5rem 1rem;display:flex}.search-icon{color:var(--fg2)}.search-input{color:var(--fg1);background:0 0;border:none;outline:none;width:100%;font-size:.875rem}.search-input::placeholder{color:var(--fg3)}.search-shortcut{background-color:var(--bg-surface);border:1px solid var(--border-default);color:var(--fg2);border-radius:4px;padding:.125rem .375rem;font-size:.75rem;font-weight:500}.topbar-actions{align-items:center;gap:1.5rem;display:flex}.new-process-btn{padding-right:.5rem}.bell-wrapper{position:relative}.notification-btn{color:var(--fg2);cursor:pointer;background:0 0;border:none;padding:.25rem;position:relative}.notification-btn:hover{color:var(--fg1)}.notification-badge{color:#fff;border:2px solid var(--bg-surface);background-color:#dc2626;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-2px;right:-4px}.bell-dropdown{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);z-index:50;width:320px;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;box-shadow:0 8px 20px #00000014}.bell-dropdown-header{color:var(--fg1);border-bottom:1px solid var(--border-default);background:var(--bg-subtle);padding:.75rem 1rem;font-size:.8rem;font-weight:600}.bell-dropdown-empty{text-align:center;color:var(--fg2);padding:1.5rem 1rem;font-size:.8rem}.bell-dropdown-list{max-height:360px;margin:0;padding:0;list-style:none;overflow-y:auto}.bell-dropdown-list li{border-bottom:1px solid var(--border-default);padding:.65rem 1rem;position:relative}.bell-dropdown-list li:last-child{border-bottom:none}.bell-dropdown-list li.bell-item-unread{background:#eff6ff;padding-left:1.5rem}.bell-dropdown-list li.bell-item-unread:before{content:"";background:var(--primary,#2563eb);border-radius:999px;width:7px;height:7px;position:absolute;top:50%;left:.6rem;transform:translateY(-50%)}.bell-dropdown-list li.bell-item-unread p{color:var(--fg1);font-weight:600}.bell-dropdown-list p{color:var(--fg1);margin:0 0 .2rem;font-size:.825rem}.bell-dropdown-list span{color:var(--fg2);font-size:.7rem}.user-profile{position:relative}.user-trigger{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0}.user-trigger:hover{box-shadow:0 0 0 2px #2563eb4d}.avatar{object-fit:cover;border-radius:50%;width:32px;height:32px;display:block}.user-menu{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);z-index:50;width:240px;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;box-shadow:0 8px 20px #00000014}.user-menu-header{background:var(--bg-subtle);border-bottom:1px solid var(--border-default);padding:.75rem 1rem}.user-menu-name{color:var(--fg1);margin:0;font-size:.85rem;font-weight:600}.user-menu-meta{color:var(--fg2);margin:.1rem 0 0;font-size:.7rem}.user-menu-unit{color:var(--fg2);margin:.25rem 0 0;font-size:.7rem}.user-menu-item{text-align:left;width:100%;color:var(--fg1);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.825rem;text-decoration:none;display:flex}.user-menu-item:hover{background:var(--bg-subtle)}.user-menu-item.danger{color:#b91c1c}.user-menu-item.danger:hover{background:#fef2f2}.user-menu-item:disabled{opacity:.6;cursor:not-allowed}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.main-layout{background-color:var(--bg-page);min-height:100vh;display:flex}.main-wrapper{margin-left:var(--layout-sidebar);flex-direction:column;flex:1;min-height:100vh;display:flex}.main-content{max-width:var(--layout-max);flex:1;width:100%;margin:0 auto;padding:32px}