.app-icon--lucide{display:inline-block;flex-shrink:0;vertical-align:middle}.app-icon--fa{display:inline-flex;align-items:center;justify-content:center;line-height:1}.app-icon--spin{animation:app-icon-spin .8s linear infinite}@keyframes app-icon-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.app-icon--spin{animation:none}}.sidebar{position:fixed!important;left:0!important;top:0!important;height:100vh!important;width:260px!important;background:var(--sidebar-bg, #1a1d29)!important;border-right:1px solid var(--sidebar-border, #2d3142)!important;display:flex!important;flex-direction:column!important;z-index:1001!important;transition:width .3s cubic-bezier(.4,0,.2,1)!important;overflow:hidden;margin:0!important;padding:0!important;box-sizing:border-box!important}@media (max-width: 767px){.sidebar{width:280px!important;transform:translate(-100%);z-index:1100!important}.sidebar.mobile-open{transform:translate(0);overscroll-behavior:none}}.sidebar.collapsed{width:70px!important;overflow:visible}.sidebar-header{padding:20px 16px;border-bottom:1px solid var(--sidebar-border, #2d3142);display:flex;align-items:center;justify-content:space-between;min-height:70px}.sidebar-logo{display:flex;align-items:center;gap:12px;flex:1;text-decoration:none;color:inherit;min-width:0}.sidebar-logo img{width:40px;height:40px;object-fit:contain}.sidebar-logo-text{display:flex;flex-direction:column;line-height:1.2}.logo-primary{font-size:18px;font-weight:700;color:var(--sidebar-text-primary, #ffffff);letter-spacing:.5px}.logo-secondary{font-size:11px;font-weight:500;color:var(--sidebar-text-secondary, #9ca3af);text-transform:uppercase;letter-spacing:1px}.sidebar-toggle{background:transparent;border:none;color:var(--sidebar-text-secondary, #9ca3af);cursor:pointer;padding:8px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.sidebar-toggle:hover{background:var(--sidebar-hover, #2d3142);color:var(--sidebar-text-primary, #ffffff)}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 0;scrollbar-width:thin;scrollbar-color:var(--sidebar-scrollbar, #3a3f54) transparent;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--sidebar-scrollbar, #3a3f54);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--sidebar-scrollbar-hover, #4a5064)}.nav-section{margin-bottom:24px}.nav-section-label{padding:8px 20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--sidebar-text-tertiary, #6b7280);margin-bottom:8px}.nav-item-wrapper{position:relative;margin-bottom:2px}.nav-item{display:flex;align-items:center;padding:12px 20px;color:var(--sidebar-text-secondary, #9ca3af);cursor:pointer;transition:background .2s,color .2s;position:relative;gap:12px;font-size:14px;font-weight:500;line-height:1.25;width:100%;border:none;background:transparent;font-family:inherit;text-align:left;text-decoration:none;min-height:0;min-width:0;-moz-appearance:none;appearance:none;-webkit-appearance:none}.nav-item:hover{background:var(--sidebar-hover, #2d3142);color:var(--sidebar-text-primary, #ffffff)}.nav-item.active{background:var(--sidebar-active, #2563eb);color:var(--sidebar-active-text, #ffffff)}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--sidebar-active-indicator, #3b82f6)}.nav-item i,.nav-item .nav-item__icon,.nav-item .app-icon{width:20px;text-align:center;font-size:16px;flex-shrink:0}.nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-badge{background:var(--sidebar-badge-bg, #ef4444);color:var(--sidebar-badge-text, #ffffff);font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}.nav-item.active .nav-badge{background:#fff3}.nav-chevron{font-size:10px;transition:transform .2s;margin-left:auto}.sidebar.collapsed .nav-section-label,.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-badge,.sidebar.collapsed .nav-chevron{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:12px}.sidebar.collapsed .nav-item i,.sidebar.collapsed .nav-item .app-icon{margin:0}.sidebar.collapsed .sidebar-nav{overflow:visible}.nav-submenu{background:var(--sidebar-submenu-bg, #151821);padding:4px 0;margin-left:20px;border-left:1px solid var(--sidebar-border, #2d3142)}.nav-subitem{display:flex;align-items:center;padding:10px 20px 10px 40px;color:var(--sidebar-text-secondary, #9ca3af);text-decoration:none;transition:all .2s;gap:12px;font-size:13px;position:relative}.nav-subitem:hover{background:var(--sidebar-hover, #2d3142);color:var(--sidebar-text-primary, #ffffff)}.nav-subitem.active{color:var(--sidebar-submenu-active-text, var(--sidebar-active-text, #ffffff));background:var(--sidebar-submenu-active, #2d3142);font-weight:600}.nav-subitem.active i{color:inherit}.nav-subitem.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--sidebar-active-indicator, #3b82f6);border-radius:0 2px 2px 0}.nav-subitem i{width:16px;text-align:center;font-size:14px;flex-shrink:0}.nav-flyout{position:absolute;left:100%;top:0;z-index:1200;min-width:220px;padding:8px 0;margin-left:4px;background:var(--sidebar-bg, #1a1d29);border:1px solid var(--sidebar-border, #2d3142);border-radius:8px;box-shadow:0 8px 24px #00000047}.nav-flyout__title{padding:6px 14px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--sidebar-text-tertiary, #6b7280)}.nav-flyout__item{display:block;padding:8px 14px;color:var(--sidebar-text-secondary, #9ca3af);text-decoration:none;font-size:13px;font-weight:500}.nav-flyout__item:hover,.nav-flyout__item.active{background:var(--sidebar-hover, #2d3142);color:var(--sidebar-text-primary, #ffffff)}.nav-flyout__item.active{font-weight:600}.sidebar-footer{border-top:1px solid var(--sidebar-border, #2d3142);padding:16px}.sidebar-user{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;background:var(--sidebar-user-bg, #2d3142);transition:background .2s;text-decoration:none;color:inherit}.sidebar-user:hover{background:var(--sidebar-hover, #3a3f54)}.user-avatar-small{width:36px;height:36px;border-radius:8px;background:var(--sidebar-active, #2563eb);display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse);font-weight:600;font-size:13px;flex-shrink:0}.user-info-small{flex:1;min-width:0}.user-name-small{font-size:13px;font-weight:600;color:var(--sidebar-text-primary, #ffffff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role-small{font-size:11px;color:var(--sidebar-text-secondary, #9ca3af);text-transform:capitalize}[data-theme=dark] .sidebar,html[data-theme=dark] .sidebar{--sidebar-bg: var(--color-dark-bg);--sidebar-border: var(--color-dark-surface);--sidebar-text-primary: var(--color-text-primary);--sidebar-text-secondary: var(--color-text-secondary);--sidebar-text-tertiary: var(--color-text-tertiary);--sidebar-hover: var(--color-dark-surface);--sidebar-active: var(--color-info-dark);--sidebar-active-text: #ffffff;--sidebar-active-indicator: var(--color-info);--sidebar-badge-bg: var(--color-error);--sidebar-badge-text: #ffffff;--sidebar-submenu-bg: var(--color-dark-bg-deep);--sidebar-submenu-active: var(--color-dark-surface);--sidebar-submenu-active-text: var(--color-text-primary);--sidebar-user-bg: var(--color-dark-surface);--sidebar-scrollbar: var(--color-dark-surface-alt);--sidebar-scrollbar-hover: var(--color-dark-surface-mid)}[data-theme=dark] .sidebar-toggle,[data-theme=dark] .sidebar-toggle .app-icon,html[data-theme=dark] .sidebar-toggle,html[data-theme=dark] .sidebar-toggle .app-icon{color:#fff}[data-theme=light] .sidebar,html[data-theme=light] .sidebar{--sidebar-bg: var(--color-bg-primary);--sidebar-border: var(--color-border);--sidebar-text-primary: var(--color-text-primary);--sidebar-text-secondary: var(--color-text-secondary);--sidebar-text-tertiary: var(--color-text-tertiary);--sidebar-hover: var(--color-bg-tertiary);--sidebar-active: var(--color-info-dark);--sidebar-active-text: var(--color-bg-primary);--sidebar-active-indicator: var(--color-info);--sidebar-badge-bg: var(--color-error);--sidebar-badge-text: var(--color-bg-primary);--sidebar-submenu-bg: var(--color-bg-secondary);--sidebar-submenu-active: var(--color-primary-bg-tint);--sidebar-submenu-active-text: var(--color-info-navy);--sidebar-user-bg: var(--color-bg-tertiary);--sidebar-scrollbar: var(--color-text-disabled);--sidebar-scrollbar-hover: var(--color-text-tertiary)}@media (max-width: 767px){.sidebar{transform:translate(-100%);width:280px!important;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1100!important;box-shadow:2px 0 8px #00000026}.sidebar.mobile-open{transform:translate(0);overscroll-behavior:none;pointer-events:auto}.sidebar.mobile-open .sidebar-nav{touch-action:pan-y;pointer-events:auto;-webkit-overflow-scrolling:touch}.sidebar.collapsed{width:280px!important}.sidebar-close-mobile{background:transparent;border:none;color:var(--sidebar-text-secondary, #9ca3af);cursor:pointer;padding:8px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:18px}.sidebar-close-mobile:hover{background:var(--sidebar-hover, #2d3142);color:var(--sidebar-text-primary, #ffffff)}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:1050;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;-moz-appearance:none;appearance:none;-webkit-appearance:none;color:transparent;border:none;padding:0;cursor:pointer}.sidebar-overlay.active{opacity:1;visibility:visible;touch-action:none;overscroll-behavior:none}}.dark-mode-toggle-menu{width:100%}.dark-mode-toggle{position:relative;padding:0!important}.dark-mode-toggle-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.dark-mode-icon-sun,.dark-mode-icon-moon{position:absolute;font-size:16px;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),color .2s ease;transform-origin:center;display:block}.dark-mode-icon-sun{color:#f59e0b;opacity:0;transform:rotate(-180deg) scale(0)}.dark-mode-icon-sun.active{opacity:1;transform:rotate(0) scale(1)}.dark-mode-icon-moon{color:#6b7280;opacity:0;transform:rotate(180deg) scale(0)}.dark-mode-icon-moon.active{opacity:1;transform:rotate(0) scale(1)}.dark-mode-toggle:hover .dark-mode-icon-sun.active{color:#f97316;transform:rotate(20deg) scale(1.1)}.dark-mode-toggle:hover .dark-mode-icon-moon.active{color:#3b82f6;transform:rotate(-20deg) scale(1.1)}.dark-mode-toggle:active .dark-mode-toggle-container{transform:scale(.9)}:root[data-theme=dark] .dark-mode-icon-sun.active,html[data-theme=dark] .dark-mode-icon-sun.active{color:#fbbf24}:root[data-theme=dark] .dark-mode-toggle:hover .dark-mode-icon-sun.active,html[data-theme=dark] .dark-mode-toggle:hover .dark-mode-icon-sun.active{color:#fcd34d}@media (max-width: 768px){.dark-mode-icon-sun,.dark-mode-icon-moon{font-size:15px}}@media (max-width: 480px){.dark-mode-icon-sun,.dark-mode-icon-moon{font-size:14px}}.language-flag{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:15px;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px #00000014}.language-flag-svg{display:block;width:100%;height:100%}.language-flag--header-btn,.user-menu-item--sub .language-flag{width:20px;height:14px}.user-menu-item-value--lang{display:inline-flex;align-items:center;gap:6px}.language-dropdown-label{flex:1;text-align:left;font-size:14px;font-weight:500}.language-menu-accordion{width:100%}.language-menu-sublist{padding:0 8px 4px;display:flex;flex-direction:column;gap:2px}.user-menu-item-chevron{flex-shrink:0;margin-left:4px;font-size:10px;color:var(--header-text-secondary, #6b7280);transition:transform .2s ease}.user-menu-item-chevron.is-open{transform:rotate(180deg)}.user-menu-item--sub{padding:10px 12px 10px 42px;font-size:13px}.user-menu-item--sub.is-active{color:var(--color-primary, #3a63bb);font-weight:var(--font-weight-medium, 500)}.user-menu-item--sub.is-active i{color:var(--color-primary, #3a63bb)}.user-menu-item-check{margin-left:auto;font-size:12px;color:var(--color-primary, #3a63bb)}.language-switcher{position:relative;display:flex;align-items:center}.language-switcher-button{display:flex!important;align-items:center!important;gap:6px!important;padding:0 10px!important;width:auto!important;min-width:70px;height:40px!important;border-radius:8px!important;transition:all .2s ease}.language-icon{font-size:16px;color:inherit}.language-code{font-size:13px;font-weight:600;letter-spacing:.5px;color:inherit}.language-arrow{font-size:10px;margin-left:auto;transition:transform .3s ease;color:inherit}.language-arrow.open{transform:rotate(180deg)}.language-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:120px;background:#fff;border-radius:10px;box-shadow:0 4px 20px #00000026;padding:6px;z-index:1200;animation:dropdownFadeIn .2s ease;border:1px solid #e5e7eb}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.language-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;color:#374151;gap:10px}.language-dropdown-item:hover{background:var(--color-bg-hover, #f9fafb)}.language-dropdown-item.active{background:var(--color-primary-bg, #eff6ff);color:var(--color-primary, #3a63bb);font-weight:600}.language-dropdown-code{flex:1;text-align:left;letter-spacing:.5px}.language-check{font-size:12px;color:#3b82f6}.language-switcher-button:hover .language-icon{transform:scale(1.1)}:root[data-theme=dark] .language-dropdown,html[data-theme=dark] .language-dropdown{background:#374151;border-color:#4b5563;box-shadow:0 4px 20px #0006}:root[data-theme=dark] .language-dropdown-item,html[data-theme=dark] .language-dropdown-item{color:#e5e7eb}:root[data-theme=dark] .language-dropdown-item:hover,html[data-theme=dark] .language-dropdown-item:hover{background:#2d3142}:root[data-theme=dark] .language-dropdown-item.active,html[data-theme=dark] .language-dropdown-item.active{background:#1e3a8a;color:#93c5fd}:root[data-theme=dark] .language-check,html[data-theme=dark] .language-check{color:#93c5fd}@media (max-width: 900px){.language-switcher-button{min-width:60px;padding:0 8px!important}.language-code,.language-arrow{display:none}}@media (max-width: 768px){.language-switcher-button{width:36px!important;min-width:36px;height:36px!important;padding:0!important}.language-icon{font-size:15px}}@media (max-width: 480px){.language-switcher-button{width:32px!important;min-width:32px;height:32px!important}.language-icon{font-size:14px}.language-dropdown{min-width:100px}.language-dropdown-item{padding:8px 12px;font-size:13px}}.command-palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:overlayFadeIn .2s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.command-palette-container{width:100%;max-width:640px;margin:0 16px;animation:commandSlideIn .2s ease}@keyframes commandSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.command-palette{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;border:1px solid #e5e7eb;overflow:hidden;display:flex;flex-direction:column;max-height:60vh}.command-input-wrapper{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #e5e7eb}.command-input{flex:1;border:none;outline:none;font-size:16px;color:#111827;background:transparent}.command-input::placeholder{color:#9ca3af}.command-kbd{padding:4px 8px;background:var(--color-bg-tertiary, #f3f4f6);border:1px solid var(--color-border, #e5e7eb);border-radius:6px;font-size:11px;font-weight:600;color:#6b7280;font-family:SF Mono,Monaco,Courier New,monospace}.command-list{padding:8px;overflow-y:auto;max-height:calc(60vh - 70px)}.command-list::-webkit-scrollbar{width:8px}.command-list::-webkit-scrollbar-track{background:transparent}.command-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.command-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.command-group{margin-bottom:12px}.command-group:last-child{margin-bottom:0}.command-group-heading{padding:8px 12px 4px;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.command-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:6px;cursor:pointer;transition:all .15s ease;color:#374151;font-size:14px}.command-item:hover{background:var(--color-bg-hover, #f9fafb)}.command-item-icon{width:18px;font-size:16px;color:#6b7280;flex-shrink:0}.command-item span{flex:1}.command-item-kbd{padding:3px 6px;background:var(--color-bg-tertiary, #f3f4f6);border-radius:4px;font-size:10px;font-weight:600;color:#6b7280;font-family:SF Mono,Monaco,Courier New,monospace}.command-empty{padding:40px 20px;text-align:center;color:#9ca3af;font-size:14px}:root[data-theme=dark] .command-palette,html[data-theme=dark] .command-palette{background:#1f2937;border-color:#374151}:root[data-theme=dark] .command-input-wrapper,html[data-theme=dark] .command-input-wrapper{border-bottom-color:#374151}:root[data-theme=dark] .command-input,html[data-theme=dark] .command-input{color:#f9fafb}:root[data-theme=dark] .command-input::placeholder,html[data-theme=dark] .command-input::placeholder{color:#6b7280}:root[data-theme=dark] .command-kbd,html[data-theme=dark] .command-kbd{background:#374151;border-color:#4b5563;color:#9ca3af}:root[data-theme=dark] .command-item,html[data-theme=dark] .command-item{color:#e5e7eb}:root[data-theme=dark] .command-item:hover,html[data-theme=dark] .command-item:hover{background:#374151}:root[data-theme=dark] .command-item-icon,html[data-theme=dark] .command-item-icon{color:#9ca3af}:root[data-theme=dark] .command-item-kbd,html[data-theme=dark] .command-item-kbd{background:#4b5563;color:#9ca3af}:root[data-theme=dark] .command-list::-webkit-scrollbar-thumb,html[data-theme=dark] .command-list::-webkit-scrollbar-thumb{background:#4b5563}:root[data-theme=dark] .command-list::-webkit-scrollbar-thumb:hover,html[data-theme=dark] .command-list::-webkit-scrollbar-thumb:hover{background:#6b7280}@media (max-width: 768px){.command-palette-overlay{padding-top:10vh}.command-palette{max-height:70vh}.command-input-wrapper{padding:12px 16px}.command-input{font-size:15px}.command-item{padding:12px}}.app-header{position:fixed;top:0;left:0;right:0;height:60px;background:var(--header-bg, #ffffff);border-bottom:none;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-md, 16px);z-index:999;transition:left .3s cubic-bezier(.4,0,.2,1);margin:0;box-sizing:border-box}@media (min-width: 768px){.app-header{left:260px;right:0;height:70px;padding-left:var(--space-lg, 24px);padding-right:var(--space-lg, 24px);margin:0 0 0 -1px;border-left:none;box-sizing:border-box}.sidebar.collapsed~.app-header{left:70px;margin-left:-1px}}.header-left{flex:1;display:flex;align-items:center;gap:var(--space-md, 16px);min-width:0}.header-page-title{display:flex;flex-direction:column;gap:2px;min-width:0;align-items:flex-start;text-align:left}.header-title{font-size:var(--font-size-xl, 20px);font-weight:var(--font-weight-semibold, 600);color:var(--color-primary, #3a63bb);margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.header-subtitle{font-size:var(--font-size-sm, 14px);color:var(--color-text-secondary, #6b7280);margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}@media (max-width: 767px){.header-page-title{display:none}}.header-center{flex:1;display:flex;justify-content:center;max-width:600px;margin:0 auto}.header-right{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:12px}.header-actions-bar{display:flex;align-items:center;gap:12px}.header-search{width:100%;max-width:500px;height:40px;background:var(--header-search-bg, #f3f4f6);border:1px solid var(--header-search-border, #e5e7eb);border-radius:var(--radius-md, 8px);display:flex;align-items:center;padding:0 16px;gap:12px;cursor:pointer;transition:all .2s}.header-search:hover{background:var(--color-bg-hover, #f9fafb)}.header-search:focus-within{background:var(--header-search-focus, #ffffff);border-color:var(--header-search-focus-border, #3a63bb);box-shadow:0 0 0 3px #3a63bb1a}.search-placeholder{flex:1;color:var(--header-text-secondary, #6b7280);font-size:14px}.header-action-btn{width:40px;height:40px;border-radius:8px;border:none;background:transparent;color:var(--header-text-secondary, #6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s}.header-action-btn:hover{background:var(--color-bg-hover, #f9fafb)}.notification-btn{position:relative}.notification-badge{position:absolute;top:6px;right:6px;background:var(--header-badge-bg, #ef4444);color:var(--color-text-inverse);font-size:10px;font-weight:600;padding:2px 5px;border-radius:10px;min-width:18px;text-align:center;line-height:1.2}.notification-wrapper{position:relative}.notifications-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:min(360px,90vw);max-height:420px;overflow:auto;background:var(--color-bg-primary, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:12px;box-shadow:0 12px 30px #0000001f;z-index:1200}.notifications-dropdown__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-bottom:1px solid var(--color-border, #e5e7eb)}.notifications-dropdown__mark{border:none;background:transparent;color:var(--color-primary, #2563eb);font-size:12px;cursor:pointer}.notifications-dropdown__empty{margin:0;padding:20px 14px;color:var(--color-text-secondary, #64748b);font-size:13px}.notifications-dropdown__list{list-style:none;margin:0;padding:0}.notifications-dropdown__item{width:100%;text-align:left;border:none;background:transparent;padding:12px 14px;display:flex;flex-direction:column;gap:4px;cursor:pointer;border-bottom:1px solid var(--color-border, #f1f5f9)}.notifications-dropdown__item.is-unread{background:var(--color-bg-secondary, #f8fafc)}.notifications-dropdown__title{font-size:13px;font-weight:600;color:var(--color-text-primary, #0f172a)}.notifications-dropdown__body{font-size:12px;color:var(--color-text-secondary, #64748b)}.user-menu-wrapper{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:8px;padding:4px;border-radius:8px;border:none;background:transparent;cursor:pointer;transition:all .2s}.user-menu-trigger:hover{background:var(--color-bg-hover, #f9fafb)}.user-avatar{width:36px;height:36px;border-radius:8px;background:var(--header-avatar-bg, #3a63bb);display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse);font-weight:600;font-size:13px;flex-shrink:0;transition:transform .2s}.user-menu-trigger:hover .user-avatar{transform:scale(1.05)}.user-chevron{font-size:10px;color:var(--header-text-secondary, #6b7280);transition:transform .2s,color .2s}.user-menu-trigger:hover .user-chevron{color:var(--header-text-primary, #111827)}.user-menu-trigger i{font-size:10px;color:var(--header-text-secondary, #6b7280);transition:transform .2s}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:var(--header-dropdown-bg, #ffffff);border:1px solid var(--header-dropdown-border, #e5e7eb);border-radius:12px;box-shadow:0 10px 25px #0000001a;z-index:1200;overflow:hidden}.user-menu-header{padding:20px;display:flex;align-items:center;gap:12px;background:var(--header-dropdown-header-bg, #f9fafb)}.user-avatar-large{width:48px;height:48px;border-radius:10px;background:var(--header-avatar-bg, #3a63bb);display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse);font-weight:600;font-size:16px;flex-shrink:0}.user-info-large{flex:1;min-width:0}.user-name-large{font-size:15px;font-weight:600;color:var(--header-text-primary, #111827);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email-large{font-size:13px;color:var(--header-text-secondary, #6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-divider{height:1px;background:var(--header-divider, #e5e7eb);margin:8px 0}.user-menu-items{padding:8px}.user-menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px;border:none;background:transparent;border-radius:8px;cursor:pointer;text-align:left;font-size:14px;color:var(--header-text-primary, #111827);transition:all .2s}.user-menu-item:hover{background:var(--header-hover, var(--color-bg-hover, #f9fafb))}.user-menu-item i{width:18px;text-align:center;color:var(--header-text-secondary, #6b7280)}.user-menu-item-value{margin-left:auto;font-size:14px;font-weight:var(--font-weight-medium, 500);color:var(--header-text-secondary, #6b7280);letter-spacing:.02em}.user-menu-item.danger{color:var(--header-danger, #ef4444)}.user-menu-item.danger:hover{background:#fef2f2}.user-menu-item.danger i{color:var(--header-danger, #ef4444)}[data-theme=dark] .app-header,html[data-theme=dark] .app-header{--header-bg: var(--color-dark-bg);--header-border: var(--color-dark-surface);--header-text-primary: var(--color-text-primary);--header-text-secondary: var(--color-text-secondary);--header-search-bg: var(--color-dark-surface);--header-search-border: var(--color-dark-surface-alt);--header-search-hover: var(--color-dark-surface-alt);--header-search-border-hover: var(--color-dark-surface-mid);--header-search-focus: var(--color-dark-surface);--header-search-focus-border: var(--color-primary);--header-hover: var(--color-dark-surface);--header-badge-bg: var(--color-error);--header-avatar-bg: var(--color-primary);--header-dropdown-bg: var(--color-dark-bg);--header-dropdown-border: var(--color-dark-surface);--header-dropdown-header-bg: var(--color-dark-bg-deep);--header-divider: var(--color-dark-surface);--header-danger: var(--color-error);--header-danger-hover: var(--color-dark-danger-tint)}[data-theme=dark] .app-header .user-menu-item:hover,html[data-theme=dark] .app-header .user-menu-item:hover{background:var(--header-hover, var(--color-dark-surface))}[data-theme=dark] .app-header .user-menu-item.danger:hover,html[data-theme=dark] .app-header .user-menu-item.danger:hover{background:var(--header-danger-hover, var(--color-dark-danger-tint))}[data-theme=dark] .app-header .header-action-btn,[data-theme=dark] .app-header .header-action-btn .app-icon,html[data-theme=dark] .app-header .header-action-btn,html[data-theme=dark] .app-header .header-action-btn .app-icon{color:#fff}[data-theme=light] .app-header,html[data-theme=light] .app-header{--header-bg: var(--color-bg-primary);--header-border: var(--color-border);--header-text-primary: var(--color-text-primary);--header-text-secondary: var(--color-text-secondary);--header-search-bg: var(--color-bg-tertiary);--header-search-border: var(--color-border);--header-search-hover: var(--color-border);--header-search-border-hover: var(--color-text-disabled);--header-search-focus: var(--color-bg-primary);--header-search-focus-border: var(--color-primary);--header-hover: var(--color-bg-tertiary);--header-badge-bg: var(--color-error);--header-avatar-bg: var(--color-primary);--header-dropdown-bg: var(--color-bg-primary);--header-dropdown-border: var(--color-border);--header-dropdown-header-bg: var(--color-bg-secondary);--header-divider: var(--color-border);--header-danger: var(--color-error);--header-danger-hover: var(--color-error-bg-soft)}@media (max-width: 767px){.app-header{left:0;height:60px;padding:0 12px}.header-actions-bar{display:none}.user-menu-dropdown{width:min(300px,calc(100vw - 24px))}.user-menu-item{position:relative}.user-menu-item-badge{margin-left:auto;min-width:20px;padding:2px 6px;border-radius:10px;background:var(--header-badge-bg, #ef4444);color:var(--color-text-inverse);font-size:11px;font-weight:600;text-align:center;line-height:1.2}.dark-mode-toggle-menu i{width:18px;text-align:center}.header-left{flex:0 0 auto}.header-menu-button{width:40px;height:40px;border-radius:8px;border:none;background:transparent;color:var(--header-text-secondary, #6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:18px}.header-menu-button:hover{background:var(--color-bg-hover, #f9fafb)}.header-center--mobile-title{flex:1;display:flex;align-items:center;justify-content:center;min-width:0;padding:0 8px}.header-mobile-title-block{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;max-width:100%}.header-mobile-title{margin:0;font-size:18px;font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary, #111827);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.header-mobile-subtitle{margin:0;font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-normal, 400);color:var(--color-text-secondary, #6b7280);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.header-right{flex:0 0 auto;justify-content:flex-end;gap:8px}.header-action-btn{width:36px;height:36px}.user-menu-trigger{padding:4px;gap:8px}.user-avatar{width:32px;height:32px;font-size:12px}.user-chevron{font-size:9px}}.tech-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:1050;display:flex;align-items:stretch;justify-content:space-around;height:calc(var(--app-bottom-nav-height, 56px) + env(safe-area-inset-bottom,0px));padding:0 4px env(safe-area-inset-bottom,0px);background:var(--color-bg-primary, #fff);border-top:1px solid rgba(16,24,40,.08);box-shadow:0 -1px 2px #1018280a;box-sizing:border-box}.tech-bottom-nav__item{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 4px;text-decoration:none;color:var(--color-text-secondary, #64748b);font-size:10px;font-weight:500;line-height:1.2;-webkit-tap-highlight-color:transparent;border-radius:8px}.tech-bottom-nav__item .app-icon{line-height:1}.tech-bottom-nav__item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tech-bottom-nav__item.is-active{color:var(--color-primary, #3a63bb);font-weight:600}.tech-bottom-nav__item:focus-visible{outline:2px solid var(--color-primary, #3a63bb);outline-offset:2px}:root[data-theme=dark] .tech-bottom-nav,html[data-theme=dark] .tech-bottom-nav{background:var(--color-bg-primary, #1a1d29);border-top-color:#ffffff14}@media (min-width: 768px){.tech-bottom-nav{display:none}}body.sidebar-drawer-open .tech-bottom-nav{display:none}.skeleton{background:linear-gradient(90deg,var(--color-bg-secondary, #f3f4f6) 0%,var(--color-bg-tertiary, #e5e7eb) 50%,var(--color-bg-secondary, #f3f4f6) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--border-radius-sm, 4px)}.skeleton-text{height:16px}.skeleton-circle{border-radius:50%}.skeleton-text-container{width:100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-table-container{width:100%;overflow-x:auto}.skeleton-table{width:100%;border-collapse:collapse}.skeleton-table-header{padding:var(--space-md, 16px) var(--space-sm, 8px);background:var(--color-bg-tertiary, #f3f4f6)}.skeleton-table-row{border-bottom:1px solid var(--color-border, #e5e7eb)}.skeleton-table-cell{padding:var(--space-md, 16px) var(--space-sm, 8px)}.skeleton-card{padding:var(--space-lg, 24px);background:var(--color-bg-primary, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--border-radius-lg, 12px)}.skeleton-card-title{margin-bottom:var(--space-md, 16px)}.skeleton-card-content{margin-top:var(--space-md, 16px)}[data-theme=dark] .skeleton,html[data-theme=dark] .skeleton{background:linear-gradient(90deg,var(--color-bg-secondary, #2d3142) 0%,var(--color-bg-tertiary, #3a3f54) 50%,var(--color-bg-secondary, #2d3142) 100%);background-size:200% 100%}[data-theme=dark] .skeleton-table-header,html[data-theme=dark] .skeleton-table-header{background:var(--color-bg-tertiary, #2d3142)}[data-theme=dark] .skeleton-card,html[data-theme=dark] .skeleton-card{background:var(--color-bg-primary, #1a1d29);border-color:var(--color-border, #2d3142)}.page-route-fallback{display:flex;flex-direction:column;gap:var(--space-4, 16px);padding:var(--space-4, 16px);max-width:100%;animation:page-route-fallback-in .22s ease-out;min-height:240px}.page-route-fallback--pending{animation:none;opacity:0;pointer-events:none}.page-route-fallback__header{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.page-route-fallback__toolbar{display:flex;flex-wrap:wrap;gap:var(--space-3, 12px)}.page-route-fallback__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3, 12px)}.page-route-fallback__card{border-radius:var(--radius-md, 8px)}.page-route-fallback__content{flex:1}.page-route-fallback__content .skeleton{border-radius:var(--radius-md, 8px)}@media (min-width: 768px){.page-route-fallback{padding:var(--space-6, 24px);gap:var(--space-5, 20px)}.page-route-fallback__cards{grid-template-columns:repeat(4,minmax(0,1fr))}}@keyframes page-route-fallback-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.page-route-fallback{animation:none}}.auth-boot-shell{display:flex;min-height:100vh;width:100%;background:var(--color-bg-primary, #f3f4f6)}.auth-boot-shell__sidebar{display:none;width:240px;flex-shrink:0;padding:20px 16px;background:var(--color-bg-secondary, #fff);border-right:1px solid var(--color-border, #e5e7eb);box-sizing:border-box}.auth-boot-shell__brand{margin-bottom:28px}.auth-boot-shell__nav{display:flex;flex-direction:column;gap:10px}.auth-boot-shell__main{flex:1;min-width:0;display:flex;flex-direction:column}.auth-boot-shell__header{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 20px;background:var(--color-bg-secondary, #fff);border-bottom:1px solid var(--color-border, #e5e7eb)}.auth-boot-shell__content{display:flex;flex-direction:column;gap:16px;padding:24px 20px}.auth-boot-shell__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.auth-boot-shell__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (min-width: 768px){.auth-boot-shell__sidebar{display:block}.auth-boot-shell__cards{grid-template-columns:repeat(4,minmax(0,1fr))}.auth-boot-shell__content{padding:28px 32px}}[data-theme=dark] .auth-boot-shell,html[data-theme=dark] .auth-boot-shell{background:#12141c}[data-theme=dark] .auth-boot-shell__sidebar,[data-theme=dark] .auth-boot-shell__header,html[data-theme=dark] .auth-boot-shell__sidebar,html[data-theme=dark] .auth-boot-shell__header{background:#1a1d29;border-color:#2d3142}.breadcrumbs{margin-bottom:16px}.breadcrumbs-list{display:flex;align-items:center;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.breadcrumbs-item{display:flex;align-items:center;gap:8px}.breadcrumbs-link{color:var(--color-text-secondary, #6b7280);text-decoration:none;font-size:14px;transition:color .2s ease}.breadcrumbs-link:hover{color:var(--color-primary, #3a63bb);text-decoration:underline}.breadcrumbs-label{color:var(--color-text-secondary, #6b7280);font-size:14px}.breadcrumbs-current{color:var(--color-text-primary, #111827);font-size:14px;font-weight:500}.breadcrumbs-separator{color:var(--color-text-tertiary, #9ca3af);font-size:14px;-webkit-user-select:none;user-select:none}[data-theme=dark] .breadcrumbs-link,html[data-theme=dark] .breadcrumbs-link{color:var(--color-text-secondary, #d1d5db)}[data-theme=dark] .breadcrumbs-link:hover,html[data-theme=dark] .breadcrumbs-link:hover{color:var(--color-primary, #5b9bd5)}[data-theme=dark] .breadcrumbs-label,html[data-theme=dark] .breadcrumbs-label{color:var(--color-text-secondary, #d1d5db)}[data-theme=dark] .breadcrumbs-current,html[data-theme=dark] .breadcrumbs-current{color:var(--color-text-primary, #f9fafb)}[data-theme=dark] .breadcrumbs-separator,html[data-theme=dark] .breadcrumbs-separator{color:var(--color-text-tertiary, #6b7280)}@media (max-width: 768px){.breadcrumbs{margin-bottom:8px}.breadcrumbs-list{gap:6px}.breadcrumbs-link,.breadcrumbs-label,.breadcrumbs-current,.breadcrumbs-separator{font-size:13px}}.page-layout{width:100%;height:100%;display:flex;flex-direction:column;min-height:calc(100vh - 70px)}.page-content{flex:1;padding:16px;overflow-y:auto;overflow-x:hidden;background:var(--page-content-bg, #f9fafb);width:100%;max-width:100%;box-sizing:border-box;min-width:0;position:relative}@media (min-width: 768px){.page-content{padding:20px 24px}}.page-layout.full-width .page-content{padding:var(--space-xl, 32px)}@media (max-width: 767px){.page-layout{min-height:calc(100vh - 60px)}.page-layout.full-width .page-content{padding:var(--space-sm, 8px) var(--space-md, 16px) var(--space-md, 16px)}.page-layout.dashboard-page .page-content{padding-top:var(--space-xs, 4px)}.page-layout.dashboard-page .breadcrumbs{margin-bottom:var(--space-sm, 8px)}}.page-actions-inline{display:flex;align-items:center;gap:var(--space-md, 16px);flex-shrink:0;flex-wrap:wrap;margin-bottom:var(--space-lg, 24px)}@media (max-width: 767px){.page-actions-inline{width:100%;justify-content:flex-start}}[data-theme=dark] .page-layout,html[data-theme=dark] .page-layout{--page-header-bg: #1a1d29;--page-header-border: #2d3142;--page-title-color: #ffffff;--page-subtitle-color: #9ca3af;--page-content-bg: #0f1117}[data-theme=light] .page-layout,html[data-theme=light] .page-layout{--page-header-bg: #ffffff;--page-header-border: #e5e7eb;--page-title-color: #111827;--page-subtitle-color: #6b7280;--page-content-bg: #f9fafb}@media (max-width: 768px){.page-header-content{flex-direction:column;align-items:flex-start;padding:16px}.page-actions{width:100%;justify-content:flex-start}.page-content{padding:16px}}.card{background:#fff;border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-lg, 12px);transition:all var(--transition-base, .2s ease-in-out);display:flex;flex-direction:column;overflow:hidden;width:100%;max-width:100%;min-width:0;box-sizing:border-box;flex-shrink:0;contain:layout}.card-padding-none{padding:0}.card-padding-sm{padding:var(--space-sm, 8px)}.card-padding-md{padding:var(--space-md, 16px)}.card-padding-lg{padding:var(--space-lg, 24px)}.card-default,.card-elevated{box-shadow:none}.card-outlined{box-shadow:none;border-width:1px}.card-clickable,.card-hoverable{cursor:pointer;text-align:left;width:100%}.card-clickable:hover,.card-hoverable:hover{background:var(--color-bg-hover, #f9fafb)}.card-clickable:active{transform:translateY(0)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md, 16px);padding-bottom:var(--space-md, 16px);border-bottom:1px solid var(--color-border, #e5e7eb)}.card-header-content{flex:1;min-width:0}.card-header-actions{display:flex;align-items:center;gap:var(--space-sm, 8px);flex-shrink:0;margin-left:var(--space-md, 16px)}.card-content{flex:1;color:var(--color-text-secondary, #6b7280);font-size:var(--font-size-base, 16px);line-height:var(--line-height-normal, 1.5);min-width:0;max-width:100%;box-sizing:border-box}.card-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm, 8px);margin-top:var(--space-md, 16px);padding-top:var(--space-md, 16px);border-top:1px solid var(--color-border, #e5e7eb)}@media (max-width: 767px){.card-padding-md{padding:var(--space-sm, 8px)}.card-padding-lg{padding:var(--space-md, 16px)}.card-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm, 8px)}.card-header-actions{width:100%;margin-left:0;justify-content:flex-start}}[data-theme=dark] .card,html[data-theme=dark] .card{background:#1a1d29;border-color:#2d3142}[data-theme=dark] .card-clickable:hover,[data-theme=dark] .card-hoverable:hover,html[data-theme=dark] .card-clickable:hover,html[data-theme=dark] .card-hoverable:hover{background:#2d3142}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm, 8px);border:none;border-radius:var(--radius-md, 8px);font-weight:var(--font-weight-semibold, 600);cursor:pointer;transition:all var(--transition-base, .2s ease-in-out);white-space:nowrap;text-decoration:none;font-family:inherit;line-height:1}.btn:focus{outline:none;box-shadow:none}.btn:focus-visible{outline:2px solid var(--focus-ring-color, var(--color-primary, #3a63bb));outline-offset:2px;box-shadow:var(--focus-ring, 0 0 0 3px rgba(58, 99, 187, .35))}.btn:disabled,.btn-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-xs{padding:6px 12px;font-size:var(--font-size-xs, 12px);min-height:28px}.btn-sm{padding:var(--space-sm, 8px) var(--space-md, 16px);font-size:var(--font-size-sm, 14px);min-height:32px;height:32px;box-sizing:border-box}.btn-md{padding:var(--space-sm, 8px) var(--space-lg, 24px);font-size:var(--font-size-base, 16px);min-height:40px;height:40px;box-sizing:border-box}.btn-lg{padding:12px 24px;font-size:var(--font-size-lg, 18px);min-height:48px}@media (max-width: 767px){.btn-md,.btn-lg{min-height:44px}.btn-sm{min-height:32px;min-width:0}.btn-xs{min-height:28px;min-width:0}}.btn-primary{background:var(--color-primary, #3a63bb);color:var(--color-text-inverse, #ffffff);border:1px solid var(--color-primary, #3a63bb)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark, #2d4f99);border-color:var(--color-primary-dark, #2d4f99);color:var(--color-text-inverse, #ffffff)}.btn-primary:active:not(:disabled){transform:translateY(0);background:var(--color-primary-dark, #2d4f99)}.btn-secondary{background:var(--color-bg-primary, #ffffff);color:var(--color-text-primary, #111827);border:1px solid var(--color-border, #e5e7eb)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-hover, #f9fafb)}.btn-danger{background:var(--color-error, #ef4444);color:var(--color-text-inverse, #ffffff);border:1px solid var(--color-error, #ef4444)}.btn-danger:hover:not(:disabled){background:var(--color-error-dark, #dc2626);border-color:var(--color-error-dark, #dc2626);color:var(--color-text-inverse, #ffffff)}.btn-ghost{background:transparent;color:var(--color-text-primary, #111827);border:1px solid transparent}.btn-ghost:hover:not(:disabled){background:var(--color-bg-hover, #f9fafb)}.btn-link{background:transparent;color:var(--color-primary, #3a63bb);padding:0;text-decoration:underline}.btn-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1;vertical-align:middle}.btn-icon--lucide{width:1em;height:1em;color:currentColor}.btn-xs .btn-icon,.btn-xs .btn-icon--lucide{width:12px;height:12px;font-size:12px}.btn-sm .btn-icon,.btn-sm .btn-icon--lucide{width:14px;height:14px;font-size:14px}.btn-md .btn-icon,.btn-md .btn-icon--lucide{width:16px;height:16px;font-size:16px}.btn-lg .btn-icon,.btn-lg .btn-icon--lucide{width:18px;height:18px;font-size:18px}.btn-icon:before{display:block;font-size:inherit!important;line-height:1!important}@keyframes btn-icon-spin{to{transform:rotate(360deg)}}.btn-icon--spin{animation:btn-icon-spin .8s linear infinite}.btn-icon-only{padding:var(--space-sm, 8px);min-width:40px;aspect-ratio:1}.btn-sm.btn-icon-only{min-width:32px;padding:var(--space-xs, 4px)}.btn-md.btn-icon-only{min-width:40px;padding:var(--space-sm, 8px)}.btn-lg.btn-icon-only{min-width:48px;padding:var(--space-md, 16px)}.btn-icon-right{order:2}.btn-loading{position:relative;color:transparent}.btn-spinner{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;color:currentColor}.btn-primary .btn-spinner,.btn-danger .btn-spinner{color:var(--color-text-inverse, #ffffff)}.btn-secondary .btn-spinner,.btn-ghost .btn-spinner{color:var(--color-primary, #3a63bb)}.btn-full-width{width:100%}[data-theme=dark] .btn-primary,html[data-theme=dark] .btn-primary{background:var(--color-primary-light, #5b7fd8);color:var(--color-text-inverse, #ffffff);border-color:var(--color-primary-light, #5b7fd8)}[data-theme=dark] .btn-primary:hover:not(:disabled),html[data-theme=dark] .btn-primary:hover:not(:disabled){background:var(--color-primary, #3a63bb);border-color:var(--color-primary, #3a63bb)}[data-theme=dark] .btn-secondary,html[data-theme=dark] .btn-secondary{background:var(--color-bg-primary, #1a1d29);border-color:var(--color-border, #2d3142);color:var(--color-text-primary, #ffffff)}[data-theme=dark] .btn-secondary:hover:not(:disabled),html[data-theme=dark] .btn-secondary:hover:not(:disabled){background:var(--color-bg-hover, #2d3142)}[data-theme=dark] .btn-danger,html[data-theme=dark] .btn-danger{background:var(--color-error, #ef4444);color:var(--color-text-inverse, #ffffff);border-color:var(--color-error, #ef4444)}[data-theme=dark] .btn-danger:hover:not(:disabled),html[data-theme=dark] .btn-danger:hover:not(:disabled){background:var(--color-error-dark, #dc2626);border-color:var(--color-error-dark, #dc2626)}[data-theme=dark] .btn-ghost,html[data-theme=dark] .btn-ghost{background:#1a1d29}[data-theme=dark] .btn-ghost:hover:not(:disabled),html[data-theme=dark] .btn-ghost:hover:not(:disabled){background:#2d3142}.layout{display:flex;min-height:100vh;background:var(--layout-bg, #f9fafb)}.layout--has-tech-bottom-nav{--app-bottom-nav-height: var(--app-bottom-nav-height-active, 56px)}.layout--has-tech-bottom-nav .layout-content{padding-bottom:calc(var(--app-bottom-nav-height, 56px) + env(safe-area-inset-bottom,0px))}.layout-content{margin-left:0;margin-top:60px;flex:1;transition:margin-left .3s cubic-bezier(.4,0,.2,1);min-height:calc(100vh - 60px);overflow-x:hidden;overflow-y:auto;width:100%;max-width:100%;box-sizing:border-box}@media (min-width: 768px){.layout-content{margin-left:261px;margin-top:70px;min-height:calc(100vh - 70px);padding:0;border-top:none}.sidebar.collapsed~.layout-content{margin-left:71px}}.page-container{width:100%;height:100%;padding:0;margin:0;overflow:hidden}.page-container.page-enter{animation:page-enter .18s ease-out}@keyframes page-enter{0%{opacity:.92;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.page-container.page-enter{animation:none}}[data-theme=dark] .layout,html[data-theme=dark] .layout{--layout-bg: #0f1117}[data-theme=light] .layout,html[data-theme=light] .layout{--layout-bg: #f9fafb}@media (max-width: 767px){.layout-content{margin-left:0}.page-container{padding:0}}body.sidebar-drawer-open{position:fixed;left:0;right:0;width:100%;overflow:hidden}body.sidebar-drawer-open .layout-content{overflow:hidden!important;touch-action:none;pointer-events:none}body.sidebar-drawer-open .sidebar,body.sidebar-drawer-open .sidebar-nav{pointer-events:auto;touch-action:pan-y}.toast-container{position:fixed;top:80px;right:20px;z-index:99999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{background:var(--color-bg-primary, #fff);padding:16px 20px;border-radius:12px;box-shadow:0 8px 24px #00000026;display:flex;align-items:center;gap:12px;min-width:320px;max-width:400px;position:relative;overflow:hidden;pointer-events:all;border:1px solid var(--color-border, #e5e7eb);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .15s ease}.toast:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0003}.toast-enter{animation:slideInRight .3s cubic-bezier(.34,1.56,.64,1)}.toast-exit{animation:slideOutRight .3s ease forwards}@keyframes slideInRight{0%{transform:translate(calc(100% + 20px));opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(calc(100% + 20px));opacity:0}}.toast-icon{font-size:20px;flex-shrink:0}.toast-success{border-left:4px solid var(--color-success, #10b981)}.toast-success .toast-icon{color:var(--color-success, #10b981)}.toast-error{border-left:4px solid var(--color-error, #ef4444)}.toast-error .toast-icon{color:var(--color-error, #ef4444)}.toast-warning{border-left:4px solid var(--color-warning, #f59e0b)}.toast-warning .toast-icon{color:var(--color-warning, #f59e0b)}.toast-info{border-left:4px solid var(--color-primary, #3a63bb)}.toast-info .toast-icon{color:var(--color-primary, #3a63bb)}.toast-loading{border-left:4px solid var(--color-text-secondary, #6b7280)}.toast-loading .toast-icon{color:var(--color-text-secondary, #6b7280)}.toast-message{flex:1;font-size:14px;font-weight:500;color:var(--color-text-primary, #374151);line-height:1.5;white-space:pre-wrap}.toast-close{width:24px;height:24px;border-radius:6px;border:none;background:transparent;color:var(--color-text-tertiary, #9ca3af);font-size:12px;cursor:pointer;transition:background .2s ease,color .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-close:hover{background:var(--color-bg-hover, #f9fafb);color:var(--color-text-primary, #111827)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:currentColor;width:100%;transform-origin:left;animation:shrink linear forwards}@keyframes shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-success .toast-progress{color:var(--color-success, #10b981)}.toast-error .toast-progress{color:var(--color-error, #ef4444)}.toast-warning .toast-progress{color:var(--color-warning, #f59e0b)}.toast-info .toast-progress{color:var(--color-primary, #3a63bb)}html[data-theme=dark] .toast,:root[data-theme=dark] .toast{box-shadow:0 8px 24px #00000073}@media (max-width: 768px){.toast-container{top:70px;right:10px;left:10px}.toast{min-width:auto;width:100%}}.login-page{--login-max: 420px;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(1200px 600px at 10% -10%,rgba(58,99,187,.12),transparent 55%),radial-gradient(900px 500px at 100% 0%,rgba(201,162,39,.08),transparent 50%),var(--color-bg-secondary, #f9fafb);color:var(--color-text-primary, #111827);font-family:var(--font-family)}.login-page__bar{display:flex;align-items:center;justify-content:flex-end;padding:16px 20px;gap:12px}.login-page__main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 20px 40px;width:100%;box-sizing:border-box}.login-brand{width:100%;max-width:var(--login-max);text-align:center;margin-bottom:32px;animation:login-brand-in .48s cubic-bezier(.22,1,.36,1) both}.login-brand__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login-brand__logo{display:block;width:auto;max-width:280px;max-height:96px;margin:0 auto;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(58,99,187,.12))}.login-panel{width:100%;max-width:var(--login-max);background:var(--color-bg-primary, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-lg, 12px);padding:28px 24px 24px;box-shadow:none;animation:login-panel-in .52s cubic-bezier(.22,1,.36,1) 80ms both}.login-panel__title{margin:0 0 20px;font-size:1rem;font-weight:600;letter-spacing:.01em;color:var(--color-text-primary, #111827);text-align:left}@keyframes login-brand-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes login-panel-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.login-brand,.login-panel{animation:none}}.login-error{margin:0 0 16px;padding:12px 14px;border-radius:var(--radius-md, 8px);border:1px solid var(--color-error-bg, #fee2e2);background:var(--color-error-bg, #fee2e2);color:var(--color-error-dark, #dc2626);font-size:14px;line-height:1.4}.login-field{margin-bottom:16px}.login-field label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--color-text-secondary, #6b7280)}.login-field input{width:100%;box-sizing:border-box;min-height:48px;padding:12px 14px;border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);background:var(--color-bg-primary, #ffffff);color:var(--color-text-primary, #111827);font-size:16px;font-family:inherit;transition:border-color var(--transition-fast, .15s ease-in-out),box-shadow var(--transition-fast, .15s ease-in-out)}.login-field input::placeholder{color:var(--color-text-tertiary, #9ca3af)}.login-field input:focus{outline:none;border-color:var(--color-primary, #3a63bb);box-shadow:var(--focus-ring, 0 0 0 3px rgba(58, 99, 187, .35))}.login-field input:focus-visible{outline:none;border-color:var(--color-primary, #3a63bb);box-shadow:var(--focus-ring, 0 0 0 3px rgba(58, 99, 187, .35))}.login-field input:disabled{opacity:.6;cursor:not-allowed;background:var(--color-bg-tertiary, #f3f4f6)}.login-submit{width:100%;min-height:48px;margin-top:8px;padding:12px 20px;border:1px solid var(--color-primary-dark, #2d4f99);border-radius:var(--radius-md, 8px);background:var(--color-primary-dark, #2d4f99);color:var(--color-text-inverse, #ffffff);font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;opacity:1;transition:background var(--transition-fast, .15s ease-in-out),border-color var(--transition-fast, .15s ease-in-out)}.login-submit:hover:not(:disabled){background:var(--color-primary, #3a63bb);border-color:var(--color-primary, #3a63bb)}.login-submit:focus-visible{outline:2px solid var(--color-primary, #3a63bb);outline-offset:2px;box-shadow:var(--focus-ring)}.login-submit:disabled{opacity:.55;cursor:not-allowed}.login-notice{margin:18px 0 0;padding:12px 14px;border-radius:var(--radius-md, 8px);background:var(--color-bg-secondary, #f9fafb);border:1px solid var(--color-border, #e5e7eb);font-size:12px;line-height:1.45;color:var(--color-text-secondary, #6b7280);text-align:left}.login-notice strong{color:var(--color-text-primary, #111827);font-weight:600}[data-theme=dark] .login-page,html[data-theme=dark] .login-page{background:radial-gradient(1000px 500px at 0% 0%,rgba(91,127,216,.16),transparent 50%),var(--color-bg-secondary, #0f1117)}[data-theme=dark] .login-panel,html[data-theme=dark] .login-panel{background:var(--color-bg-primary, #1a1d29);border-color:var(--color-border, #2d3142)}[data-theme=dark] .login-field input,html[data-theme=dark] .login-field input{background:var(--color-bg-tertiary, #2d3142);border-color:var(--color-border, #2d3142);color:var(--color-text-primary, #ffffff)}[data-theme=dark] .login-notice,html[data-theme=dark] .login-notice{background:var(--color-bg-tertiary, #2d3142);border-color:var(--color-border, #2d3142)}@media (max-width: 480px){.login-panel{padding:22px 18px 20px}.login-brand__logo{max-width:220px;max-height:76px}}*{box-sizing:border-box;margin:0;padding:0}:root{font-family:var(--font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);line-height:1.6;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{overflow-x:hidden;width:100%;max-width:100%;box-sizing:border-box;background:var(--color-bg-secondary, #f9fafb)}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-bg-secondary, #f9fafb);color:var(--color-text-primary, #111827);overflow-x:hidden;width:100%;max-width:100%;box-sizing:border-box}html[data-theme=dark],:root[data-theme=dark]{color-scheme:dark}html[data-theme=dark],html[data-theme=dark] body{background:var(--color-bg-secondary, #0f1117);color:var(--color-text-primary, #ffffff)}button{font-family:inherit;cursor:pointer}a{text-decoration:none;color:inherit}:focus-visible{outline:2px solid var(--color-primary, #3a63bb);outline-offset:2px}:root{--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--color-primary: #3a63bb;--color-primary-dark: #2d4f99;--color-primary-light: #5b7fd8;--color-primary-bg: #eff6ff;--color-primary-border: #93b4e8;--color-brand-accent: #c9a227;--color-brand-accent-muted: #a8841a;--color-success: #10b981;--color-success-dark: #059669;--color-success-bg: #d1fae5;--color-error: #ef4444;--color-error-dark: #dc2626;--color-error-bg: #fee2e2;--color-warning: #f59e0b;--color-warning-dark: #d97706;--color-warning-bg: #fef3c7;--color-info: #3b82f6;--color-info-dark: #2563eb;--color-info-bg: #dbeafe;--color-text-primary: #111827;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-text-disabled: #d1d5db;--color-text-inverse: #ffffff;--color-bg-primary: #ffffff;--color-bg-secondary: #f9fafb;--color-bg-tertiary: #f3f4f6;--color-bg-hover: #f9fafb !important;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--color-border-dark: #d1d5db;--focus-ring-color: var(--color-primary);--focus-ring: 0 0 0 3px rgba(58, 99, 187, .35);--fsm-primary: var(--color-primary);--fsm-primary-bg: var(--color-primary-bg);--fsm-primary-border: var(--color-primary-border);--fsm-success: var(--color-success);--fsm-success-bg: var(--color-success-bg);--fsm-danger: var(--color-error);--fsm-danger-bg: var(--color-error-bg);--fsm-warning: var(--color-warning);--fsm-warning-bg: var(--color-warning-bg);--font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "IBM Plex Mono", "SF Mono", Monaco, Consolas, monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 28px;--font-size-4xl: 32px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--app-bottom-nav-height: 0px;--app-bottom-nav-height-active: 56px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--dashboard-kpi-height: 96px;--dashboard-hero-padding: var(--space-lg);--dashboard-section-gap: var(--space-lg);--dashboard-kpi-gap: var(--space-md);--dashboard-kpi-icon-size: 40px;--dashboard-kpi-value-size: var(--kpi-value-size-featured, 1.5rem);--color-kpi-warning-bg: #fef3c7;--color-kpi-danger-bg: #fee2e2;--kpi-tile-height: 72px;--kpi-tile-radius: 10px;--kpi-tile-padding-y: 10px;--kpi-tile-padding-x: 12px;--kpi-tile-gap: 4px;--kpi-tile-bg: var(--color-bg-primary);--kpi-tile-border-color: rgba(16, 24, 40, .08);--kpi-tile-border: 1px solid var(--kpi-tile-border-color);--kpi-tile-shadow: none;--kpi-tile-featured-bg: var(--color-bg-secondary);--kpi-tile-featured-border-color: rgba(16, 24, 40, .12);--kpi-value-size: 1.375rem;--kpi-value-size-featured: 1.5rem;--kpi-value-weight: 600;--kpi-value-tracking: -.02em;--kpi-value-color: var(--color-text-primary);--kpi-label-size: 11px;--kpi-label-weight: 500;--kpi-label-color: var(--color-text-tertiary);--kpi-label-tracking: .01em;--kpi-tone-warning: var(--color-warning-dark);--kpi-tone-danger: var(--color-error-dark);--kpi-tone-success: var(--color-success-dark);--kpi-tile-height-desktop: 68px;--workspace-padding-x: 24px;--workspace-padding-y: 20px;--workspace-section-gap: 20px;--workspace-toolbar-gap: 12px;--surface-border: 1px solid rgba(16, 24, 40, .08);--surface-radius-sm: 10px;--surface-radius-md: 12px;--surface-shadow: none;--surface-bg: var(--color-bg-primary);--table-cell-padding-y: 8px;--table-cell-padding-x: 14px;--table-header-font-size: 11px;--table-header-font-weight: 500;--table-header-color: var(--color-text-tertiary);--row-title-size: 15px;--row-title-weight: 600;--row-subtitle-size: 13px;--row-subtitle-weight: 400;--row-subtitle-color: #6b7280;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--inv-page-px: 12px;--inv-surface-page: var(--color-bg-secondary);--inv-surface-elevated: var(--color-bg-primary);--inv-border-subtle: rgba(16, 24, 40, .08);--inv-border-card: rgba(16, 24, 40, .08);--inv-text-primary: var(--color-text-primary);--inv-text-client: var(--color-text-secondary);--inv-font-client: 13px;--inv-font-client-weight: 400;--inv-text-secondary: var(--color-text-secondary);--inv-text-tab-inactive: #64748b;--inv-text-tab-active: var(--color-primary-dark);--inv-tab-active-bg: var(--color-primary-bg);--inv-tab-active-border: var(--color-primary-border);--inv-radius-sm: 10px;--inv-radius-input: 14px;--inv-radius-md: 12px;--inv-radius-card: 16px;--inv-radius-pill: 999px;--inv-shadow-card: none;--inv-height-kpi: 72px;--inv-height-search: 44px;--inv-height-tab: 36px;--density-name: compact;--color-background: var(--color-bg-primary);--color-bg: var(--color-bg-primary);--color-surface: var(--color-bg-primary);--color-error-bg-soft: #fef2f2;--color-error-text: #b91c1c;--color-error-text-strong: #991b1b;--color-error-border: #fecaca;--color-error-border-strong: #fca5a5;--color-success-text: #15803d;--color-success-text-alt: #16a34a;--color-success-text-strong: #047857;--color-success-text-deep: #166534;--color-success-text-deeper: #065f46;--color-success-bg-soft: #ecfdf5;--color-success-bg-tint: #dcfce7;--color-success-bg-pale: #f0fdf4;--color-success-bright: #22c55e;--color-success-border: #86efac;--color-success-border-mid: #6ee7b7;--color-success-border-soft: #bbf7d0;--color-success-border-pale: #a7f3d0;--color-warning-text: #92400e;--color-warning-text-strong: #b45309;--color-warning-text-deep: #9a3412;--color-warning-text-orange: #c2410c;--color-warning-bg-soft: #fff7ed;--color-warning-bg-pale: #fef9c3;--color-warning-border: #fdba74;--color-warning-border-soft: #fde68a;--color-warning-bright: #facc15;--color-warning-amber: #ca8a04;--color-info-text: #1d4ed8;--color-info-text-strong: #1e40af;--color-info-border: #bfdbfe;--color-info-bg-soft: #e0e7ff;--color-accent-indigo: #4338ca;--color-accent-indigo-dark: #3730a3;--color-accent-indigo-bright: #6366f1;--color-accent-violet: #7c3aed;--color-accent-violet-dark: #5b21b6;--color-accent-violet-bg: #f5f3ff;--color-accent-violet-bg-soft: #ede9fe;--color-accent-violet-bg-tint: #faf5ff;--color-accent-violet-border: #c4b5fd;--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-900: #0f172a;--color-gray-600: #4b5563;--color-gray-800: #1f2937;--color-bg-near-white: #fafafa;--color-bg-lavender: #fafaff;--color-text-near-black: #111;--color-error-bright: #f87171;--color-indigo-200: #c7d2fe;--color-warning-border-pale: #fed7aa;--color-success-bright-soft: #4ade80;--color-gray-700: #374151;--color-blue-400: #60a5fa;--color-primary-bg-tint: #e8eefc;--color-info-navy: #1e3a8a;--color-dark-surface: #2d3142;--color-dark-surface-alt: #3a3f54;--color-dark-surface-mid: #4a5064;--color-dark-bg: #1a1d29;--color-dark-bg-deep: #151821;--color-dark-danger-tint: #2d1f1f}html[data-density=compact],:root[data-density=compact]{--density-name: compact;--space-md: 12px;--space-lg: 20px;--space-xl: 28px;--kpi-tile-height: 64px;--kpi-tile-height-desktop: 64px;--kpi-tile-padding-y: 8px;--kpi-tile-padding-x: 10px;--kpi-value-size: 1.25rem;--kpi-value-size-featured: 1.375rem;--kpi-label-size: 10px;--workspace-padding-x: 20px;--workspace-padding-y: 16px;--workspace-section-gap: 14px;--workspace-toolbar-gap: 10px;--table-cell-padding-y: 6px;--table-cell-padding-x: 12px;--row-title-size: 14px;--row-subtitle-size: 12px;--inv-height-kpi: 64px;--inv-height-search: 40px;--dashboard-kpi-height: 80px;--dashboard-section-gap: var(--space-md);--dashboard-hero-padding: var(--space-md);--dashboard-kpi-gap: 12px;--dashboard-kpi-icon-size: 36px;--dashboard-kpi-value-size: var(--kpi-value-size-featured, 1.375rem)}html[data-density=comfort],:root[data-density=comfort]{--density-name: comfort;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--kpi-tile-height: 80px;--kpi-tile-height-desktop: 88px;--kpi-tile-padding-y: 12px;--kpi-tile-padding-x: 14px;--kpi-value-size: 1.5rem;--kpi-value-size-featured: 1.625rem;--kpi-label-size: 12px;--workspace-padding-x: 28px;--workspace-padding-y: 24px;--workspace-section-gap: 24px;--workspace-toolbar-gap: 14px;--table-cell-padding-y: 12px;--table-cell-padding-x: 16px;--row-title-size: 16px;--row-subtitle-size: 14px;--inv-height-kpi: 80px;--inv-height-search: 48px;--dashboard-kpi-height: 104px;--dashboard-section-gap: var(--space-lg);--dashboard-hero-padding: var(--space-lg);--dashboard-kpi-gap: var(--space-md);--dashboard-kpi-icon-size: 44px;--dashboard-kpi-value-size: var(--kpi-value-size-featured, 1.625rem)}[data-theme=dark],html[data-theme=dark]{--color-text-primary: #f3f4f6;--color-text-secondary: #b0b8c4;--color-text-tertiary: #9ca3af;--color-text-disabled: #6b7280;--color-text-inverse: #ffffff;--color-bg-primary: #1a1d29;--color-bg-secondary: #0f1117;--color-bg-tertiary: #2d3142;--color-bg-hover: #2d3142;--color-bg-near-white: #1f2333;--color-bg-lavender: #1e1f2e;--color-border: #3a3f54;--color-border-light: #4a5064;--color-border-dark: #2d3142;--color-primary: #5b7fd8;--color-primary-dark: #3a63bb;--color-primary-light: #7b98e4;--color-primary-bg: rgba(91, 127, 216, .18);--color-primary-border: rgba(91, 127, 216, .45);--color-primary-bg-tint: rgba(91, 127, 216, .12);--color-success: #34d399;--color-success-dark: #10b981;--color-success-bg: rgba(16, 185, 129, .18);--color-success-bg-soft: rgba(16, 185, 129, .12);--color-success-bg-tint: rgba(16, 185, 129, .14);--color-success-bg-pale: rgba(16, 185, 129, .1);--color-success-text: #6ee7b7;--color-success-text-alt: #34d399;--color-success-text-strong: #a7f3d0;--color-success-text-deep: #6ee7b7;--color-success-text-deeper: #a7f3d0;--color-success-border: rgba(52, 211, 153, .4);--color-success-border-mid: rgba(52, 211, 153, .35);--color-success-bright: #4ade80;--color-success-bright-soft: #4ade80;--color-error: #f87171;--color-error-dark: #ef4444;--color-error-bg: rgba(239, 68, 68, .18);--color-error-bg-soft: rgba(239, 68, 68, .12);--color-error-text: #fca5a5;--color-error-text-strong: #fecaca;--color-error-border: rgba(248, 113, 113, .4);--color-error-border-strong: rgba(248, 113, 113, .5);--color-error-bright: #f87171;--color-warning: #fbbf24;--color-warning-dark: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .18);--color-warning-border-soft: rgba(251, 191, 36, .35);--color-warning-border-pale: rgba(251, 191, 36, .28);--color-warning-bright: #facc15;--color-warning-amber: #fbbf24;--color-info: #60a5fa;--color-info-dark: #3b82f6;--color-info-bg: rgba(59, 130, 246, .18);--color-info-bg-soft: rgba(99, 102, 241, .14);--color-info-text: #93c5fd;--color-info-text-strong: #bfdbfe;--color-info-border: rgba(96, 165, 250, .4);--color-info-navy: #93c5fd;--color-accent-violet: #a78bfa;--color-accent-violet-dark: #8b5cf6;--color-accent-violet-bg: rgba(139, 92, 246, .16);--color-accent-violet-bg-soft: rgba(139, 92, 246, .12);--color-accent-violet-bg-tint: rgba(139, 92, 246, .1);--color-accent-violet-border: rgba(167, 139, 250, .4);--color-accent-indigo: #818cf8;--color-accent-indigo-dark: #6366f1;--color-accent-indigo-bright: #a5b4fc;--color-brand-accent: #e0c35a;--color-brand-accent-muted: #c9a227;--focus-ring-color: var(--color-primary-light);--focus-ring: 0 0 0 3px rgba(91, 127, 216, .45);--color-kpi-warning-bg: rgba(245, 158, 11, .18);--color-kpi-danger-bg: rgba(239, 68, 68, .18);--kpi-tile-border-color: rgba(255, 255, 255, .08);--kpi-tile-featured-border-color: rgba(255, 255, 255, .14);--kpi-tile-featured-bg: var(--color-bg-tertiary);--kpi-tone-warning: var(--color-warning);--kpi-tone-danger: var(--color-error);--kpi-tone-success: var(--color-success);--surface-border: 1px solid rgba(255, 255, 255, .1);--surface-bg: var(--color-bg-primary);--row-subtitle-color: var(--color-text-secondary);--inv-border-subtle: rgba(255, 255, 255, .08);--inv-border-card: rgba(255, 255, 255, .1);--inv-text-tab-inactive: #94a3b8;--inv-text-tab-active: var(--color-primary-light);--inv-tab-active-bg: var(--color-primary-bg);--inv-tab-active-border: var(--color-primary-border);--color-slate-50: #1f2333;--color-slate-100: #2d3142;--color-slate-200: #3a3f54;--color-slate-300: #4a5064;--color-slate-400: #94a3b8;--color-slate-500: #b0b8c4;--color-slate-600: #cbd5e1;--color-slate-700: #e2e8f0;--color-slate-900: #f8fafc;--color-gray-600: #9ca3af;--color-gray-700: #4b5563;--color-gray-800: #374151;--color-text-near-black: #f3f4f6;--color-indigo-200: #a5b4fc;--color-blue-400: #60a5fa;--color-background: var(--color-bg-primary);--color-bg: var(--color-bg-primary);--color-surface: var(--color-bg-primary)}:root{--motion-duration-instant: 0ms;--motion-duration-fast: .12s;--motion-duration-normal: .2s;--motion-duration-moderate: .28s;--motion-duration-slow: .36s;--motion-ease-out: cubic-bezier(.16, 1, .3, 1);--motion-ease-in-out: cubic-bezier(.4, 0, .2, 1);--motion-ease-in: cubic-bezier(.4, 0, 1, 1);--motion-ease-sheet: cubic-bezier(.32, .72, 0, 1);--motion-delay-1: 30ms;--motion-delay-2: 60ms;--motion-delay-3: 90ms;--motion-delay-4: .12s;--motion-delay-5: .16s;--motion-distance-sm: 6px}@keyframes inv-fade-up{0%{opacity:0;transform:translateY(var(--motion-distance-sm, 6px))}to{opacity:1;transform:translateY(0)}}@keyframes inv-fade-in{0%{opacity:0}to{opacity:1}}@keyframes inv-sheet-fade-in{0%{opacity:0}to{opacity:1}}@keyframes inv-sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes inv-popover-enter{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes inv-step-enter{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion: reduce){:root{--motion-duration-fast: 0ms;--motion-duration-normal: 0ms;--motion-duration-moderate: 0ms;--motion-duration-slow: 0ms;--motion-delay-1: 0ms;--motion-delay-2: 0ms;--motion-delay-3: 0ms;--motion-delay-4: 0ms;--motion-delay-5: 0ms}.inv-motion-enter,.inv-motion-crossfade,.mobile-filter-sheet-overlay,.mobile-filter-sheet,.ws-filter-popover,.wo-wiz__body--enter,.wo-wiz__step-head--enter{animation:none!important;transition:none!important}}.hover-bg:hover{background:var(--color-bg-hover)!important}.hover-interactive:hover,.hover-card:hover,.hover-row:hover,.hover-nav:hover{background:var(--color-bg-hover);transition:background var(--transition-base, .2s ease-in-out)}@media (max-width: 767px){button:not(.btn-sm):not(.btn-xs):not(.btn-icon-only):not(.wo-wiz__dot):not(.nav-item):not(.sidebar-close-mobile):not(.sidebar-overlay),.btn:not(.btn-sm):not(.btn-xs):not(.btn-icon-only),a[role=button]:not(.btn-sm):not(.btn-xs){min-height:44px;min-width:44px;padding:var(--space-sm, 8px) var(--space-md, 16px);font-size:var(--font-size-base, 16px)}button[class*=icon-only],.btn-icon-only{min-width:44px;min-height:44px;padding:var(--space-sm, 8px)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],textarea,select{min-height:44px;font-size:var(--font-size-base, 16px);padding:var(--space-sm, 8px) var(--space-md, 16px)}a:not(.btn){min-height:44px;display:inline-flex;align-items:center;padding:var(--space-xs, 4px) var(--space-sm, 8px)}input[type=checkbox],input[type=radio]{width:24px;height:24px;min-width:24px;min-height:24px}label:has(input[type=checkbox]),label:has(input[type=radio]){min-height:44px;display:flex;align-items:center;gap:var(--space-sm, 8px);padding:var(--space-xs, 4px) 0}.btn-sm{min-height:32px;min-width:0;font-size:var(--font-size-sm, 14px);padding:var(--space-sm, 8px) var(--space-md, 16px)}.btn-xs{min-height:28px;min-width:0;font-size:var(--font-size-xs, 12px);padding:6px 12px}}@media (max-width: 767px) and (prefers-reduced-motion: no-preference){*{will-change:auto}}@media (max-width: 767px) and (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 767px){html{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--color-primary, #3a63bb);border-radius:var(--radius-sm, 4px)}::-webkit-scrollbar-track{background:var(--color-bg-secondary, #f9fafb)}}@media (max-width: 767px){.modal-overlay,.modal-container{padding:var(--space-md, 16px)}.modal-content{max-width:100%;margin:0;border-radius:var(--radius-lg, 12px) var(--radius-lg, 12px) 0 0}.modal-footer,.confirm-dialog-footer{flex-direction:column}.modal-footer button,.confirm-dialog-footer button{width:100%;margin:0}.modal-footer button:not(:last-child),.confirm-dialog-footer button:not(:last-child){margin-bottom:var(--space-sm, 8px)}}@media (max-width: 640px){.table-cell{min-height:44px;padding:var(--space-sm, 8px) 0}.action-buttons{gap:var(--space-sm, 8px)}.action-buttons button{min-width:44px;min-height:44px}}@media (max-width: 767px){.form-group,.form-field{margin-bottom:var(--space-lg, 24px)}label{font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500);margin-bottom:var(--space-xs, 4px)}.error-message,.form-error{font-size:var(--font-size-sm, 14px);margin-top:var(--space-xs, 4px);padding:var(--space-xs, 4px) var(--space-sm, 8px)}}@media (max-width: 767px){.sidebar-drawer{width:min(85vw,320px)}.sidebar-nav-item,.menu-item{min-height:48px;padding:var(--space-sm, 8px) var(--space-md, 16px);font-size:var(--font-size-base, 16px)}.breadcrumbs{font-size:var(--font-size-xs, 12px);margin-bottom:var(--space-sm, 8px)}.breadcrumbs-item{margin-bottom:var(--space-xs, 4px)}}@media (max-width: 767px){.card{padding:var(--space-lg, 24px);margin-bottom:var(--space-md, 16px)}.stats-grid,.overview-stats{grid-template-columns:1fr;gap:var(--space-md, 16px)}}@media (max-width: 767px){.toolbar,.page-toolbar{flex-wrap:wrap;gap:var(--space-sm, 8px)}.toolbar input,.toolbar select{flex:1 1 100%;min-width:0}.toolbar button{flex:1 1 auto;min-width:120px}}@media (max-width: 767px){[data-theme=dark] ::-webkit-scrollbar-thumb,html[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--color-primary-dark, #4a7bc8)}[data-theme=dark] ::-webkit-scrollbar-track,html[data-theme=dark] ::-webkit-scrollbar-track{background:var(--color-bg-secondary, #0f1117)}}.dashboard-page{width:100%;height:100%}@media (max-width: 767px){.dashboard-page .overview-card[class*=-list-card]>.card-header{display:none}}.sidebar{width:240px;background:var(--color-bg-primary);color:var(--color-gray-700);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;overflow-y:auto;overflow-x:hidden;box-shadow:1px 0 4px #0000001a;border-right:1px solid var(--color-border);z-index:100;transition:width .2s ease}.sidebar.collapsed{width:64px}.sidebar-header{padding:var(--space-md, 16px);border-bottom:1px solid var(--color-border, #e5e7eb);display:flex;align-items:center;justify-content:space-between;min-height:64px}.sidebar.collapsed .sidebar-header{flex-direction:column;gap:var(--space-md, 16px);padding:var(--space-md, 16px)}.sidebar-toggle{width:32px;height:32px;border:none;background:var(--color-bg-tertiary, #f3f4f6);color:var(--color-gray-700);border-radius:var(--radius-md, 8px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base, .2s ease-in-out);flex-shrink:0}.sidebar-toggle:hover{background:var(--color-bg-hover, #f9fafb)}.sidebar.collapsed .sidebar-toggle{margin:0 auto}.sidebar-logo{display:flex;align-items:center;gap:var(--space-md, 16px);flex:1}.sidebar.collapsed .sidebar-logo{justify-content:center;width:100%}.sidebar.collapsed .sidebar-logo-text{display:none}.sidebar.collapsed .sidebar-logo img{margin:0}.sidebar-logo img{width:40px;height:40px;border-radius:var(--radius-md, 8px);background:var(--color-bg-primary);padding:var(--space-xs, 4px);object-fit:contain;flex-shrink:0}.sidebar-logo-text{display:flex;flex-direction:column}.sidebar-logo-title{font-size:var(--font-size-base, 16px);font-weight:var(--font-weight-semibold, 600);letter-spacing:.3px}.sidebar-logo-subtitle{font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-medium, 500);opacity:.8;letter-spacing:.5px}.sidebar-nav{flex:1;padding:var(--space-md, 16px) 0}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-md, 16px);padding:var(--space-sm, 8px) var(--space-md, 16px);color:var(--color-primary, #3a63bb);text-decoration:none;font-weight:500;font-size:var(--font-size-sm, 14px);transition:all var(--transition-base, .2s ease-in-out);border-left:3px solid transparent;cursor:pointer;background:transparent;border:none;width:100%;text-align:left;white-space:nowrap}.sidebar.collapsed .sidebar-nav-item{justify-content:center;padding:var(--space-sm, 8px)}.sidebar.collapsed .sidebar-nav-item span{display:none}.sidebar.collapsed .sidebar-nav-item-wrapper{position:relative}.sidebar-nav-item i{width:20px;font-size:var(--font-size-base, 16px);flex-shrink:0;text-align:center}.sidebar-nav-item:hover{background:var(--color-bg-hover, #f9fafb)}.sidebar:not(.collapsed) .sidebar-nav-item:hover{padding-left:20px}.sidebar-nav-item.active{background:var(--color-primary-bg, #eff6ff);color:var(--color-primary, #3a63bb);border-left-color:var(--color-info);font-weight:600}.sidebar.collapsed .sidebar-nav-item.active{border-left:none;border-right:3px solid var(--color-primary, #3a63bb);background:var(--color-primary-bg, #eff6ff)}.sidebar.collapsed .sidebar-nav-item{position:relative}.sidebar.collapsed .sidebar-nav-item:hover:after{content:attr(title);position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:var(--space-sm, 8px);padding:var(--space-xs, 4px) var(--space-sm, 8px);background:#1f2937;color:var(--color-text-inverse);border-radius:var(--radius-sm, 4px);font-size:var(--font-size-xs, 12px);white-space:nowrap;z-index:1000;box-shadow:0 2px 8px #0003;pointer-events:none}.sidebar-nav-item-wrapper{position:relative}.sidebar-nav-item-parent{display:flex;align-items:center;justify-content:space-between;position:relative;width:100%}.sidebar-nav-item-parent .sidebar-nav-arrow{margin-left:auto;font-size:var(--font-size-xs, 12px);transition:transform var(--transition-base, .2s ease-in-out);width:auto!important}.sidebar-nav-item-parent .sidebar-nav-arrow.open{transform:rotate(180deg)}.sidebar.collapsed .sidebar-nav-arrow{display:none}.sidebar-submenu{max-height:0;overflow:hidden;transition:max-height .2s ease;background:var(--color-bg-secondary, #f9fafb)}.sidebar-submenu.open{max-height:500px}.sidebar-nav-item-child{padding-left:48px!important;font-size:var(--font-size-sm, 14px);color:var(--color-primary, #3a63bb)}.sidebar:not(.collapsed) .sidebar-nav-item-child:hover{padding-left:52px!important;background:var(--color-bg-hover, #f9fafb)}.sidebar-nav-item-wrapper.has-active-submenu>.sidebar-nav-item-parent{background:var(--color-primary-bg, #eff6ff);color:var(--color-primary, #3a63bb)}.sidebar-nav-item-wrapper.has-active-submenu>.sidebar-nav-item-parent .sidebar-nav-arrow{transform:rotate(180deg)}.sidebar-footer{padding:var(--space-md, 16px) 0;border-top:1px solid var(--color-border, #e5e7eb)}.main-content{flex:1;margin-left:240px;display:flex;flex-direction:column;transition:margin-left .2s ease}.main-content.sidebar-collapsed{margin-left:64px}.dashboard-header{display:none}.dashboard-title-section{flex-shrink:0}.dashboard-title{font-size:var(--font-size-3xl, 28px);font-weight:var(--font-weight-bold, 700);color:#1f2937;margin:0}.dashboard-subtitle{font-size:var(--font-size-sm, 14px);color:var(--color-text-secondary);margin:var(--space-xs, 4px) 0 0 0}.dashboard-header-actions{display:flex;align-items:center;gap:16px;flex:1;justify-content:flex-end}.search-bar{position:relative;max-width:400px;flex:1}.search-bar i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);font-size:var(--font-size-base, 16px)}.search-bar input{width:100%;padding:12px 16px 12px 48px;border:2px solid var(--color-border, #e5e7eb);border-radius:var(--radius-lg, 12px);font-size:var(--font-size-sm, 14px);color:var(--color-gray-700);background:var(--color-bg-secondary, #f9fafb);transition:all var(--transition-base, .2s ease-in-out)}.search-bar input:focus{outline:none;border-color:var(--color-info);background:var(--color-bg-primary);box-shadow:0 0 0 3px #3b82f61a}.header-icons{display:flex;align-items:center;gap:var(--space-md, 16px)}.notification-btn{position:relative;width:44px;height:44px;border-radius:var(--radius-lg, 12px);border:none;background:var(--color-bg-tertiary, #f3f4f6);color:var(--color-gray-700);cursor:pointer;transition:all var(--transition-base, .2s ease-in-out);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg, 18px)}.notification-btn:hover{background:var(--color-bg-hover, #f9fafb)}.notification-badge{position:absolute;top:-4px;right:-4px;background:var(--color-error);color:var(--color-text-inverse);border-radius:50%;width:20px;height:20px;font-size:var(--font-size-xs, 12px);font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-bg-primary)}.dashboard-tabs-container{background:transparent;padding:0;margin-bottom:20px}.dashboard-tabs{display:flex;gap:4px;background:var(--color-bg-tertiary, #f3f4f6);padding:var(--space-xs, 4px);border-radius:var(--radius-md, 8px);width:fit-content}.dashboard-tab{padding:8px 20px;border:none;background:var(--color-bg-primary);color:var(--color-text-secondary);font-size:var(--font-size-sm, 14px);font-weight:500;border-radius:var(--radius-md, 8px);cursor:pointer;transition:all var(--transition-base, .2s ease-in-out);white-space:nowrap}.dashboard-tab:hover{background:var(--color-bg-hover, #f9fafb)}.dashboard-tab.active{background:var(--color-bg-primary);color:var(--color-text-primary);font-weight:600;box-shadow:0 1px 3px #0000001a}.dashboard-content{padding:0;flex:1;max-width:100%;width:100%;overflow-y:auto}.welcome-section{display:grid;grid-template-columns:1fr;gap:var(--space-md, 16px);margin-bottom:var(--space-lg, 24px);width:100%}@media (min-width: 768px){.welcome-section{grid-template-columns:repeat(2,1fr);gap:var(--space-md, 16px);margin-bottom:var(--space-lg, 24px)}}@media (min-width: 1024px){.welcome-section{grid-template-columns:repeat(3,1fr);gap:var(--space-md, 16px);margin-bottom:var(--space-lg, 24px)}}.stats-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md, 16px);margin-bottom:var(--space-lg, 24px);width:100%}@media (min-width: 640px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (min-width: 1024px){.stats-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}}.dashboard-empty{padding:var(--space-md, 16px);color:var(--color-text-secondary, #64748b);font-size:.95rem}.dual-section{display:grid;grid-template-columns:1fr;gap:var(--space-md, 16px);margin-bottom:var(--space-lg, 24px);width:100%}@media (min-width: 1024px){.dual-section{grid-template-columns:1.5fr 1fr;gap:16px;margin-bottom:20px}.dual-section-single{grid-template-columns:1fr}}.activities-section{display:grid;grid-template-columns:1fr;gap:var(--space-md, 16px);margin-bottom:var(--space-lg, 24px);width:100%}@media (min-width: 1024px){.activities-section{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}}.welcome-card{background:linear-gradient(135deg,var(--color-info) 0%,#1d4ed8 100%);border-radius:20px;padding:var(--space-xl, 32px);display:flex;align-items:center;gap:24px;box-shadow:0 10px 30px #3b82f64d;position:relative;overflow:hidden}.welcome-card:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%}.welcome-avatar{width:80px;height:80px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-4xl, 32px);color:var(--color-text-inverse);flex-shrink:0}.welcome-text{flex:1;z-index:1}.welcome-title{font-size:var(--font-size-3xl, 28px);font-weight:var(--font-weight-bold, 700);color:var(--color-text-inverse);margin:0 0 var(--space-sm, 8px) 0}.welcome-role{font-size:var(--font-size-sm, 14px);color:#ffffffe6;margin:0}.welcome-illustration{font-size:100px;color:#ffffff26;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.quick-actions-card{height:100%;min-height:400px}.card-title{font-size:var(--font-size-lg, 18px);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary, #111827);margin:0;line-height:var(--line-height-tight, 1.2)}.quick-actions{display:flex;flex-direction:column;gap:var(--space-sm, 8px);flex:1;justify-content:flex-start}.quick-action-btn{display:flex;align-items:center;gap:var(--space-sm, 8px);padding:var(--space-sm, 8px) var(--space-md, 16px);background:var(--color-bg-primary);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);font-weight:var(--font-weight-medium, 500);font-size:var(--font-size-sm, 14px);color:var(--color-primary, #3a63bb);cursor:pointer;transition:all var(--transition-base, .2s ease-in-out);text-align:left;box-shadow:none}.quick-action-btn:hover{background:var(--color-bg-hover, #f9fafb)}.quick-action-btn:active{box-shadow:none;transform:translateY(0)}.quick-action-btn i{font-size:var(--font-size-base, 16px);color:var(--color-primary, #3a63bb)}.stat-card{background:var(--color-bg-primary);border-radius:var(--radius-lg, 12px);padding:var(--space-lg, 24px);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-md, 16px);box-shadow:none;transition:all var(--transition-base, .2s ease-in-out);border:1px solid var(--color-border, #e5e7eb);min-height:140px}.stat-card:hover,.stat-card-clickable:hover{background:var(--color-bg-hover, #f9fafb)}.stat-card-clickable{cursor:pointer}.stat-card-clickable:active{box-shadow:none;transform:translateY(0)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md, 8px);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg, 18px);color:var(--color-text-inverse, #ffffff);background:var(--color-primary, #3a63bb);flex-shrink:0}.stat-number{font-size:var(--font-size-3xl, 28px);font-weight:var(--font-weight-bold, 700);color:var(--color-text-primary, #111827);display:flex;align-items:center;gap:var(--space-sm, 8px);line-height:var(--line-height-tight, 1.2);flex:1}.stat-scoped-hint{margin:var(--space-xs, 4px) 0 0;font-size:var(--font-size-xs, 11px);line-height:1.35;color:var(--color-text-secondary, #6b7280);font-weight:var(--font-weight-normal, 400)}.stat-change{font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-semibold, 600);color:var(--color-success, #10b981)}.stat-label{font-size:var(--font-size-sm, 14px);color:var(--color-text-secondary, #6b7280);font-weight:var(--font-weight-medium, 500);text-transform:uppercase;letter-spacing:.05em;margin-top:auto}.activities-section{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.activity-card{min-height:auto}.activity-list{flex:1}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md, 16px);padding-bottom:var(--space-md, 16px);border-bottom:1px solid var(--color-border, #e5e7eb)}.card-link{font-size:var(--font-size-sm, 14px);color:var(--color-primary, #3a63bb);font-weight:var(--font-weight-semibold, 600);text-decoration:none;transition:color var(--transition-base, .2s ease-in-out)}.filter-btn{width:36px;height:36px;border-radius:var(--radius-md, 8px);border:none;background:var(--color-bg-tertiary, #f3f4f6);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base, .2s ease-in-out);display:flex;align-items:center;justify-content:center}.filter-btn:hover{background:var(--color-bg-hover, #f9fafb)}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;align-items:center;gap:var(--space-md, 16px);padding:var(--space-md, 16px);background:var(--color-bg-primary, #ffffff);border-radius:var(--radius-md, 8px);border:1px solid var(--color-border, #e5e7eb);transition:all var(--transition-base, .2s ease-in-out);min-height:70px}.activity-item:hover{background:var(--color-bg-hover, #f9fafb)}.activity-icon{width:36px;height:36px;border-radius:var(--radius-md, 8px);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm, 14px);color:var(--color-text-inverse);flex-shrink:0}.activity-icon-blue,.activity-icon-green,.activity-icon-orange,.activity-icon-purple,.activity-icon-teal{background:var(--color-primary, #3a63bb)}.activity-info{flex:1}.activity-name{font-size:var(--font-size-sm, 14px);font-weight:600;color:#1f2937;margin-bottom:var(--space-xs, 4px)}.activity-status{font-size:var(--font-size-sm, 14px);color:var(--color-text-secondary)}.activity-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:var(--font-size-sm, 14px);color:var(--color-text-tertiary)}.activity-user{display:flex;align-items:center;gap:var(--space-xs, 4px)}.activity-time,.activity-date{font-weight:500;color:var(--color-text-secondary)}:root[data-theme=dark] .dashboard-layout,html[data-theme=dark] .dashboard-layout{background:var(--color-bg-secondary)!important}:root[data-theme=dark] .sidebar,html[data-theme=dark] .sidebar{background:var(--color-dark-bg)!important;color:var(--color-text-primary)!important;border-right-color:var(--color-gray-700)!important}:root[data-theme=dark] .sidebar-header,html[data-theme=dark] .sidebar-header{border-bottom-color:var(--color-gray-700)!important}:root[data-theme=dark] .sidebar-toggle,html[data-theme=dark] .sidebar-toggle{background:var(--color-gray-700)!important;color:var(--color-text-disabled)!important}:root[data-theme=dark] .sidebar-toggle:hover,html[data-theme=dark] .sidebar-toggle:hover{background:var(--color-bg-hover, #2d3142)!important}:root[data-theme=dark] .sidebar-nav-item,html[data-theme=dark] .sidebar-nav-item{color:#fffc!important}:root[data-theme=dark] .sidebar-nav-item:hover,html[data-theme=dark] .sidebar-nav-item:hover{background:var(--color-bg-hover, #2d3142)!important}:root[data-theme=dark] .sidebar-nav-item.active,html[data-theme=dark] .sidebar-nav-item.active{background:#3b82f626!important;color:var(--color-blue-400)!important}:root[data-theme=dark] .sidebar-submenu,html[data-theme=dark] .sidebar-submenu{background:#0000001a!important}:root[data-theme=dark] .sidebar-nav-item-child,html[data-theme=dark] .sidebar-nav-item-child{color:#ffffffb3!important}:root[data-theme=dark] .sidebar-nav-item-child:hover,html[data-theme=dark] .sidebar-nav-item-child:hover{background:var(--color-bg-hover, #2d3142)!important}:root[data-theme=dark] .sidebar-footer,html[data-theme=dark] .sidebar-footer{border-top-color:var(--color-gray-700)!important}:root[data-theme=dark] .sidebar-nav-item-wrapper.has-active-submenu>.sidebar-nav-item-parent,html[data-theme=dark] .sidebar-nav-item-wrapper.has-active-submenu>.sidebar-nav-item-parent{background:#3b82f626!important;color:var(--color-blue-400)!important}:root[data-theme=dark] .dashboard-header,html[data-theme=dark] .dashboard-header{background:#1f2937!important;border-bottom:1px solid var(--color-gray-700)}:root[data-theme=dark] .dashboard-tabs-container,html[data-theme=dark] .dashboard-tabs-container{background:transparent}:root[data-theme=dark] .dashboard-tabs,html[data-theme=dark] .dashboard-tabs{background:var(--color-gray-700)}:root[data-theme=dark] .dashboard-tab,html[data-theme=dark] .dashboard-tab{background:var(--color-dark-bg);color:var(--color-text-tertiary)}:root[data-theme=dark] .dashboard-tab:hover,html[data-theme=dark] .dashboard-tab:hover{background:var(--color-bg-hover, #2d3142)!important}:root[data-theme=dark] .dashboard-tab.active,html[data-theme=dark] .dashboard-tab.active{background:#1f2937;color:var(--color-text-primary);box-shadow:0 1px 3px #0000004d}:root[data-theme=dark] .dashboard-title,html[data-theme=dark] .dashboard-title{color:var(--color-text-primary)!important}:root[data-theme=dark] .dashboard-subtitle,html[data-theme=dark] .dashboard-subtitle{color:var(--color-text-tertiary)!important}:root[data-theme=dark] .search-bar input,html[data-theme=dark] .search-bar input{background:var(--color-gray-700)!important;border-color:#4b5563!important;color:var(--color-text-primary)!important}:root[data-theme=dark] .search-bar input:focus,html[data-theme=dark] .search-bar input:focus{border-color:var(--color-blue-400)!important;background:#4b5563!important}:root[data-theme=dark] .search-bar i,html[data-theme=dark] .search-bar i{color:var(--color-text-tertiary)!important}:root[data-theme=dark] .notification-btn,html[data-theme=dark] .notification-btn{background:var(--color-gray-700)!important;color:var(--color-text-disabled)!important}:root[data-theme=dark] .notification-btn:hover,html[data-theme=dark] .notification-btn:hover{background:var(--color-bg-hover, #2d3142)!important}:root[data-theme=dark] .welcome-card,html[data-theme=dark] .welcome-card,:root[data-theme=dark] .quick-actions-card,html[data-theme=dark] .quick-actions-card,:root[data-theme=dark] .stat-card,html[data-theme=dark] .stat-card,:root[data-theme=dark] .activity-card,html[data-theme=dark] .activity-card{background:#1f2937!important;border-color:var(--color-gray-700)!important}:root[data-theme=dark] .card-title,html[data-theme=dark] .card-title{color:var(--color-text-primary)!important}:root[data-theme=dark] .quick-action-btn,html[data-theme=dark] .quick-action-btn{background:var(--color-dark-bg)!important;border-color:var(--color-dark-surface)!important;color:var(--color-text-disabled)!important}:root[data-theme=dark] .quick-action-btn:hover,html[data-theme=dark] .quick-action-btn:hover{background:var(--color-bg-hover, #2d3142)!important}:root[data-theme=dark] .stat-card:hover,:root[data-theme=dark] .stat-card-clickable:hover,html[data-theme=dark] .stat-card:hover,html[data-theme=dark] .stat-card-clickable:hover{background:var(--color-bg-hover, #2d3142)!important}:root[data-theme=dark] .stat-number,html[data-theme=dark] .stat-number,:root[data-theme=dark] .activity-name,html[data-theme=dark] .activity-name{color:var(--color-text-primary)!important}:root[data-theme=dark] .stat-label,html[data-theme=dark] .stat-label,:root[data-theme=dark] .activity-status,html[data-theme=dark] .activity-status{color:var(--color-text-tertiary)!important}:root[data-theme=dark] .activity-item,html[data-theme=dark] .activity-item{background:var(--color-gray-700)!important}:root[data-theme=dark] .activity-item:hover,html[data-theme=dark] .activity-item:hover{background:var(--color-bg-hover, #2d3142)!important}:root[data-theme=dark] .filter-btn,html[data-theme=dark] .filter-btn{background:var(--color-gray-700)!important;color:var(--color-text-tertiary)!important}:root[data-theme=dark] .filter-btn:hover,html[data-theme=dark] .filter-btn:hover{background:var(--color-bg-hover, #2d3142)!important;color:var(--color-text-disabled)!important}:root[data-theme=dark] .section-title,html[data-theme=dark] .section-title{color:var(--color-text-primary)!important}:root[data-theme=dark] .overview-card,html[data-theme=dark] .overview-card,:root[data-theme=dark] .overview-card.full-width,html[data-theme=dark] .overview-card.full-width{background:#1f2937!important;border-color:var(--color-gray-700)!important}:root[data-theme=dark] .view-all-btn,html[data-theme=dark] .view-all-btn{background:var(--color-dark-bg)!important;color:var(--color-blue-400)!important}:root[data-theme=dark] .view-all-btn:hover,html[data-theme=dark] .view-all-btn:hover{background:var(--color-bg-hover, #2d3142)!important}:root[data-theme=dark] .overview-stat-item,html[data-theme=dark] .overview-stat-item{background:var(--color-bg-primary, #1a1d29)!important;border-color:var(--color-border, #2d3142)!important}:root[data-theme=dark] .overview-stat-item:hover,html[data-theme=dark] .overview-stat-item:hover{background:var(--color-bg-hover, #2d3142)!important}:root[data-theme=dark] .overview-stat-icon,html[data-theme=dark] .overview-stat-icon{color:var(--color-text-primary, #ffffff)!important}:root[data-theme=dark] .overview-stat-label,html[data-theme=dark] .overview-stat-label{color:var(--color-text-primary, #ffffff)!important}:root[data-theme=dark] .overview-stat-value,html[data-theme=dark] .overview-stat-value{color:var(--color-text-primary, #ffffff)!important}:root[data-theme=dark] .shipment-item,html[data-theme=dark] .shipment-item{background:var(--color-gray-700)!important;border-color:#4b5563!important}:root[data-theme=dark] .shipment-item:hover,html[data-theme=dark] .shipment-item:hover{background:var(--color-bg-hover, #2d3142)!important}:root[data-theme=dark] .shipment-title,html[data-theme=dark] .shipment-title{color:var(--color-text-primary)!important}:root[data-theme=dark] .shipment-date,html[data-theme=dark] .shipment-date{color:var(--color-text-tertiary)!important}.overview-section{margin-bottom:32px;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.dual-section{margin-bottom:16px;display:grid;grid-template-columns:1.5fr 1fr;gap:16px;align-items:start}.overview-card{height:100%}.view-all-btn{display:flex;align-items:center;gap:var(--space-sm, 8px);padding:var(--space-sm, 8px) var(--space-md, 16px);background:var(--color-bg-primary);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);font-weight:var(--font-weight-semibold, 600);font-size:var(--font-size-xs, 12px);color:var(--color-primary, #3a63bb);cursor:pointer;transition:all var(--transition-base, .2s ease-in-out);text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.view-all-btn:hover{background:var(--color-bg-hover, #f9fafb)}.view-all-btn:active{box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05));transform:translateY(0)}.overview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md, 16px);margin-top:var(--space-md, 16px);flex:1}@media (max-width: 1200px){.overview-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.overview-stats{grid-template-columns:1fr}}.overview-stats-horizontal{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px}.overview-stat-item{padding:var(--space-md, 16px);background:var(--color-bg-primary, #ffffff);border-radius:var(--radius-md, 8px);border:1px solid var(--color-border, #e5e7eb);transition:background var(--transition-base, .2s ease-in-out);display:flex;flex-direction:column;justify-content:space-between;min-height:100px}.overview-stat-item:hover{background:var(--color-bg-hover, #f9fafb)}.overview-stat-header{display:flex;align-items:center;gap:var(--space-sm, 8px);margin-bottom:var(--space-md, 16px)}.overview-stat-icon{font-size:var(--font-size-base, 16px);color:var(--color-text-primary, #111827)}.overview-stat-label{font-size:var(--font-size-sm, 14px);color:var(--color-text-primary, #111827);font-weight:var(--font-weight-medium, 500);flex:1}.overview-stat-value{font-size:var(--font-size-xl, 20px);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary, #111827);line-height:1.2;margin-bottom:var(--space-sm, 8px)}.overview-stat-footer{margin-top:auto;padding-top:var(--space-sm, 8px);border-top:1px solid var(--color-border-light, #f3f4f6)}.overview-stat-hint{font-size:var(--font-size-xs, 12px);color:var(--color-text-tertiary, #9ca3af)}.overview-stat-trend{display:flex;align-items:center;gap:4px;font-size:var(--font-size-sm, 14px);font-weight:600}.trend-up{color:var(--color-primary, #3a63bb)}.trend-down,.trend-neutral{color:var(--color-text-secondary, #6b7280)}.shipment-list{display:flex;flex-direction:column;gap:14px;margin-top:20px;flex:1}.shipment-item{display:flex;align-items:center;gap:var(--space-md, 16px);padding:var(--space-md, 16px);background:var(--color-bg-primary, #ffffff);border-radius:var(--radius-md, 8px);border:1px solid var(--color-border, #e5e7eb);transition:all var(--transition-base, .2s ease-in-out)}.shipment-item:hover{background:var(--color-bg-hover, #f9fafb)}.shipment-icon{width:40px;height:40px;border-radius:var(--radius-md, 8px);background:var(--color-primary, #3a63bb);color:var(--color-text-inverse, #ffffff);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg, 18px);flex-shrink:0}.shipment-info{flex:1}.shipment-title{font-size:var(--font-size-sm, 14px);font-weight:600;color:#1f2937;margin-bottom:var(--space-xs, 4px)}.shipment-date{font-size:var(--font-size-sm, 14px);color:var(--color-text-secondary)}.shipment-status{display:flex;align-items:center;gap:var(--space-xs, 4px);padding:var(--space-sm, 8px) var(--space-md, 16px);border-radius:var(--radius-full, 9999px);font-size:var(--font-size-sm, 14px);font-weight:600;white-space:nowrap}.status-success,.status-in-transit{background:var(--color-primary-bg, #eff6ff);color:var(--color-primary, #3a63bb)}.status-pending{background:var(--color-bg-tertiary, #f3f4f6);color:var(--color-text-secondary, #6b7280)}:root[data-theme=dark] .sidebar-submenu,html[data-theme=dark] .sidebar-submenu{background:#ffffff0d}:root[data-theme=dark] .sidebar-nav-item-child,html[data-theme=dark] .sidebar-nav-item-child{color:#ffffffb3}:root[data-theme=dark] .sidebar-nav-item-child:hover,html[data-theme=dark] .sidebar-nav-item-child:hover{color:var(--color-text-inverse);background:var(--color-bg-hover, #2d3142)}:root[data-theme=dark] .sidebar-nav-item-child.active,html[data-theme=dark] .sidebar-nav-item-child.active{color:var(--color-text-inverse);background:#ffffff1a;border-left-color:var(--color-info)}@media (max-width: 1400px){.welcome-section{grid-template-columns:1.5fr 1fr}.dual-section{grid-template-columns:1fr}.overview-stats-horizontal{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dual-section{grid-template-columns:1fr}}@media (max-width: 1024px){.dashboard-header{flex-wrap:wrap}.search-bar{order:3;flex-basis:100%;max-width:100%}.welcome-section{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.activities-section{grid-template-columns:1fr}}