:root{--color-primary:var(--mui-primary-main);--color-primary-light:var(--mui-primary-light);--color-primary-dark:var(--mui-primary-dark);--color-secondary:var(--mui-secondary-main);--color-secondary-light:var(--mui-secondary-light);--color-secondary-dark:var(--mui-secondary-dark);--color-background:var(--mui-background-default);--color-paper:var(--mui-background-paper);--color-text-primary:var(--mui-text-primary);--color-text-secondary:var(--mui-text-secondary);--color-text-disabled:var(--mui-text-disabled);--color-border:var(--mui-divider);--color-surface:var(--mui-custom-surface-default);--color-surface-elevated:var(--mui-custom-surface-elevated);--color-container-bg:var(--mui-custom-container-bg);--color-container-border:var(--mui-custom-container-border);--color-box-bg:var(--mui-custom-box-bg);--color-box-subtle:var(--mui-custom-box-subtle);--color-button-text:var(--mui-custom-button-text);--color-success:var(--mui-success-main);--color-error:var(--mui-error-main);--color-warning:var(--mui-warning-main);--color-info:var(--mui-info-main);--opacity-light:.06;--opacity-medium:.08;--opacity-heavy:.16;--appBar-background:var(--mui-background-paper);--appBar-color:var(--mui-text-primary);--gradient-primary:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--gradient-surface:linear-gradient(135deg, rgba(var(--color-primary-rgb), .03) 0%, rgba(var(--color-secondary-rgb), .02) 100%);--surface:#ffffffb3;--surface-solid:#fff;--border-subtle:#cdcdcd85;--hover-overlay:#0000000a;--divider-subtle:#0000000f;--text-brand:#132a08;--text-hint:#747681;--green-pill:#8defa4;--green-pill-subtle:#8defa41f;--card-header-bg:#eff4fa7d;--shadow-primary:#0000001a;--icon-bg:#f6fff8}[data-mui-color-scheme=dark]{--surface:#141820d9;--surface-solid:#111318;--border-subtle:#ffffff14;--hover-overlay:#ffffff0f;--divider-subtle:#ffffff12;--text-brand:#c8ebcd;--text-hint:#a0afb9cc;--green-pill:#34d399d9;--green-pill-subtle:#34d3991f;--card-header-bg:#141c23b3;--shadow-primary:#00000080;--icon-bg:#34d3991a}.top-navbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #cdcdcd85;border-left:1px solid #cdcdcd85;position:relative;box-shadow:0 4px 12px #1f6f5414;color:var(--color-text-primary)!important;background:#fdfffd85!important}[data-mui-color-scheme=dark] .top-navbar{border-bottom-color:#ffffff12;border-left-color:#ffffff12;box-shadow:0 1px 3px #00000080;background:#0e1117d9!important}.top-navbar__toolbar{justify-content:space-between;align-items:center;padding-inline:clamp(12px,3vw,24px);display:flex;min-height:105px!important}.top-navbar__toolbar .left{flex:1;align-items:center;gap:16px;display:flex}.top-navbar__toolbar .right{align-items:center;gap:10px;display:flex}.socket-pill{color:#132a08;border:1px solid;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:.75rem;font-weight:600;transition:all .3s;display:inline-flex}[data-mui-color-scheme=dark] .socket-pill{color:var(--color-text-primary)}.socket-pill.online{color:#059669;background:#0596691f;border-color:#0596694d}[data-mui-color-scheme=dark] .socket-pill.online{color:#34d399;background:#34d3991f;border-color:#34d39940}.socket-pill.offline{background:#dc262614;border-color:#dc262633}.notif-badge{background:linear-gradient(135deg,#dc2626,#ea580c);font-size:.7rem;font-weight:700;box-shadow:0 2px 8px #dc26264d}.notif-btn,.theme-btn,.menu-btn{width:38px;height:38px;background:#0000000a!important;border-radius:12px!important;transition:all .25s!important}[data-mui-color-scheme=dark] .notif-btn,[data-mui-color-scheme=dark] .theme-btn,[data-mui-color-scheme=dark] .menu-btn{color:#c8ebcde6;background:#ffffff0f!important}.notif-btn:hover,.theme-btn:hover,.menu-btn:hover{background:#00000014!important}[data-mui-color-scheme=dark] .notif-btn:hover,[data-mui-color-scheme=dark] .theme-btn:hover,[data-mui-color-scheme=dark] .menu-btn:hover{background:#ffffff1a!important}.user-avatar-wrapper{cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:4px 8px 4px 4px;transition:background .2s;display:flex}.user-avatar-wrapper:hover{background:#0000000a}[data-mui-color-scheme=dark] .user-avatar-wrapper:hover{background:#ffffff0f}.user-avatar-wrapper .MuiAvatar-root{box-shadow:0 2px 8px #1e4f3a40}.user-avatar-wrapper .user-info{flex-direction:column;display:flex}@media (max-width:599px){.user-avatar-wrapper .user-info{display:none}}.user-avatar-wrapper .user-name{color:#132a08;font-size:.85rem;line-height:1.2}[data-mui-color-scheme=dark] .user-avatar-wrapper .user-name{color:#c8ebcd}.user-avatar-wrapper .user-role{color:#747681;font-size:.7rem}[data-mui-color-scheme=dark] .user-avatar-wrapper .user-role{color:#a0afb9cc}.user-avatar-wrapper .user-chevron{color:#747681b3;flex-shrink:0;transition:transform .2s}[data-mui-color-scheme=dark] .user-avatar-wrapper .user-chevron{color:#a0afb999}.user-avatar-wrapper[aria-expanded=true] .user-chevron{transform:rotate(180deg)}.user-menu-paper{width:220px;margin-top:8px;overflow:hidden;border:1px solid #cdcdcd66!important;border-radius:14px!important;box-shadow:0 8px 32px #0000001f!important}[data-mui-color-scheme=dark] .user-menu-paper{background:#111318!important;border-color:#ffffff14!important;box-shadow:0 8px 32px #0009!important}.user-menu-header{align-items:center;gap:12px;padding:16px;display:flex}.user-menu-header .user-menu-name{color:#132a08;font-size:.88rem;line-height:1.3}[data-mui-color-scheme=dark] .user-menu-header .user-menu-name{color:#c8ebcd}.user-menu-header .user-menu-role{color:#747681;font-size:.72rem}[data-mui-color-scheme=dark] .user-menu-header .user-menu-role{color:#a0afb9cc}.user-menu-list{padding:6px 8px 10px!important}.user-menu-item{margin-bottom:2px;border-radius:10px!important;transition:background .18s!important}.user-menu-item .MuiListItemText-primary{color:#132a08e6;font-size:.875rem;font-weight:500}[data-mui-color-scheme=dark] .user-menu-item .MuiListItemText-primary{color:#c8ebcde6}.user-menu-item:hover{background:#0f766e12!important}[data-mui-color-scheme=dark] .user-menu-item:hover{background:#34d39914!important}.user-menu-item--logout .MuiListItemText-primary,.user-menu-item--logout .user-menu-icon{color:#dc2626!important}.user-menu-item--logout:hover{background:#dc26260f!important}[data-mui-color-scheme=dark] .user-menu-item--logout:hover{background:#dc26261a!important}.user-menu-icon{color:#132a0899;min-width:32px!important}[data-mui-color-scheme=dark] .user-menu-icon{color:#a0afb9b3}.np-paper{position:relative;overflow:hidden;background:#fff!important;width:min(420px,100vw)!important;max-width:100%!important}[data-mui-color-scheme=dark] .np-paper{background:#0e1117fa!important}.np-header{z-index:2;justify-content:space-between;align-items:center;padding:20px 20px 14px;display:flex;position:relative}.np-action-btn{color:#132a0880;border:1px solid #8defa433;border-radius:10px!important;width:32px!important;height:32px!important}.np-action-btn:hover{background:#8defa414}[data-mui-color-scheme=dark] .np-action-btn{color:#dce6dc80;border-color:#ffffff14}[data-mui-color-scheme=dark] .np-action-btn:hover{background:#34d39914}.np-tabs-wrap{z-index:2;border-bottom:1px solid #8defa426;padding:0 20px;position:relative}[data-mui-color-scheme=dark] .np-tabs-wrap{border-bottom-color:#ffffff0f}.np-tabs{min-height:36px!important}.np-tab{text-transform:none!important;color:#132a0880!important;min-width:auto!important;min-height:36px!important;padding:6px 12px!important;font-size:.82rem!important;font-weight:600!important}.np-tab.Mui-selected{color:#098f8b!important}[data-mui-color-scheme=dark] .np-tab{color:#dce6dc80!important}[data-mui-color-scheme=dark] .np-tab.Mui-selected{color:#34d399!important}.np-tab-chip{color:#098f8b!important;background:#8defa426!important;height:18px!important;margin-left:4px!important;font-size:.65rem!important;font-weight:700!important}.np-tab-chip--unread{color:#ef4444!important;background:#ef44441a!important}[data-mui-color-scheme=dark] .np-tab-chip{color:#34d399!important;background:#34d3991f!important}[data-mui-color-scheme=dark] .np-tab-chip.np-tab-chip--unread{color:#fca5a5!important;background:#ef44441f!important}.np-list{z-index:1;flex:1;padding:8px 12px;position:relative;overflow-y:auto}.np-list::-webkit-scrollbar{width:4px}.np-list::-webkit-scrollbar-thumb{background:#8defa440;border-radius:2px}.np-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:50px 20px;display:flex}.np-item{cursor:pointer;border-radius:14px;align-items:flex-start;gap:12px;margin-bottom:4px;padding:12px 14px;transition:background .15s;display:flex;position:relative}.np-item.is-unread{background:#34c7590d}[data-mui-color-scheme=dark] .np-item.is-unread{background:#34d3990f}.np-item:hover{background:#8defa414}[data-mui-color-scheme=dark] .np-item:hover{background:#34d39914}.np-item__content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.np-item__top{align-items:center;gap:8px;display:flex}.np-item__title{color:#132a08e6;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden;font-size:.85rem!important;font-weight:600!important}[data-mui-color-scheme=dark] .np-item__title{color:#dce6dce6}.np-item__time{color:#132a0866;white-space:nowrap;flex-shrink:0;font-size:.68rem!important}[data-mui-color-scheme=dark] .np-item__time{color:#dce6dc66}.np-item__body{color:#132a088c;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden;font-size:.78rem!important}[data-mui-color-scheme=dark] .np-item__body{color:#dce6dc80}.np-item__dot{background:#34c759;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}[data-mui-color-scheme=dark] .np-item__dot{background:#34d399}.np-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.np-priority{text-transform:capitalize!important;border:none!important;height:18px!important;margin-top:4px!important;font-size:.62rem!important;font-weight:700!important}.np-priority--urgent{color:#ef4444!important;background:#ef44441a!important}.np-priority--high{color:#d97706!important;background:#f59e0b1a!important}.notif-avatar{color:#fff;background:linear-gradient(135deg,#1e4f3a,#2a7a5a);width:40px;height:40px;font-weight:600;box-shadow:0 4px 12px #1e4f3a4d}@media (max-width:599px){.top-navbar__toolbar{padding-inline:12px;min-height:56px!important}.top-navbar__toolbar .right{gap:6px}.top-navbar__toolbar .socket-pill span{display:none}.top-navbar__toolbar .socket-pill{padding:6px 8px}}
.auth_layout{background:#fff;min-height:100vh;display:flex;position:relative;overflow:hidden}[data-mui-color-scheme=dark] .auth_layout{background:#05060a}.auth_layout__content{z-index:1;flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.auth_layout__scroll{flex:1;padding:16px 16px 16px 25px;overflow:auto}@media (max-width:959px){.auth_layout__scroll{padding:10px}}.auth_layout__waves{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}[data-mui-color-scheme=dark] .auth_layout__waves{opacity:1;filter:brightness(.7)saturate(.8)}.auth_layout__wave{pointer-events:none;object-fit:contain;position:absolute}.auth_layout__wave--top-right{width:min(45%,520px);height:auto;top:0;right:0}.auth_layout__wave--right-bottom{width:min(20%,380px);height:auto;bottom:0;right:0}.auth_layout__wave--right-bottom-2{width:min(50%,560px);height:auto;bottom:0;right:0}.auth_layout__wave--center{opacity:.5;width:min(50%,660px);height:auto;top:50%;left:65%;transform:translate(-50%,-40%)}.auth_layout__wave--bottom-left{width:min(26%,280px);height:auto;bottom:0;left:0}.auth_layout__wave--bottom-left-2{width:min(25%,200px);height:auto;bottom:0;left:0}.auth_layout__page{z-index:1;position:relative}