.btn{border-radius:1rem;cursor:pointer;font-weight:500;transition:all .2s ease;outline:none;min-height:2.5rem;padding:.5rem 1.125rem;font-size:1rem;line-height:1.5;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.btn:not([class*=btn-outline-]){border:none}.btn-content-width{border-radius:1rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--small{padding:.375rem .75rem;font-size:.875rem}.btn--medium{padding:.5rem 1.125rem;font-size:1rem}.btn--large{padding:.5625rem 1.375rem;font-size:1.25rem}.btn-primary{background-color:var(--color-primary)!important;border-color:var(--color-primary)!important;color:white}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)!important;border-color:var(--color-primary-hover)!important}.btn-primary:focus{background-color:var(--color-primary)!important;border-color:var(--color-primary)!important;box-shadow:0 0 0 .25rem rgba(35,62,128,.25)}.btn.btn-outline-primary{background-color:transparent!important;color:var(--color-primary)!important;border:1px solid var(--color-primary)!important}.btn.btn-outline-primary:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-primary) 18%,transparent)!important;color:var(--color-primary)!important;border-color:var(--color-primary)!important}.btn.btn-outline-primary:focus{box-shadow:0 0 0 .2rem var(--login-btn-focus-shadow,rgba(35,62,128,.25))}.btn--secondary{background-color:#6c757d;color:white}.btn--secondary:hover:not(:disabled){background-color:#545b62}.btn--danger{background-color:#dc3545;color:white}.btn--danger:hover:not(:disabled){background-color:#c82333}.btn-circular{border-radius:50%!important;width:2.5rem;height:2.5rem;display:inline-flex;align-items:center;justify-content:center;padding:0!important;min-width:2.5rem}.btn-circular i{margin:0!important}.btn.btn-sm:not(.btn-circular){font-size:.875rem!important;padding:.375rem .75rem!important;line-height:1.5!important;min-height:2.25rem!important;height:auto!important}.btn.btn-lg:not(.btn-circular){font-size:1.25rem!important;padding:.5625rem 1.375rem!important;line-height:1.5!important;min-height:2.875rem!important;height:auto!important}.btn-circular.btn-sm{font-size:.875rem!important}.btn-circular.btn-lg{font-size:1.25rem!important}.app-version-badge{display:inline-flex;align-items:center;justify-content:center;max-width:100%;font-size:.65rem;font-weight:700;letter-spacing:.06em;line-height:1.1;padding:.28rem .55rem;border-radius:9999px;background:color-mix(in srgb,var(--color-secondary,#eca221) 22%,var(--bg-secondary,#e9ecef));color:color-mix(in srgb,var(--color-secondary,#b8860b) 90%,var(--text-primary,#1a1a1a) 10%);border:1px solid color-mix(in srgb,var(--color-secondary,#eca221) 45%,transparent);box-sizing:border-box}.dark-mode .app-version-badge{background:color-mix(in srgb,var(--color-secondary,#eca221) 18%,var(--bg-primary,#1a1a1a));color:var(--color-secondary,#f0b43c);border-color:color-mix(in srgb,var(--color-secondary,#eca221) 35%,transparent)}:root{--sidebar-nav-item-radius:1rem}.sidebar{width:280px;max-width:85vw;height:100vh;background:var(--bg-primary);border-radius:0;box-shadow:2px 0 24px var(--shadow),0 2px 8px var(--shadow);display:flex;flex-direction:column;position:fixed;left:0;top:0;min-height:0;overflow:hidden;padding:20px 16px;z-index:1002!important;transition:transform .3s ease,opacity .3s ease,background .3s ease,box-shadow .3s ease;pointer-events:auto}.sidebar,.sidebar.sidebar-collapsed{transform:translateX(-100%);opacity:1}.sidebar.sidebar-collapsed{pointer-events:none}.sidebar:not(.sidebar-collapsed){transform:translateX(0);pointer-events:auto}@media (min-width:768px){.sidebar{width:260px;height:calc(100vh - 40px);border-radius:1.5rem;left:20px;top:20px;padding:24px 20px;transition:width .35s ease,padding .35s ease,transform .3s ease,opacity .3s ease,background .3s ease,box-shadow .3s ease}.sidebar,.sidebar.sidebar-collapsed{transform:translateX(0);opacity:1;pointer-events:auto}.sidebar.sidebar-collapsed{width:84px;padding:16px 10px;overflow:visible}.sidebar.sidebar-collapsed .sidebar-brand{margin-bottom:1rem!important}.sidebar.sidebar-collapsed .npa-logo-container{justify-content:center}.sidebar.sidebar-collapsed .npa-logo-img{max-width:48px;width:48px}.sidebar.sidebar-collapsed .sidebar-nav-scroll{padding-left:0;padding-right:0}.sidebar.sidebar-collapsed .nav-section{gap:.35rem}.sidebar.sidebar-collapsed .nav-item-with-sub{align-items:center}.sidebar.sidebar-collapsed .nav-item-with-sub:after{content:"";position:absolute;top:0;left:100%;width:.45rem;height:100%;z-index:1}.sidebar.sidebar-collapsed .nav-item{width:2.65rem;height:2.65rem;min-height:2.65rem;padding:0;margin-left:auto;margin-right:auto;border-radius:999px;justify-content:center;gap:0}.sidebar.sidebar-collapsed .nav-arrow,.sidebar.sidebar-collapsed .nav-item__label{display:none!important}.sidebar.sidebar-collapsed .nav-icon{margin:0}.sidebar.sidebar-collapsed .nav-sub-items,.sidebar.sidebar-collapsed .nav-submenu-flyout{display:none!important}.nav-submenu-flyout--portal{z-index:1060;min-width:14rem;padding:.55rem .75rem .65rem 1.35rem;border:1px solid var(--border-color);border-radius:.85rem;background:var(--bg-primary);box-shadow:0 12px 24px rgba(2,8,23,.2)}.nav-submenu-flyout--portal .nav-submenu-flyout-inner{list-style:none;margin:0;padding:0}.nav-submenu-flyout--portal .nav-flyout-title{display:block;padding:.5rem .75rem .5rem 1.35rem;margin-bottom:.25rem;border-radius:14px;border-bottom-left-radius:0;border-bottom-right-radius:0;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);background:var(--bg-secondary)}.nav-submenu-flyout--portal .nav-flyout-row .nav-flyout-link,.nav-submenu-flyout--portal .nav-flyout-row .nav-sub-item{padding:.6rem .85rem .6rem 1.65rem;border-radius:var(--sidebar-nav-item-radius);font-size:.9rem;color:var(--text-secondary)}.nav-submenu-flyout--portal .nav-flyout-row .nav-flyout-link:hover{background:var(--bg-secondary);color:var(--text-primary)}.nav-submenu-flyout--portal .nav-flyout-row .nav-sub-item.active{background:rgba(35,62,128,.12);color:var(--color-primary);font-weight:500}.dark-mode
		.nav-submenu-flyout--portal
		.nav-flyout-row
		.nav-sub-item.active{background:rgba(59,130,246,.15);color:var(--text-primary)}.nav-submenu-flyout--portal .nav-sub-item.active:before{left:.9rem}.sidebar-min-tooltip{z-index:1060;padding:.3rem .65rem;border-radius:999px;font-size:.74rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:0 8px 16px rgba(2,8,23,.14);pointer-events:none}}.sidebar-close-btn{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);font-size:18px;cursor:pointer;transition:all .2s;z-index:10;box-shadow:0 2px 4px var(--shadow)}.sidebar-close-btn:hover{background:var(--color-primary);color:white;transform:scale(1.1)}.sidebar-close-btn:active{transform:scale(.95)}@media (min-width:768px){.sidebar-close-btn{display:none}}.sidebar-brand{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;flex-shrink:0;z-index:2}@media (min-width:768px){.app-version-badge--collapsed,.sidebar.sidebar-collapsed .app-version-badge,.sidebar.sidebar-collapsed .app-version-badge--collapsed{font-size:.5rem;letter-spacing:.04em;padding:.2rem .38rem;max-width:4.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.npa-logo-container{display:flex;align-items:center;justify-content:center;width:100%}.npa-logo-img{width:100%;max-width:180px;height:auto;object-fit:contain;transition:max-width .35s ease,width .35s ease,transform .35s ease}@media (min-width:768px){.npa-logo-img{max-width:200px}}.sidebar-nav-scroll{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.sidebar-nav-scroll::-webkit-scrollbar{display:none}@media (max-width:768px){.sidebar-nav-scroll{margin-bottom:2rem}}.sidebar-nav{gap:30px;width:100%;min-height:min-content}.nav-section,.sidebar-nav{display:flex;flex-direction:column}.nav-section{gap:8px}.nav-section-title{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-bottom:12px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--sidebar-nav-item-radius);text-decoration:none;color:var(--text-secondary);font-size:13px;transition:all .2s;cursor:pointer}button.nav-item{border:none;background:none;width:100%;text-align:left;font-family:inherit}.nav-item-pill{padding:0!important;margin-bottom:.5rem;margin-right:.5rem;border-radius:1rem}@media (min-width:768px){.nav-item{gap:12px;padding:12px 16px;font-size:14px}}.nav-item.active,.nav-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.nav-item.active{font-weight:500}:not(.dark-mode) .nav-item.active{background:var(--bg-secondary-darker)!important}.dark-mode .nav-item.active{background:var(--bg-secondary)!important}.nav-item-with-sub{display:flex;flex-direction:column;position:relative}.nav-submenu-flyout{display:none;list-style:none;margin:0;padding:0}.nav-submenu-flyout.nav-submenu-flyout--portal{display:block!important}.nav-flyout-title{display:none}.nav-flyout-items{list-style:none;margin:0;padding:.2rem .35rem .35rem}.nav-flyout-items>ul{list-style:none;margin:0;padding:0}.nav-flyout-row{margin:0;padding:0}.nav-flyout-link{display:block;width:100%;box-sizing:border-box;text-decoration:none}.nav-arrow{margin-left:auto;font-size:10px;color:var(--text-muted)}.nav-item.active .nav-arrow{color:var(--text-primary)}.nav-sub-items{display:flex;flex-direction:column;padding-left:44px;margin-top:4px;gap:4px;max-height:0;opacity:0;overflow:hidden;transform:translateY(-4px);transition:max-height .28s ease,opacity .22s ease,transform .22s ease}.nav-sub-items.expanded{max-height:420px;opacity:1;transform:translateY(0)}.nav-sub-item{padding:8px 16px;color:var(--text-secondary);text-decoration:none;font-size:13px;border-radius:var(--sidebar-nav-item-radius);transition:all .2s;position:relative}.nav-sub-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.nav-sub-item.active{background:transparent!important;color:var(--text-secondary);font-weight:500}.nav-sub-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background-color:var(--color-secondary);border-radius:50%}.dark-mode .nav-sub-item.active{background:transparent!important;color:white}.dark-mode .nav-sub-item.active:before{background-color:var(--color-secondary)}.nav-icon{font-size:16px;width:20px;text-align:center;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary)}.nav-item.active .nav-icon{color:var(--text-primary)}.nav-item.no-route,.nav-sub-item.no-route{cursor:default}.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease;display:block;border:none;padding:0;margin:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;box-sizing:border-box;font:inherit;color:inherit;text-align:left}[class*=-container].sidebar-open .sidebar-overlay{opacity:1;pointer-events:auto}@media (min-width:768px){.sidebar-overlay{display:none!important;pointer-events:none!important;opacity:0!important}}[class*=-layout]{display:flex;position:relative;z-index:1;min-height:100vh;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}@media (max-width:767.98px){.sidebar:not(.sidebar-collapsed){transform:translateX(-100%)!important;pointer-events:none!important}[class*=-container].sidebar-open .sidebar:not(.sidebar-collapsed){transform:translateX(0)!important;pointer-events:auto!important}[class*=-sidebar-wrapper]{width:0!important}[class*=-container]:not(.sidebar-open) .sidebar-overlay{opacity:0!important;pointer-events:none!important}[class*=-container].sidebar-open>[class*=-layout]{z-index:auto}[class*=-container].sidebar-open [class*=-main-wrapper]{position:relative;z-index:0}[class*=-container].sidebar-open .sidebar{z-index:1002!important}}[class*=-sidebar-wrapper]{width:0;flex-shrink:0;transition:width .3s ease}[class*=-sidebar-wrapper].sidebar-hidden{width:0}@media (min-width:768px){[class*=-sidebar-wrapper]{width:var(--app-sidebar-column-expanded);flex-shrink:0}[class*=-sidebar-wrapper].sidebar-hidden{width:var(--app-sidebar-column-minimized)}}.app-alert{border-width:1px;border-style:solid;border-radius:1.25rem;color:var(--text-primary)}.app-alert--info{background-color:color-mix(in srgb,var(--bs-info) 12%,var(--bg-primary));border-color:color-mix(in srgb,var(--bs-info) 38%,var(--border-color))!important}.dark-mode .app-alert--info{background-color:color-mix(in srgb,var(--bs-info) 22%,var(--bg-secondary));border-color:color-mix(in srgb,var(--bs-info) 48%,var(--border-color))!important}.app-alert--success{background-color:color-mix(in srgb,var(--bs-success) 12%,var(--bg-primary));border-color:color-mix(in srgb,var(--bs-success) 36%,var(--border-color))!important}.dark-mode .app-alert--success{background-color:color-mix(in srgb,var(--bs-success) 20%,var(--bg-secondary));border-color:color-mix(in srgb,var(--bs-success) 45%,var(--border-color))!important}.app-alert--danger{background-color:color-mix(in srgb,var(--bs-danger) 12%,var(--bg-primary));border-color:color-mix(in srgb,var(--bs-danger) 36%,var(--border-color))!important}.dark-mode .app-alert--danger{background-color:color-mix(in srgb,var(--bs-danger) 20%,var(--bg-secondary));border-color:color-mix(in srgb,var(--bs-danger) 45%,var(--border-color))!important}.app-alert--warning{background-color:color-mix(in srgb,var(--bs-warning) 18%,var(--bg-primary));border-color:color-mix(in srgb,var(--bs-warning) 45%,var(--border-color))!important}.dark-mode .app-alert--warning{background-color:color-mix(in srgb,var(--bs-warning) 24%,var(--bg-secondary));border-color:color-mix(in srgb,var(--bs-warning) 50%,var(--border-color))!important}.app-alert--primary{background-color:color-mix(in srgb,var(--bs-primary) 12%,var(--bg-primary));border-color:color-mix(in srgb,var(--bs-primary) 35%,var(--border-color))!important}.dark-mode .app-alert--primary{background-color:color-mix(in srgb,var(--bs-primary) 20%,var(--bg-secondary));border-color:color-mix(in srgb,var(--bs-primary) 45%,var(--border-color))!important}.app-alert--secondary{background-color:color-mix(in srgb,var(--bs-secondary) 14%,var(--bg-primary));border-color:color-mix(in srgb,var(--bs-secondary) 40%,var(--border-color))!important}.dark-mode .app-alert--secondary{background-color:color-mix(in srgb,var(--bs-secondary) 22%,var(--bg-secondary));border-color:color-mix(in srgb,var(--bs-secondary) 48%,var(--border-color))!important}@keyframes appraisal-schedule-countdown-pulse{0%,to{box-shadow:0 0 0 rgba(220,53,69,0)}50%{box-shadow:0 0 .85rem rgba(220,53,69,.45)}}.appraisal-schedule-countdown--pulse{animation:appraisal-schedule-countdown-pulse 1.35s ease-in-out infinite}.appraisal-schedule-countdown__label-pill{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;padding:.35rem .75rem;border-radius:50rem;border:1px solid transparent;font-size:.8125rem;font-weight:600;line-height:1;white-space:nowrap}.appraisal-schedule-countdown__label-pill--info{background-color:color-mix(in srgb,var(--bs-info) 28%,var(--bg-primary));border-color:color-mix(in srgb,var(--bs-info) 45%,var(--border-color));color:var(--bs-info-text-emphasis)}.dark-mode .appraisal-schedule-countdown__label-pill--info{background-color:color-mix(in srgb,var(--bs-info) 38%,var(--bg-secondary));border-color:color-mix(in srgb,var(--bs-info) 55%,var(--border-color));color:color-mix(in srgb,var(--bs-info) 32%,#ffffff)}.appraisal-schedule-countdown__label-pill--warning{background-color:color-mix(in srgb,var(--bs-warning) 34%,var(--bg-primary));border-color:color-mix(in srgb,var(--bs-warning) 52%,var(--border-color));color:var(--bs-warning-text-emphasis)}.dark-mode .appraisal-schedule-countdown__label-pill--warning{background-color:color-mix(in srgb,var(--bs-warning) 42%,var(--bg-secondary));border-color:color-mix(in srgb,var(--bs-warning) 58%,var(--border-color));color:color-mix(in srgb,var(--bs-warning) 28%,#ffffff)}.appraisal-schedule-countdown__label-pill--danger{background-color:color-mix(in srgb,var(--bs-danger) 28%,var(--bg-primary));border-color:color-mix(in srgb,var(--bs-danger) 45%,var(--border-color));color:var(--bs-danger-text-emphasis)}.dark-mode .appraisal-schedule-countdown__label-pill--danger{background-color:color-mix(in srgb,var(--bs-danger) 38%,var(--bg-secondary));border-color:color-mix(in srgb,var(--bs-danger) 55%,var(--border-color));color:color-mix(in srgb,var(--bs-danger) 32%,#ffffff)}.appraisal-schedule-countdown{display:flex;align-items:center;justify-content:space-between;gap:1rem}.appraisal-schedule-countdown__content{min-width:0;flex:1 1 auto}.appraisal-schedule-countdown__deadline{font-weight:600}.appraisal-schedule-countdown__countdown{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.appraisal-schedule-countdown-header{flex:0 1 auto;width:max-content;max-width:100%;min-width:0;margin:0;padding:.35rem .75rem!important;border-radius:.75rem;font-size:.8125rem;line-height:1.25;display:inline-flex;align-items:center;overflow:hidden}.appraisal-schedule-countdown-header__viewport{display:block;max-width:100%;overflow:hidden}.appraisal-schedule-countdown-header__viewport--marquee{width:100%}.appraisal-schedule-countdown-header__viewport--marquee:hover
	.appraisal-schedule-countdown-header__track--marquee{animation-play-state:paused}.appraisal-schedule-countdown-header__track{display:inline-flex;align-items:center;flex-wrap:nowrap;width:max-content}.appraisal-schedule-countdown-header__track--marquee{gap:2rem;animation:appraisal-schedule-countdown-header-marquee 22s linear infinite}@keyframes appraisal-schedule-countdown-header-marquee{0%{transform:translateX(0)}to{transform:translateX(calc(-50% - 1rem))}}@media (prefers-reduced-motion:reduce){.appraisal-schedule-countdown-header__track--marquee{animation:none}.appraisal-schedule-countdown-header__viewport--marquee{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.appraisal-schedule-countdown-header__viewport--marquee::-webkit-scrollbar{display:none}}.appraisal-schedule-countdown-header__text{display:inline-flex;align-items:center;flex-shrink:0;white-space:nowrap}.appraisal-schedule-countdown-header__prefix{font-weight:600}.appraisal-schedule-countdown-header__countdown{font-weight:400;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.app-header{position:fixed;top:0;left:0;right:0;height:60px;background:var(--bg-primary);border-radius:0;box-shadow:0 2px 4px var(--shadow);z-index:999;overflow:visible;transition:left .3s ease,background .3s ease,box-shadow .3s ease}.app-header.sidebar-hidden{left:0}@media (min-width:768px){.app-header{top:20px;left:var(--app-sidebar-column-expanded);right:20px;height:70px;border-radius:1.5rem}.app-header.sidebar-hidden{left:var(--app-sidebar-column-minimized)}}.hamburger-menu{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:8px;color:var(--text-secondary);font-size:18px;transition:color .2s;min-width:40px}@media (min-width:768px){.hamburger-menu{font-size:20px}}.hamburger-menu i{transform:scaleY(-1)}.hamburger-menu:hover{color:var(--text-primary)}.app-header-start{min-width:0}.header-actions{margin-right:0;overflow:visible}.header-divider{width:1px;height:32px;background:var(--border-color);margin:0 8px;transition:background-color .3s ease}@media (min-width:768px){.header-divider{height:40px;margin:0 16px}}.header-action-button{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:8px;transition:all .2s;color:var(--text-secondary);font-size:16px;border-radius:8px;min-width:36px}@media (min-width:768px){.header-action-button{padding:10px;font-size:20px}}.header-action-button:hover{background:var(--bg-secondary);color:var(--text-primary)}.app-header-panel-wrap,.app-header-suite-wrap,.header-user-dropdown{position:relative}.header-user-button{display:flex;align-items:center;gap:8px;padding:4px 8px;background:none;border:none;cursor:pointer;transition:background-color .2s ease;border-radius:.75rem}.user-dropdown-chevron{font-size:11px;color:var(--text-muted);margin-left:2px}.header-user-button:hover{background:var(--bg-secondary)}.user-name{font-size:12px;font-weight:500}.user-grade,.user-name{color:var(--text-primary);display:none}.user-grade{font-size:10px}.user-avatar-small{width:36px;height:36px;border-radius:50%;overflow:hidden;border:2px solid var(--avatar-border-color);display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);transition:border-color .3s ease;flex-shrink:0}.header-user-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:1.25rem;box-shadow:0 4px 12px var(--shadow);min-width:180px;padding:.5rem;z-index:1000;overflow:hidden;animation:dropdownFadeIn .2s ease}.app-header-panel-dropdown,.app-header-suite-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;min-width:400px;background-color:var(--bg-secondary);box-shadow:0 4px 16px rgba(0,0,0,.12);border:1px solid var(--border-color);z-index:1100}@media (max-width:767.98px){.app-header-panel-dropdown,.app-header-suite-dropdown{position:fixed;top:calc(60px + .5rem);left:1rem;right:1rem;width:auto;min-width:0;max-width:none;margin-top:0;border-radius:1rem}}.app-header-panel-title,.app-header-suite-title{font-size:1rem;font-weight:700;color:var(--text-primary);text-align:center}.app-header-panel-content,.app-header-suite-content{background-color:var(--bg-primary)}.app-header-notifications-dropdown{min-width:320px;max-width:420px}@media (max-width:767.98px){.app-header-notifications-dropdown{max-width:none}}.app-header-notifications-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;margin-left:.35rem;padding:0 .35rem;border-radius:999px;background:var(--color-primary);color:#fff;font-size:.7rem;font-weight:700;vertical-align:middle}.app-header-notifications-list{list-style:none;padding:0;margin:0;max-height:min(50vh,420px);overflow-y:auto}.app-header-notification-item{padding:.75rem;border-radius:.75rem;border:1px solid var(--border-color);background:var(--bg-secondary)}.app-header-notification-item+.app-header-notification-item{margin-top:.5rem}.app-header-notification-item--unread{border-color:color-mix(in srgb,var(--color-primary) 35%,var(--border-color));background:color-mix(in srgb,var(--color-primary) 8%,var(--bg-secondary))}.app-header-notification-item-title{font-size:.875rem;font-weight:700;color:var(--text-primary)}.app-header-notification-item-message{margin-top:.25rem;font-size:.8125rem;color:var(--text-secondary);line-height:1.4}.app-header-notification-item-time{display:block;margin-top:.35rem;font-size:.75rem;color:var(--text-muted)}.app-header-suite-list{margin:0}.app-header-suite-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-decoration:none;color:var(--text-primary);padding:1rem;border-radius:50%!important;transition:background-color .2s;min-width:60px;min-height:60px;border:1px solid transparent}.app-header-suite-item:hover{transform:scale(1.3);transition:transform .3s ease-in-out}.app-header-suite-item-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--color-primary)}.app-header-suite-item-name{font-size:.75rem;font-weight:800;text-align:center}.apps-dropdown-grid{display:grid;grid-template-columns:repeat(3,minmax(76px,1fr));grid-gap:.65rem;gap:.65rem}.apps-dropdown-item{border:0;background:transparent;border-radius:12px;padding:.4rem .35rem .55rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-primary);font-size:.7rem;transition:transform .15s ease,background-color .2s ease,box-shadow .2s ease}.apps-dropdown-item:hover{background:var(--bg-secondary);transform:translateY(-1px);box-shadow:0 4px 10px var(--shadow)}.apps-dropdown-logo-wrap{width:38px;height:38px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--border-color)}.apps-dropdown-logo-img{width:100%;height:100%;object-fit:contain}.apps-dropdown-logo-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.66rem;font-weight:700;color:var(--color-primary);letter-spacing:.2px}.apps-dropdown-item-name{font-size:.68rem;line-height:1.1;text-align:center;font-weight:600;max-width:72px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apps-dropdown-empty{grid-column:1/-1;font-size:.78rem;color:var(--text-muted);padding:.35rem .2rem}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;border-radius:.75rem;text-align:left;cursor:pointer;color:var(--text-primary);font-size:14px;transition:background-color .2s ease}.dropdown-item:not(.dropdown-item-logout):hover{background:var(--bg-secondary)}.dropdown-item-logout{margin-top:.25rem;background-color:#fef2f2;color:#b91c1c}.dropdown-item-logout .dropdown-item-icon{color:#b91c1c}.dropdown-item-logout:hover{background-color:#fee2e2;color:#b91c1c}.dropdown-item-logout:hover .dropdown-item-icon{color:#b91c1c}.dark-mode .dropdown-item-logout{background-color:color-mix(in srgb,#dc2626 18%,var(--bg-primary));color:#f87171}.dark-mode .dropdown-item-logout .dropdown-item-icon{color:#f87171}.dark-mode .dropdown-item-logout:hover{background-color:color-mix(in srgb,#dc2626 28%,var(--bg-primary));color:#fca5a5}.dark-mode .dropdown-item-logout:hover .dropdown-item-icon{color:#fca5a5}.dropdown-item-icon{font-size:16px;color:var(--text-secondary);width:20px;text-align:center}.dropdown-item:not(.dropdown-item-logout):hover .dropdown-item-icon{color:var(--text-primary)}@media (min-width:768px){.header-user-button{gap:12px;padding:4px 12px}.user-name{font-size:14px;display:block}.user-grade{font-size:12px;display:block}.user-avatar-small{width:40px;height:40px;border:3px solid var(--avatar-border-color)}.header-user-dropdown-menu{min-width:200px}}.user-avatar-small img{width:100%;height:100%;object-fit:cover}.notification-button{position:relative}.notification-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background-color:#dc3545;border-radius:50%;border:2px solid var(--bg-primary);z-index:1}@media (min-width:768px){.notification-dot{top:8px;right:8px;width:10px;height:10px}}