@import"https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800&display=swap";.dw-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-weight:600;flex-shrink:0;overflow:hidden;-webkit-user-select:none;user-select:none}.dw-avatar--xs{width:22px;height:22px;font-size:9px}.dw-avatar--sm{width:28px;height:28px;font-size:11px}.dw-avatar--md{width:34px;height:34px;font-size:13px}.dw-avatar--lg{width:42px;height:42px;font-size:15px}.dw-avatar--xl{width:56px;height:56px;font-size:18px}.dw-avatar img{width:100%;height:100%;object-fit:cover}.dw-avatar--initials{color:#fff}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;z-index:var(--z-sidebar);display:flex;flex-direction:column;transition:transform var(--transition-slow);overflow-y:auto;overflow-x:hidden;background:url(/assets/sidebar/light_bg.png) center/cover no-repeat;color:var(--text-primary);border-right:1px solid rgba(0,0,0,.06);box-shadow:1px 0 8px #00000005}.sidebar:before{content:"";position:absolute;inset:0;background:#ffffff73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:-1}.sidebar.collapsed{transform:translate(-100%)}.sidebar__header{display:flex;align-items:center;gap:8px;padding:12px 10px 12px 14px;border-bottom:1px solid rgba(0,0,0,.06)}.sidebar__toggle{padding:7px;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:none;border:none;display:flex;flex-shrink:0}.sidebar__toggle:hover{color:var(--text-primary);background:#0000000a}.workspace-switcher{display:flex;align-items:center;gap:10px;padding:8px 0;cursor:pointer;transition:all var(--transition-fast);width:100%;background:transparent;border:none;text-align:left;color:var(--text-primary)}.workspace-switcher:hover{background:#0000000a}.workspace-switcher__icon{width:28px;height:28px;background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0}.workspace-switcher__info{flex:1;min-width:0}.workspace-switcher__name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-switcher__chevron{color:var(--text-muted);flex-shrink:0}.sidebar__search{padding:8px 14px;position:relative}.sidebar__search-icon{position:absolute;left:24px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.sidebar__search-input{width:100%;padding:7px 10px 7px 30px;border-radius:7px;border:1px solid rgba(0,0,0,.1);background:#00000008;color:var(--text-primary);font-size:12px;font-family:var(--font-family);transition:all var(--transition-fast)}.sidebar__search-input::placeholder{color:var(--text-muted)}.sidebar__search-input:focus{border-color:#0055fe40;background:var(--bg-secondary);box-shadow:0 0 0 3px #0055fe0f}.sidebar__quick-add{padding:4px 14px 10px}.sidebar__add-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:9px;border-radius:8px;background:linear-gradient(135deg,var(--primary-500),#2563EB);color:#fff;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 12px #2563eb33}.sidebar__add-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2563eb4d;filter:brightness(1.05)}.sidebar__add-btn:active{transform:translateY(0)}.sidebar__add-btn span{white-space:nowrap}.sidebar__module-hub{position:relative;padding:4px 10px}.sidebar__hub-btn{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border-radius:7px;font-size:13px;font-weight:600;color:var(--text-primary);background:#ffffff1a;border:1px solid rgba(0,0,0,.05);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-family:var(--font-family)}.sidebar__hub-btn:hover{background:#0000000a}.sidebar__hub-btn.open{background:#0055fe0f;border-color:#0055fe1a;color:var(--primary-500)}.sidebar__hub-btn span{flex:1}.sidebar__hub-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .25s cubic-bezier(.4,0,.2,1)}.sidebar__hub-chevron.open{transform:rotate(180deg);color:var(--primary-500)}.sidebar__hub-dropdown{position:absolute;top:calc(100% + 2px);left:10px;right:10px;background:var(--bg-secondary);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-md);padding:6px;box-shadow:0 8px 24px #00000014,0 2px 8px #0000000a;z-index:50;animation:dropdownSlide .18s cubic-bezier(.4,0,.2,1)}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sidebar__hub-option{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:6px;font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);text-align:left;font-family:var(--font-family)}.sidebar__hub-option:hover{background:#0000000a;color:var(--text-primary)}.sidebar__hub-option.active{background:#0055fe0f;color:var(--primary-500);font-weight:600}.sidebar__hub-option--manage{color:var(--text-muted);font-size:12px}.sidebar__hub-option--manage:hover{color:var(--primary-500)}.sidebar__hub-dot{width:8px;height:8px;border-radius:3px;flex-shrink:0;box-shadow:0 1px 3px #0000001a}.sidebar__hub-divider{height:1px;background:#0000000f;margin:4px 6px}.sidebar__active-module{padding:0 10px;animation:fadeSlideIn .22s cubic-bezier(.4,0,.2,1)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sidebar__active-label{display:flex;align-items:center;gap:8px;padding:10px 12px 6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted)}.sidebar__active-dot{width:7px;height:7px;border-radius:3px;flex-shrink:0}.sidebar__subpages{padding:4px 0 8px}.sidebar__subpage-item{display:flex;align-items:center;gap:9px;width:100%;padding:8px 12px 8px 18px;border-radius:7px;font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all .15s ease;text-align:left;font-family:var(--font-family);margin-bottom:1px}.sidebar__subpage-item:hover{background:#0000000a;color:var(--text-primary)}.sidebar__subpage-item.active{background:#0055fe14;color:var(--primary-600);font-weight:600}.sidebar__tree{padding:4px 0 4px 12px;margin-left:8px;border-left:1.5px solid rgba(0,0,0,.08)}.sidebar__tree-folder{margin-bottom:2px}.sidebar__tree-folder-btn{display:flex;align-items:center;gap:7px;width:100%;padding:7px 10px;border-radius:7px;font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);text-align:left;font-family:var(--font-family)}.sidebar__tree-folder-btn:hover{background:#0000000a;color:var(--text-primary)}.sidebar__tree-items{padding:2px 0 2px 8px}.sidebar__tree-item{display:flex;align-items:center;gap:8px;width:100%;padding:5px 10px 5px 16px;border-radius:6px;font-size:12.5px;font-weight:450;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);text-align:left;font-family:var(--font-family)}.sidebar__tree-item:hover{background:#0000000a;color:var(--text-primary)}.sidebar__tree-item.active{background:#0055fe14;color:var(--primary-600);font-weight:600}.sidebar__tree-folder-btn.active{color:var(--primary-600)}.sidebar__nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 12px;border-radius:6px;font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);text-align:left;font-family:var(--font-family)}.sidebar__nav-item:hover{background:#0000000a;color:var(--text-primary)}.sidebar__nav-item--logout:hover{background:#fef2f2!important;color:#ef4444!important}.sidebar__nav-item.active{background:#0055fe1a;color:var(--primary-600)}.sidebar__footer{padding:10px;border-top:1px solid rgba(0,0,0,.06)}.sidebar-overlay{display:none;position:fixed;inset:0;z-index:calc(var(--z-sidebar) - 1);animation:fadeIn .2s ease}[data-theme=dark] .sidebar{background:url(/assets/sidebar/dark_bg.png) center/cover no-repeat;color:#ffffffbf;border-right-color:#ffffff0a;box-shadow:1px 0 8px #0003}[data-theme=dark] .sidebar:before{background:#0f111a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=dark] .sidebar__header{border-bottom-color:#ffffff0f}[data-theme=dark] .sidebar__toggle{color:#fff6}[data-theme=dark] .sidebar__toggle:hover{color:#fffc;background:#ffffff0f}[data-theme=dark] .workspace-switcher{background:transparent;border:none;color:#ffffffd9}[data-theme=dark] .workspace-switcher:hover{background:#ffffff14}[data-theme=dark] .workspace-switcher__name{color:#ffffffe6}[data-theme=dark] .workspace-switcher__chevron{color:#ffffff59}[data-theme=dark] .sidebar__search-input{border-color:#ffffff0f;background:#ffffff0a;color:#fffc}[data-theme=dark] .sidebar__search-input::placeholder{color:#ffffff4d}[data-theme=dark] .sidebar__search-input:focus{border-color:#579bfc4d;background:#ffffff0f;box-shadow:0 0 0 3px #579bfc14}[data-theme=dark] .sidebar__search-icon{color:#ffffff4d}[data-theme=dark] .sidebar__hub-btn{color:#fffc}[data-theme=dark] .sidebar__hub-btn:hover{background:#ffffff0f}[data-theme=dark] .sidebar__hub-btn.open{background:#579bfc1a;border-color:#579bfc26;color:#579bfc}[data-theme=dark] .sidebar__hub-chevron{color:#ffffff4d}[data-theme=dark] .sidebar__hub-dropdown{background:#252830;border-color:#ffffff14;box-shadow:0 8px 24px #0000004d,0 2px 8px #0003}[data-theme=dark] .sidebar__hub-option{color:#fff9}[data-theme=dark] .sidebar__hub-option:hover{background:#ffffff0f;color:#ffffffe6}[data-theme=dark] .sidebar__hub-option.active{background:#579bfc1f;color:#579bfc}[data-theme=dark] .sidebar__hub-divider{background:#ffffff0f}[data-theme=dark] .sidebar__active-label{color:#ffffff59}[data-theme=dark] .sidebar__subpage-item{color:#ffffff8c}[data-theme=dark] .sidebar__subpage-item:hover{background:#ffffff0f;color:#ffffffe6}[data-theme=dark] .sidebar__subpage-item.active{background:#579bfc1f;color:#579bfc}[data-theme=dark] .sidebar__tree{border-left-color:#ffffff14}[data-theme=dark] .sidebar__tree-folder-btn{color:#ffffff73}[data-theme=dark] .sidebar__tree-folder-btn:hover{background:#ffffff0f;color:#ffffffd9}[data-theme=dark] .sidebar__tree-item{color:#ffffff80}[data-theme=dark] .sidebar__tree-item:hover{background:#ffffff0f;color:#ffffffe6;box-shadow:none}[data-theme=dark] .sidebar__nav-item{color:#ffffff80}[data-theme=dark] .sidebar__nav-item:hover{background:#ffffff0f;color:#ffffffe6}[data-theme=dark] .sidebar__footer{border-top-color:#ffffff0f}@media(max-width:768px){.sidebar{left:0;box-shadow:0 0 30px #00000026}.sidebar.collapsed+.sidebar-overlay{display:none}.sidebar:not(.collapsed)~.sidebar-overlay{display:block;background:#00000040;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.theme-toggle{position:relative;width:52px;height:28px;border-radius:var(--radius-full);cursor:pointer;border:none;padding:0;transition:all var(--transition-base);box-shadow:var(--neo-inset-sm);background:var(--gray-200)}[data-theme=dark] .theme-toggle{background:#3b82f633}.theme-toggle__track{position:absolute;inset:0;border-radius:var(--radius-full);overflow:hidden}.theme-toggle__thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-spring);box-shadow:0 1px 4px #00000026}[data-theme=dark] .theme-toggle__thumb{transform:translate(24px);background:var(--primary-500);color:#fff}.theme-toggle__icon{display:flex;align-items:center;justify-content:center;color:var(--warning);transition:color var(--transition-base)}[data-theme=dark] .theme-toggle__icon{color:#fff}.topbar{position:fixed;top:0;right:0;left:var(--sidebar-width);height:var(--topbar-height);z-index:var(--z-topbar);display:flex;align-items:center;justify-content:space-between;padding:0 28px;transition:left var(--transition-slow)}.topbar.sidebar-collapsed{left:0}.topbar__left{display:flex;align-items:center;gap:14px}.topbar__menu-btn{display:none;padding:7px;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:none;border:none}.topbar__menu-btn:hover{color:var(--text-primary);background:#0000000a}.sidebar-collapsed .topbar__menu-btn,.topbar.sidebar-collapsed .topbar__menu-btn{display:flex}.topbar__breadcrumb{display:flex;align-items:center;gap:6px;font-size:var(--font-sm);color:var(--text-muted)}.topbar__breadcrumb-item{color:var(--text-muted);transition:color var(--transition-fast);background:none;border:none;cursor:pointer;padding:0;font-size:var(--font-sm);font-family:var(--font-family);font-weight:400}.topbar__breadcrumb-item:hover{color:var(--primary-500)}.topbar__breadcrumb-item.current{color:var(--text-primary);font-weight:600;cursor:default}.topbar__breadcrumb-sep{color:var(--gray-300)}.topbar__search{position:relative;width:280px}.topbar__search-input{width:100%;padding:8px 14px 8px 36px;border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-full);background:#fff6;font-size:var(--font-sm);color:var(--text-primary);transition:all var(--transition-base);font-family:var(--font-family);box-shadow:var(--neo-inset-sm)}.topbar__search-input::placeholder{color:var(--text-muted)}.topbar__search-input:focus{background:#ffffffbf;border-color:#0055fe26;box-shadow:0 0 0 3px #0055fe0f,var(--neo-inset-sm);width:340px}.topbar__search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.topbar__search-shortcut{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--text-muted);background:#ffffff80;padding:2px 8px;border-radius:6px;border:1px solid rgba(0,0,0,.04);font-weight:500}.topbar__right{display:flex;align-items:center;gap:6px}.topbar__icon-btn{position:relative;padding:9px;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:none;border:none;display:flex}.topbar__icon-btn:hover{color:var(--text-primary);background:#00000008}.topbar__badge{position:absolute;top:5px;right:5px;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--danger),#DC2626);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #ef44444d}.topbar__profile{display:flex;align-items:center;gap:9px;padding:5px 12px 5px 5px;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);margin-left:6px;background:#ffffff4d;border:1px solid rgba(255,255,255,.4)}.topbar__profile:hover{background:#ffffff8c;box-shadow:var(--neo-shadow-sm)}.topbar__profile-name{font-size:var(--font-sm);font-weight:600;color:var(--text-primary)}@media(max-width:768px){.topbar{left:0;padding:0 16px}.topbar__menu-btn{display:flex!important}.topbar__search{width:160px}.topbar__search-input:focus{width:180px}.topbar__search-shortcut,.topbar__profile-name{display:none}}.toast-container{position:fixed;top:20px;right:20px;z-index:var(--z-toast);display:flex;flex-direction:column;gap:8px}.dw-toast{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:500;box-shadow:var(--shadow-lg);animation:slideInRight .3s ease,fadeIn .3s ease;min-width:280px;max-width:400px;background:var(--bg-primary);border-left:4px solid}[data-theme=dark] .dw-toast{box-shadow:0 8px 32px #00000080}[data-theme=dark] .dw-toast__close:hover{background:#ffffff1a;color:var(--text-primary)}.dw-toast--success{border-color:var(--success)}.dw-toast--error{border-color:var(--danger)}.dw-toast--info{border-color:var(--info)}.dw-toast--warning{border-color:var(--warning)}.dw-toast__icon{flex-shrink:0;display:flex}.dw-toast--success .dw-toast__icon{color:var(--success)}.dw-toast--error .dw-toast__icon{color:var(--danger)}.dw-toast--info .dw-toast__icon{color:var(--info)}.dw-toast--warning .dw-toast__icon{color:var(--warning)}.dw-toast__message{flex:1;color:var(--text-primary)}.dw-toast__close{flex-shrink:0;padding:2px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:none;border:none;display:flex}.dw-toast__close:hover{color:var(--text-primary);background:var(--gray-100)}.dw-modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalFadeIn .2s ease-out}.dw-modal-container{width:100%;max-width:500px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;max-height:90vh}.dw-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-glass)}.dw-modal-title{font-size:var(--font-xl);font-weight:700;color:var(--text-primary)}.dw-modal-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.dw-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.dw-modal-body{padding:var(--space-xl);overflow-y:auto}.dw-modal-footer{padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--border-glass);display:flex;justify-content:flex-end;gap:var(--space-md)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dw-form-group{margin-bottom:var(--space-lg)}.dw-form-label{display:block;font-size:var(--font-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-xs)}.dw-form-input{width:100%;padding:var(--space-md);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-sm);transition:all var(--transition-fast)}.dw-form-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-50)}.dw-form-textarea{resize:vertical;min-height:100px}.dw-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 20px;font-family:var(--font-family);font-size:var(--font-sm);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;line-height:1.4;letter-spacing:-.01em;position:relative;overflow:hidden}.dw-button:disabled{opacity:.45;cursor:not-allowed}.dw-button--primary{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-400) 100%);color:var(--text-inverse);box-shadow:0 2px 8px #0055fe33}.dw-button--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-500) 100%);box-shadow:0 4px 16px #0055fe4d;transform:translateY(-1px)}.dw-button--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #0055fe33}.dw-button--secondary{background:#fff9;color:var(--text-primary);border:1px solid rgba(255,255,255,.5);box-shadow:var(--neo-shadow-sm)}.dw-button--secondary:hover:not(:disabled){background:#fffc;box-shadow:var(--neo-shadow)}.dw-button--secondary:active:not(:disabled){box-shadow:var(--neo-inset-sm)}.dw-button--ghost{background:transparent;color:var(--text-secondary)}.dw-button--ghost:hover:not(:disabled){background:#0055fe0a;color:var(--primary-500)}.dw-button--danger{background:linear-gradient(135deg,var(--danger) 0%,#DC2626 100%);color:var(--text-inverse);box-shadow:0 2px 8px #ef444433}.dw-button--danger:hover:not(:disabled){box-shadow:0 4px 16px #ef44444d;transform:translateY(-1px)}.dw-button--outline{background:transparent;color:var(--primary-500);border:1.5px solid rgba(0,85,254,.2)}.dw-button--outline:hover:not(:disabled){background:#0055fe0a;border-color:#0055fe59}.dw-button--sm{padding:6px 14px;font-size:var(--font-xs);border-radius:var(--radius-sm)}.dw-button--lg{padding:12px 28px;font-size:var(--font-md);border-radius:var(--radius-md)}.dw-button--icon{padding:9px;border-radius:var(--radius-md)}.dw-button--full{width:100%}.dw-button .button-spinner{animation:spin .6s linear infinite;width:16px;height:16px}.app-layout{display:flex;min-height:100vh;background:var(--bg-body)}.app-layout__main{flex:1;margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));padding-top:var(--topbar-height);transition:all var(--transition-slow);min-height:100vh;position:relative}.app-layout__main.sidebar-collapsed{margin-left:0}.app-layout__content{padding:28px;animation:fadeIn .35s ease}@media(max-width:768px){.app-layout__main,.app-layout__main.sidebar-collapsed{margin-left:0}.app-layout__content{padding:18px}}.manager-layout{display:flex;min-height:100vh;background:var(--bg-body);scrollbar-gutter:stable}.manager-sidebar{width:260px;min-height:100vh;background:var(--bg-surface);border-right:1px solid var(--border-light);display:flex;flex-direction:column;padding:0;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:all .3s cubic-bezier(.4,0,.2,1)}.manager-sidebar.collapsed{width:72px}.manager-sidebar__header{display:flex;align-items:center;gap:12px;padding:20px 14px 16px;border-bottom:1px solid var(--border-light);min-height:77px}.manager-sidebar__toggle{background:var(--bg-hover);border:1px solid var(--border-light);border-radius:6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .2s}.manager-sidebar__toggle:hover{background:var(--primary-50);color:var(--primary-600)}.manager-sidebar__module-badge.mini{width:32px;height:32px;border-radius:8px;margin:0 auto}.manager-sidebar__module-badge{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 14px #00000026}.manager-sidebar__module-info{display:flex;flex-direction:column;gap:2px;min-width:0}.manager-sidebar__module-name{font-size:var(--font-sm);font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.manager-sidebar__module-role{font-size:11px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.manager-sidebar__nav{padding:12px 10px;display:flex;flex-direction:column;gap:2px}.manager-sidebar__nav-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:4px 10px 8px}.manager-sidebar__nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;border:none;background:transparent;width:100%;text-align:left;font-family:var(--font-family);overflow:hidden}.manager-sidebar__nav-item.collapsed{justify-content:center;padding:10px 0}.manager-sidebar__nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.manager-sidebar__nav-item.active{background:var(--bg-hover);color:var(--active-color, var(--primary-500));font-weight:600;position:relative}.manager-sidebar__nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:0 4px 4px 0;background:var(--active-color, var(--primary-500))}.manager-sidebar__footer{padding:12px 10px;border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:2px}.manager-sidebar__logout{color:var(--danger)!important}.manager-sidebar__logout:hover{background:#e2445c14!important}.manager-sidebar__user{display:flex;align-items:center;gap:10px;padding:12px 12px 6px;margin-top:4px}.manager-sidebar__user-info{display:flex;flex-direction:column;gap:1px;min-width:0}.manager-sidebar__user-name{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manager-sidebar__user-email{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manager-layout__main{flex:1;margin-left:260px;width:calc(100% - 260px);display:flex;flex-direction:column;min-height:100vh;transition:margin-left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);position:relative;overflow-x:hidden;background:var(--bg-body)}.manager-layout__main.expanded{margin-left:72px;width:calc(100% - 72px)}.manager-topbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--border-light);background:var(--bg-surface);position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.manager-topbar__left{display:flex;align-items:center;gap:12px}.manager-topbar__breadcrumb{display:flex;align-items:center;gap:8px;font-size:var(--font-sm)}.manager-topbar__breadcrumb-module{font-weight:700;letter-spacing:-.01em}.manager-topbar__breadcrumb-sep{color:var(--text-muted);font-weight:300}.manager-topbar__breadcrumb-page{color:var(--text-secondary);font-weight:500}.manager-topbar__right{display:flex;align-items:center;gap:14px}.manager-topbar__module-pill{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:100px;font-size:12px;font-weight:600;color:#fff;letter-spacing:-.01em}.manager-topbar__user{display:flex;align-items:center;gap:8px;font-size:var(--font-sm);font-weight:600;color:var(--text-primary)}.manager-layout__content{flex:1;padding:28px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;min-height:0}@keyframes manager-content-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.manager-layout__main.sprint-mode .manager-layout__content{padding:0;overflow:hidden;height:calc(100vh - 56px);display:flex;flex-direction:column}.manager-layout__main.sprint-mode .manager-layout__content>*{flex:1;display:flex;flex-direction:column;height:100%}.manager-layout__main.sprint-mode .brd{padding:16px 20px;max-width:none;margin:0;flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden}.manager-layout__main.sprint-mode .brd__kanban{flex:1;height:auto;overflow-x:auto;overflow-y:hidden;display:flex;padding-bottom:20px}.manager-layout__main.sprint-mode .brd__kanban::-webkit-scrollbar{height:8px}.manager-layout__main.sprint-mode .brd__kanban::-webkit-scrollbar-track{background:#00000005;border-radius:10px}.manager-layout__main.sprint-mode .brd__kanban::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.manager-layout__main.sprint-mode .brd__kanban::-webkit-scrollbar-thumb:hover{background:#0003}@media(max-width:768px){.manager-sidebar{transform:translate(-100%);width:280px}.manager-sidebar.open{transform:translate(0)}.manager-layout__main{margin-left:0}.manager-layout__content{padding:16px}}.employee-layout{display:flex;min-height:100vh;background:var(--bg-body)}.employee-sidebar{width:260px;min-height:100vh;background:var(--bg-surface);border-right:1px solid var(--border-light);display:flex;flex-direction:column;padding:0;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:transform .3s cubic-bezier(.4,0,.2,1)}.employee-sidebar__header{display:flex;align-items:center;gap:12px;padding:20px 18px 16px;border-bottom:1px solid var(--border-light)}.employee-sidebar__logo{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:transparent}.employee-sidebar__brand{display:flex;flex-direction:column;gap:2px;min-width:0}.employee-sidebar__brand-name{font-size:var(--font-sm);font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.employee-sidebar__brand-role{font-size:11px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.employee-sidebar__nav{padding:12px 10px;display:flex;flex-direction:column;gap:2px}.employee-sidebar__nav-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:4px 10px 8px}.employee-sidebar__nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;border:none;background:transparent;width:100%;text-align:left;font-family:var(--font-family)}.employee-sidebar__nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.employee-sidebar__nav-item.active{background:var(--bg-hover);color:var(--primary-500);font-weight:600;position:relative}.employee-sidebar__nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:0 4px 4px 0;background:var(--primary-500)}.employee-sidebar__footer{padding:12px 10px;border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:2px}.employee-sidebar__logout{color:var(--danger)!important}.employee-sidebar__logout:hover{background:#e2445c14!important}.employee-sidebar__user{display:flex;align-items:center;gap:10px;padding:12px 12px 6px;margin-top:4px}.employee-sidebar__user-info{display:flex;flex-direction:column;gap:1px;min-width:0}.employee-sidebar__user-name{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-sidebar__user-dept{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-layout__main{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh}.employee-topbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--border-light);background:var(--bg-surface);position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.employee-topbar__left{display:flex;align-items:center;gap:12px}.employee-topbar__breadcrumb{display:flex;align-items:center;gap:8px;font-size:var(--font-sm)}.employee-topbar__breadcrumb-root{font-weight:700;letter-spacing:-.01em;color:var(--primary-500)}.employee-topbar__breadcrumb-sep{color:var(--text-muted);font-weight:300}.employee-topbar__breadcrumb-page{color:var(--text-secondary);font-weight:500}.employee-topbar__right{display:flex;align-items:center;gap:14px}.employee-topbar__dept-pill{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:100px;font-size:12px;font-weight:600;background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-light)}.employee-topbar__user{display:flex;align-items:center;gap:8px;font-size:var(--font-sm);font-weight:600;color:var(--text-primary)}.employee-layout__content{flex:1;padding:28px;overflow-y:auto}@media(max-width:768px){.employee-sidebar{transform:translate(-100%);width:280px}.employee-sidebar.open{transform:translate(0)}.employee-layout__main{margin-left:0}.employee-layout__content{padding:16px}}.ai-chatbot-container{position:fixed;bottom:24px;right:24px;z-index:9999}.ai-chatbot-widget-group{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.ai-widget-bubble{background:var(--bg-surface);color:var(--text-primary);padding:8px 16px;border-radius:12px;font-size:13px;font-weight:600;box-shadow:0 4px 15px #0000001a;border:1px solid var(--border-light);position:relative;animation:bounce 2s infinite;white-space:nowrap}.ai-widget-bubble:after{content:"";position:absolute;bottom:-6px;right:20px;width:12px;height:12px;background:var(--bg-surface);border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light);transform:rotate(45deg)}.ai-chatbot-trigger{width:70px;height:70px;background:transparent;border:none;padding:0;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);filter:drop-shadow(0 8px 16px rgba(0,0,0,.15))}.ai-chatbot-trigger:hover{transform:scale(1.1);filter:drop-shadow(0 12px 24px rgba(0,0,0,.2))}.ai-trigger-badge{width:100%;height:100%;background:transparent;display:flex;align-items:center;justify-content:center;overflow:hidden}.ai-custom-icon,.ai-header-icon{width:100%;height:100%;object-fit:contain}.ai-icon-fallback{color:var(--primary-500)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.ai-chatbot-window{width:380px;height:600px;max-height:80vh;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 12px 40px #0003;animation:slideUp .3s ease-out;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-chatbot-header{padding:16px 20px;background:#ffffff08;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.ai-chatbot-header-title{display:flex;align-items:center;gap:12px}.ai-avatar{width:40px;height:40px;border-radius:0;background:transparent;display:flex;align-items:center;justify-content:center}.ai-chatbot-header-title h3{font-size:15px;font-weight:700;color:var(--text-primary);margin:0}.ai-chatbot-header-title span{font-size:11px;color:var(--text-muted)}.ai-chatbot-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.ai-chatbot-close:hover{background:var(--bg-hover);color:var(--text-primary)}.ai-chatbot-messages{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.ai-message{display:flex;max-width:85%}.ai-message.user{align-self:flex-end}.ai-message.assistant{align-self:flex-start}.ai-message-content{padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.5;word-break:break-word}.ai-message.user .ai-message-content{background:var(--primary-500);color:#fff;border-bottom-right-radius:4px}.ai-message.assistant .ai-message-content{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-light);border-bottom-left-radius:4px}.ai-message-content.loading{display:flex;align-items:center;gap:8px;font-style:italic;color:var(--text-muted)}.ai-chatbot-input-area{padding:16px;background:var(--bg-body);border-top:1px solid var(--border-light);display:flex;gap:12px}.markdown-body{font-size:14px;line-height:1.6}.markdown-body p{margin-bottom:8px}.markdown-body p:last-child{margin-bottom:0}.markdown-body strong{font-weight:700}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin-top:12px;margin-bottom:8px;font-weight:700}.markdown-body h3{font-size:15px}.markdown-body ul,.markdown-body ol{margin-top:8px;margin-bottom:8px;padding-left:20px}.markdown-body li{margin-bottom:4px}.ai-chatbot-input-area input{flex:1;background:var(--bg-secondary);border:1px solid var(--border-light);padding:12px 16px;border-radius:100px;color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s}.ai-chatbot-input-area input:focus{border-color:var(--primary-500)}.ai-send-btn{width:44px;height:44px;border-radius:50%;background:var(--primary-500);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.ai-send-btn:hover:not(:disabled){background:var(--primary-600);transform:scale(1.05)}.ai-send-btn:disabled{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed}@media(max-width:480px){.ai-chatbot-window{position:fixed;inset:0;width:100%;height:100%;max-height:100%;border-radius:0}}.login-page{display:flex;height:100vh;background:var(--bg-body);overflow:hidden}.login-page__brand{flex:1;height:100%;background:linear-gradient(145deg,#001A4D 0%,var(--primary-700) 35%,var(--primary-500) 70%,var(--primary-400) 100%);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:15vh 48px 48px;color:#fff;position:relative;overflow:hidden}.login-page__brand:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.06) 0%,transparent 70%);top:-100px;right:-100px}.login-page__brand:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.04) 0%,transparent 70%);bottom:-80px;left:-80px}.login-page__brand-logo{font-size:2.2rem;font-weight:800;margin-bottom:14px;display:flex;align-items:center;gap:14px;z-index:1;letter-spacing:-.03em}.logo-img{width:48px;height:48px;object-fit:contain;background:transparent;padding:0}.login-page__brand-tagline{font-size:var(--font-md);opacity:.8;max-width:380px;text-align:center;z-index:1;line-height:1.7;font-weight:300}.login-page__brand-features{margin-top:48px;display:flex;flex-direction:column;gap:18px;z-index:1}.login-page__brand-feature{display:flex;align-items:center;gap:14px;font-size:var(--font-sm);font-weight:400;opacity:.85}.login-page__brand-feature-icon{width:40px;height:40px;border-radius:var(--radius-md);background:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(255,255,255,.12)}.login-page__form-section{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:15vh 48px 48px;background:var(--bg-body);position:relative;overflow-y:auto}.login-page__theme-toggle{position:absolute;top:24px;right:28px}.login-page__form-container{width:100%;max-width:400px;animation:fadeInUp .5s cubic-bezier(.4,0,.2,1)}.login-page__form-title{font-size:var(--font-3xl);font-weight:800;color:var(--text-primary);margin-bottom:6px;letter-spacing:-.03em}.login-page__form-subtitle{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:36px}.login-page__form{display:flex;flex-direction:column;gap:16px}.login-page__field{display:flex;flex-direction:column;gap:4px}.login-page__label{font-size:var(--font-sm);font-weight:600;color:var(--text-primary)}.login-page__input{padding:12px 16px;border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-md);font-size:var(--font-base);color:var(--text-primary);background:#ffffff80;transition:all var(--transition-base);font-family:var(--font-family);box-shadow:var(--neo-inset-sm)}.login-page__input:focus{background:#fffc;border-color:#0055fe33;box-shadow:0 0 0 4px #0055fe0f,var(--neo-inset-sm)}.login-page__input::placeholder{color:var(--text-muted)}.login-page__row{display:flex;align-items:center;justify-content:space-between}.login-page__checkbox{display:flex;align-items:center;gap:8px;font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer}.login-page__checkbox input{accent-color:var(--primary-500);width:16px;height:16px}.login-page__forgot{font-size:var(--font-sm);color:var(--primary-500);font-weight:600}.login-page__forgot:hover{color:var(--primary-600)}.login-page__submit{padding:13px;border:none;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-400) 100%);color:#fff;font-size:var(--font-md);font-weight:700;cursor:pointer;transition:all var(--transition-base);font-family:var(--font-family);box-shadow:0 4px 16px #0055fe40;letter-spacing:-.01em}.login-page__submit:hover{box-shadow:0 6px 24px #0055fe59;transform:translateY(-1px)}.login-page__submit:active{transform:translateY(0)}.login-page__divider{display:flex;align-items:center;gap:14px;color:var(--text-muted);font-size:var(--font-xs);font-weight:500}.login-page__divider:before,.login-page__divider:after{content:"";flex:1;height:1px;background:#0000000f}.login-page__social{display:flex;gap:12px}.login-page__social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border-radius:var(--radius-md);background:#ffffff80;font-size:var(--font-sm);font-weight:600;color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-family);border:1px solid rgba(0,0,0,.04);box-shadow:var(--neo-shadow-sm)}.login-page__social-btn:hover{background:#ffffffbf;box-shadow:var(--neo-shadow);transform:translateY(-1px)}.login-page__footer{margin-top:28px;text-align:center;font-size:var(--font-sm);color:var(--text-secondary)}.login-page__footer a{color:var(--primary-500);font-weight:700}.login-page__demo-creds{margin-top:40px;z-index:1;background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);padding:16px 20px;width:100%;max-width:380px}.login-page__demo-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;opacity:.9}.login-page__demo-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:5px 0;opacity:.75}.login-page__demo-row span:first-child{font-weight:600;opacity:.9}.login-page__demo-row span:last-child{font-family:SF Mono,Fira Code,monospace;font-size:11px;opacity:.7}.login-page__error{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#e2445c14;border:1px solid rgba(226,68,92,.2);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--danger, #E2445C);font-weight:500;margin-bottom:4px;animation:fadeInUp .3s ease}.spin-icon{animation:spin 1s linear infinite}.login-page__submit:disabled,.login-page__social-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.login-page__submit:disabled:hover{box-shadow:0 4px 16px #0055fe40}.login-page__submit{display:flex;align-items:center;justify-content:center;gap:8px}@media(max-width:768px){.login-page__brand{display:none}.login-page__form-section{padding:24px}}.brd{padding:0 32px 32px;max-width:1440px;margin:0 auto;font-family:Figtree,sans-serif;animation:brd-fadeIn .4s ease-out}@keyframes brd-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.brd__banner{position:relative;height:180px;border-radius:20px;margin-bottom:32px;padding:40px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.brd__banner-bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:1}.brd__banner-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.4) 0%,transparent 100%);z-index:1}.brd__banner-content{position:relative;z-index:2;color:#fff}.brd__banner-path{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;opacity:.6;margin-bottom:8px}.brd__banner-path span{cursor:pointer;transition:opacity .2s}.brd__banner-path span:hover{opacity:1}.brd__banner-content h1{font-size:32px;font-weight:800;margin-bottom:4px}.brd__banner-content p{font-size:14px;opacity:.8}.brd__toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:var(--bg-primary);padding:8px;border-radius:14px;border:1px solid rgba(0,0,0,.08)}.brd__tabs{display:flex;gap:8px}.brd__tab{border:none;background:transparent;padding:10px 20px;font-size:14px;font-weight:600;color:var(--text-muted);cursor:pointer;border-radius:10px;display:flex;align-items:center;gap:10px;transition:all .2s}.brd__tab:hover{background:#00000005;color:var(--text-primary)}.brd__tab.active{background:var(--primary-50);color:var(--primary-600)}.brd__actions{display:flex;gap:16px;align-items:center}.brd__search{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid rgba(0,0,0,.08);border-radius:10px;background:var(--bg-primary);min-width:240px}.brd__search input{border:none;background:transparent;font-size:13px;color:var(--text-primary);outline:none;width:100%}.brd__kanban{display:flex;gap:24px;overflow-x:auto;padding-bottom:16px;min-height:600px}.brd__column{min-width:320px;width:320px;display:flex;flex-direction:column;gap:16px}.brd__column-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-primary);border:1px solid rgba(0,0,0,.08);border-radius:12px}.brd__column-title{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--text-primary)}.brd__column-dot{width:8px;height:8px;border-radius:50%}.brd__column-count{font-size:12px;color:var(--text-muted);background:#0000000a;padding:2px 8px;border-radius:100px}.brd__column-add{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.brd__column-add:hover{background:var(--primary-50);color:var(--primary-600)}.brd__column-body{display:flex;flex-direction:column;gap:12px;min-height:200px;padding:4px;border-radius:12px;transition:background .2s}.brd__column-body.dragging-over{background:#00000005}.brd__card{background:var(--bg-primary);border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:12px}.brd__card:hover{transform:translateY(-2px);border-color:#00000026;box-shadow:0 4px 12px #0000000d}.brd__card.dragging{transform:rotate(2deg) scale(1.02);box-shadow:0 12px 32px #0000001f;border-color:var(--primary-300)}.brd__card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.brd__card-name{font-size:14px;font-weight:600;color:var(--text-primary);line-height:1.4;flex:1}.brd__card-footer{display:flex;justify-content:space-between;align-items:center}.brd__card-meta{display:flex;align-items:center;gap:12px}.brd__card-date{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:4px;font-weight:500}.brd__card-grip{color:var(--text-muted);opacity:.3}.brd__table-container{background:var(--bg-primary);border:1px solid rgba(0,0,0,.08);border-radius:20px;overflow:hidden}.brd__table{width:100%;border-collapse:collapse}.brd__table th{text-align:left;padding:14px 20px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;background:#00000005;border-bottom:1px solid rgba(0,0,0,.08)}.brd__table td{padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.03);font-size:13px;vertical-align:middle}.brd__table tr:hover{background:#00000003;cursor:pointer}.brd__cell-person{display:flex;align-items:center;gap:8px;font-weight:500}.brd__cell-date{color:var(--text-muted);font-size:12px}.brd__table-actions{display:flex;gap:8px}.brd__icon-btn{width:30px;height:30px;border-radius:8px;border:1px solid rgba(0,0,0,.08);background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.brd__icon-btn:hover{background:var(--primary-50);color:var(--primary-600);border-color:#00000026}.brd__icon-btn.danger:hover{background:#fef2f2;color:#ef4444;border-color:#fee2e2}.brd__tag{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}.brd__tag-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.brd__tag--done,.brd__tag--completed{background:#10b9811a;color:#10b981}.brd__tag--in-progress{background:#f59e0b1a;color:#f59e0b}.brd__tag--to-do,.brd__tag--planning{background:#3b82f61a;color:#3b82f6}.brd__tag--not-started{background:#6c7a961a;color:#6c7a96}.brd__tag--in-review{background:#a25ddc1a;color:#a25ddc}.brd__tag--stuck,.brd__tag--critical{background:#ef44441a;color:#ef4444}.brd__tag--high{background:#f973161a;color:#f97316}.brd__tag--medium{background:#3b82f61a;color:#3b82f6}.brd__tag--low{background:#6b72801a;color:#6b7280}.brd__drawer-overlay{position:fixed;inset:0;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}.brd__drawer{position:fixed;right:0;top:0;height:100%;width:480px;background:var(--bg-primary);border-left:1px solid rgba(0,0,0,.1);z-index:1001;animation:slideIn .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.brd__drawer-header{padding:24px;border-bottom:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center}.brd__drawer-header h2{font-size:18px;font-weight:700;color:var(--text-primary)}.brd__drawer-header button{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:50%}.brd__drawer-header button:hover{background:#0000000d;color:var(--text-primary)}.brd__drawer-content{padding:32px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:32px}.brd__drawer-title h3{font-size:20px;font-weight:800;color:var(--text-primary);margin-bottom:12px;line-height:1.3}.brd__drawer-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.brd__drawer-item label{display:block;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin-bottom:8px;letter-spacing:.5px}.brd__drawer-item div{font-size:14px;font-weight:600;color:var(--text-primary)}.brd__drawer-actions{display:flex;flex-direction:column;gap:12px;margin-top:auto;padding-top:24px;border-top:1px solid rgba(0,0,0,.05)}.brd__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px;text-align:center;gap:16px;color:var(--text-muted)}.brd__placeholder h3{font-size:20px;font-weight:700;color:var(--text-primary)}.brd__placeholder p{font-size:14px;max-width:320px}[data-theme=dark] .brd__toolbar,[data-theme=dark] .brd__column-header,[data-theme=dark] .brd__card,[data-theme=dark] .brd__table-container,[data-theme=dark] .brd__drawer{background:#ffffff05;border-color:#ffffff0f}[data-theme=dark] .brd__tab.active{background:#ffffff14;color:#fff}[data-theme=dark] .brd__search{border-color:#ffffff0f}[data-theme=dark] .brd__table th{background:#ffffff08}[data-theme=dark] .brd__icon-btn{border-color:#ffffff0f}.dw-badge{display:inline-flex;align-items:center;padding:2px 10px;font-size:var(--font-xs);font-weight:600;border-radius:var(--radius-full);white-space:nowrap;line-height:1.6}.dw-badge--status{color:#fff;min-width:80px;justify-content:center;padding:4px 12px;border-radius:var(--radius-sm);font-size:12px}.dw-badge--priority{color:#fff;padding:3px 10px;border-radius:var(--radius-sm);font-size:11px;text-transform:capitalize}.dw-badge--tag{padding:2px 9px;font-size:11px;font-weight:600;border:1px solid;border-radius:var(--radius-sm)}.dw-badge--role{padding:3px 10px;color:#fff;font-size:11px}.dw-badge--dot{width:8px;height:8px;border-radius:50%;padding:0;margin-right:6px;flex-shrink:0}[data-theme=dark] .dw-badge--tag{filter:none}.hr-dashboard{padding:0 32px 32px;max-width:1400px;margin:0 auto;animation:fadeIn .4s ease-out}.hr-dashboard__banner{position:relative;height:260px;border-radius:20px;overflow:hidden;margin-bottom:32px;display:flex;flex-direction:column;justify-content:flex-end;padding:48px}.hr-dashboard__banner-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(https://images.unsplash.com/photo-1522071820081-009f0129c71c?auto=format&fit=crop&q=80&w=1600&h=400);background-size:cover;background-position:center 30%;z-index:1}.hr-dashboard__banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#000000d9,#0003);z-index:2}.hr-dashboard__banner-content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;width:100%}.hr-dashboard__banner-content h1{color:#fff;font-size:42px;font-weight:800;margin-bottom:8px;letter-spacing:-1px;text-shadow:0 2px 12px rgba(0,0,0,.4)}.hr-dashboard__banner-content p{color:#ffffffe6;font-size:18px;font-weight:500;margin:0;text-shadow:0 1px 6px rgba(0,0,0,.4);max-width:600px}.hr-dashboard__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.hr-stat-card{padding:0;border:1px solid rgba(0,0,0,.08);background:var(--bg-secondary);border-radius:14px;height:90px;overflow:hidden;position:relative;transition:all .2s}.hr-stat-card:hover{transform:translateY(-2px);border-color:var(--primary-200);box-shadow:0 4px 12px #00000008}.hr-stat-card__content{display:flex;height:100%;align-items:center;justify-content:flex-start;padding:0 16px}.hr-stat-card__image-container{width:70px;height:70px;position:absolute;right:0}.hr-stat-card__image-container--bottom{bottom:-5px}.hr-stat-card__image-container--center{top:50%;transform:translateY(-50%)}.hr-stat-card__image{width:100%;height:100%;object-fit:contain}.hr-stat-card__info{margin-right:auto;text-align:left;position:relative;z-index:2}.hr-stat-card__value{font-size:20px;font-weight:700;color:var(--text-primary);line-height:1.2}.hr-stat-card__label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.hr-tabs{display:flex;gap:4px;margin-bottom:24px;background:#00000008;padding:4px;border-radius:12px;overflow-x:auto;position:relative;z-index:10}.hr-tab{display:flex;align-items:center;gap:8px;padding:10px 18px;border:none;background:transparent;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;border-radius:8px;transition:all .2s;font-family:inherit;white-space:nowrap;position:relative;z-index:1}.hr-tab:hover{color:var(--text-primary);background:#ffffff80;z-index:2}.hr-tab.active{color:var(--primary-600);background:#fff;box-shadow:0 1px 3px #00000014;font-weight:600;z-index:3}.hr-section{padding:24px;margin-bottom:24px}.hr-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.hr-section__header h2{font-size:18px;font-weight:700;color:var(--text-primary)}.hr-filters{display:flex;gap:12px;align-items:center}.hr-search{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary)}.hr-search input{border:none;background:none;font-size:13px;color:var(--text-primary);outline:none;width:180px}.hr-section select{padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:13px;background:var(--bg-primary);color:var(--text-primary)}.hr-org-chart{padding:80px 40px;display:flex;flex-direction:column;align-items:center;overflow:auto;cursor:grab;-webkit-user-select:none;user-select:none;max-height:80vh;scrollbar-width:none}.hr-org-chart::-webkit-scrollbar{display:none}.hr-org-chart.panning{cursor:grabbing}.hr-org-root-level{display:flex;gap:120px;justify-content:center;align-items:flex-start}.hr-org-node{display:flex;flex-direction:column;align-items:center;position:relative;flex-shrink:0}.hr-org-children{display:flex;gap:40px;margin-top:40px;position:relative}.hr-org-children:before{content:"";position:absolute;top:-20px;left:50%;transform:translate(-50%);width:2px;height:20px;background:#00000026}.hr-org-node:not(:only-child):after{content:"";position:absolute;top:-20px;left:0;width:100%;height:2px;background:#00000026}.hr-org-node:first-child:after{left:50%;width:50%}.hr-org-node:last-child:after{width:50%}.hr-org-node--root:after{display:none!important}.hr-org-card{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;width:220px;box-shadow:0 4px 12px #00000008;position:relative;z-index:2;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.hr-org-card:hover,.hr-performance-card:hover{transform:translateY(-4px);border-color:var(--primary-400);box-shadow:0 12px 30px #00000014}.hr-org-card.dragging{opacity:.4;border-style:dashed}.hr-org-card__icon{width:32px;height:32px;object-fit:contain;flex-shrink:0}.hr-org-card__content{flex:1;text-align:left;min-width:0}.hr-org-card__name{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:2px;white-space:normal;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hr-org-card__role{font-size:10px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}[data-theme=dark] .hr-org-card{background:#ffffff08;border-color:#ffffff14}[data-theme=dark] .hr-org-card:hover{border-color:var(--primary-500);background:#ffffff0d}[data-theme=dark] .hr-org-children:before,[data-theme=dark] .hr-org-node:not(:only-child):after{background:#ffffff1a}.hr-employee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px}.hr-employee-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 24px 16px;background:var(--bg-primary);border:1px solid rgba(0,0,0,.08);border-radius:16px;cursor:pointer;transition:all .2s ease;overflow:hidden}.hr-employee-card:hover{border-color:#00000026;transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.hr-employee-card:before{content:"";position:absolute;top:0;left:0;right:0;height:60px;background:linear-gradient(135deg,var(--primary-50) 0%,transparent 100%);opacity:0;transition:opacity .35s;z-index:0}.hr-employee-card:hover{border-color:var(--primary-200);box-shadow:0 16px 40px #0000000f;transform:translateY(-5px)}.hr-employee-card:hover:before{opacity:1}.hr-employee-card__actions{position:absolute;top:10px;right:10px;display:flex;gap:4px;opacity:0;transition:opacity .25s;z-index:5}.hr-employee-card__status-dot{position:absolute;top:14px;left:14px;width:8px;height:8px;border-radius:50%;z-index:5;box-shadow:0 0 0 3px var(--bg-secondary)}.hr-employee-card__avatar{position:relative;z-index:2;margin-bottom:12px}.hr-employee-card__name{font-size:15px;font-weight:700;color:var(--text-primary);margin:0 0 2px;position:relative;z-index:2}.hr-employee-card__role{font-size:12px;color:var(--text-muted);margin:0 0 10px;position:relative;z-index:2}.hr-employee-card__dept{display:inline-block;padding:3px 12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--primary-600);background:var(--primary-50);border-radius:20px;margin-bottom:10px;position:relative;z-index:2}.hr-employee-card__location{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-muted);margin-bottom:14px;position:relative;z-index:2}.hr-employee-card__footer{display:flex;justify-content:center;gap:8px;width:100%;padding-top:14px;border-top:1px solid var(--border-color);position:relative;z-index:2}.hr-employee-card__action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-muted);cursor:pointer;transition:all .2s}.hr-employee-card__action-btn:hover{color:var(--primary-600);border-color:var(--primary-200);background:var(--primary-50);transform:translateY(-1px)}.hr-employee-card__action-btn svg{pointer-events:none}[data-theme=dark] .hr-employee-card{background:#ffffff05;border-color:#ffffff0f}[data-theme=dark] .hr-employee-card:hover{background:#ffffff0a;border-color:#ffffff1f;box-shadow:0 16px 40px #00000040}[data-theme=dark] .hr-employee-card:before{background:linear-gradient(135deg,rgba(14,165,233,.08) 0%,transparent 100%)}[data-theme=dark] .hr-employee-card__status-dot{box-shadow:0 0 0 3px #ffffff08}[data-theme=dark] .hr-employee-card__dept{background:#0ea5e91f;color:var(--primary-400)}[data-theme=dark] .hr-employee-card__action-btn{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .hr-employee-card__action-btn:hover{background:#0ea5e91f;border-color:#0ea5e94d;color:var(--primary-400)}.hr-leave-balance{display:flex;gap:24px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.hr-leave-balance__item{flex:1}.hr-leave-balance__item>span{font-size:13px;font-weight:600;color:var(--text-primary);display:block;margin-bottom:8px}.hr-leave-bar{height:8px;background:#0000000f;border-radius:4px;position:relative;overflow:hidden}.hr-leave-bar__fill{height:100%;border-radius:4px;transition:width .5s}.hr-leave-bar span{position:absolute;right:0;top:-20px;font-size:11px;color:var(--text-muted)}.hr-leave-list{display:flex;flex-direction:column;gap:12px}.hr-leave-item{display:flex;align-items:center;gap:14px;padding:14px;background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border-color)}.hr-leave-item__info{flex:1;display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--text-secondary)}.hr-leave-item__info strong{color:var(--text-primary);font-weight:600}.hr-leave-item__reason{font-size:12px;color:var(--text-muted);font-style:italic}.hr-leave-item__actions{display:flex;gap:8px}.hr-approve-btn,.hr-reject-btn{display:flex;align-items:center;gap:4px;padding:6px 14px;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.hr-approve-btn{background:var(--success);color:#fff}.hr-approve-btn:hover{filter:brightness(1.1)}.hr-reject-btn{background:var(--danger);color:#fff}.hr-reject-btn:hover{filter:brightness(1.1)}.hr-payroll-table{width:100%;border-collapse:separate;border-spacing:0}.hr-payroll-table th{text-align:left;padding:10px 14px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.hr-payroll-table td{padding:14px;font-size:14px;color:var(--text-primary);border-bottom:1px solid rgba(0,0,0,.03)}.hr-payroll-table td.positive{color:var(--success);font-weight:600}.hr-payroll-table td.negative{color:var(--danger);font-weight:600}.hr-payroll-net{font-weight:700!important;color:var(--text-primary)!important}.hr-payroll-employee{display:flex;align-items:center;gap:10px}.hr-performance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px}.hr-performance-card{padding:24px!important}.hr-performance-card__header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.hr-performance-card__header h3{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.hr-performance-rating-tag{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;margin-top:4px;background:color-mix(in srgb,var(--warning) 12%,transparent);color:var(--warning);border:1px solid color-mix(in srgb,var(--warning) 20%,transparent)}.hr-performance-card:has(.hr-rating [fill=currentColor]:nth-child(4)) .hr-performance-rating-tag,.hr-performance-card:has(.hr-rating [fill=currentColor]:nth-child(5)) .hr-performance-rating-tag{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success);border-color:color-mix(in srgb,var(--success) 20%,transparent)}.hr-performance-card:has(.hr-rating [fill=none]:nth-child(3)) .hr-performance-rating-tag{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 20%,transparent)}.hr-rating{display:flex;align-items:center;gap:2px}.hr-performance-card__goals{margin-bottom:16px}.hr-performance-card__goals h4,.hr-performance-card__feedback h4{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.hr-goal{margin-bottom:10px}.hr-goal__header{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}.hr-goal__header span:first-child{font-weight:500;color:var(--text-primary)}.hr-goal__header span:last-child{color:var(--text-muted);font-weight:600}.hr-goal__bar{height:6px;background:#0000000f;border-radius:3px;overflow:hidden}.hr-goal__fill{height:100%;background:var(--primary-500);border-radius:3px;transition:width .5s}.hr-performance-card__feedback p{font-size:13px;color:var(--text-secondary);line-height:1.6;font-style:italic}[data-theme=dark] .hr-tab.active{background:#ffffff14}[data-theme=dark] .hr-tabs{background:#ffffff0a}[data-theme=dark] .hr-kanban-col__header{background:#ffffff08}[data-theme=dark] .hr-leave-item{background:#ffffff08;border-color:#ffffff0f}.hr-payroll-actions{display:flex;gap:12px;align-items:center}.hr-month-select,.hr-dept-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:13px;background:var(--bg-primary);color:var(--text-primary);cursor:pointer}.hr-month-select:hover,.hr-dept-select:hover{border-color:var(--primary-400)}.hr-section__header{border-bottom:1px solid var(--border-color);padding-bottom:16px;margin-bottom:20px}[data-theme=dark] .hr-month-select,[data-theme=dark] .hr-dept-select{background:#ffffff0d}[data-theme=dark] .hr-stat-card{border-color:#ffffff14}.hr-profile-detail{display:flex;flex-direction:column;gap:24px;padding:10px}.hr-profile-detail__header{display:flex;flex-direction:column;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.hr-profile-detail__id{font-size:12px;font-weight:700;color:var(--text-muted);background:var(--bg-primary);padding:4px 12px;border-radius:20px;border:1px solid var(--border-color)}.hr-profile-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hr-icon-btn{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-muted);cursor:pointer;transition:all .2s}.hr-icon-btn:hover{background:var(--primary-50);color:var(--primary-600);border-color:var(--primary-200)}.hr-icon-btn--danger:hover{background:#fef2f2;color:var(--danger);border-color:#fee2e2}[data-theme=dark] .hr-icon-btn{background:#ffffff0d}[data-theme=dark] .hr-icon-btn:hover{background:#0ea5e926}[data-theme=dark] .hr-icon-btn--danger:hover{background:#ef444426}.hr-employee-card__actions{opacity:0;transition:opacity .2s}.hr-employee-card:hover .hr-employee-card__actions{opacity:1}.hr-performance-card__actions{opacity:0;transition:opacity .2s}.hr-performance-card:hover .hr-performance-card__actions{opacity:1}.hr-payroll-net{font-weight:700;color:var(--primary-600)}[data-theme=dark] .hr-payroll-net{color:var(--primary-400)}.hr-profile-info-group{display:flex;flex-direction:column;gap:6px}.hr-profile-info-group label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.hr-profile-info-group div{font-size:14px;font-weight:600;color:var(--text-primary)}@media(max-width:768px){.hr-dashboard__stats{grid-template-columns:repeat(2,1fr)}.hr-employee-grid{grid-template-columns:1fr}.hr-tabs{flex-wrap:wrap}.hr-payroll-actions{flex-direction:column;align-items:stretch}.hr-profile-info-grid{grid-template-columns:1fr}}.finance-dashboard{padding:0 0 40px;max-width:1400px;margin:0 auto;animation:fadeIn .4s ease-out}.finance-dashboard__banner{position:relative;height:240px;border-radius:24px;overflow:hidden;margin:24px 40px 32px;display:flex;align-items:flex-end;padding:48px}.finance-dashboard__banner-bg{position:absolute;inset:0;background-size:cover;background-position:center}.finance-dashboard__banner-overlay{position:absolute;inset:0;background:linear-gradient(to top,#ffffffb3,#fff0)}.finance-dashboard__banner-content{position:relative;z-index:2;color:#0f172a}.finance-dashboard__banner-content h1{font-size:32px;font-weight:700;margin-bottom:8px;letter-spacing:-.5px}.finance-dashboard__banner-content p{font-size:15px;color:#475569}.finance-dashboard__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:0 40px}.finance-dashboard__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;padding:0 40px}.finance-dashboard__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.finance-dashboard__title{font-size:28px;font-weight:700;color:var(--text-primary)}.finance-dashboard__subtitle{color:var(--text-secondary);font-size:14px}.finance-dashboard__header-actions{display:flex;gap:10px}.finance-dashboard__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.finance-dashboard__stat-card{display:flex;justify-content:space-between;align-items:center;padding:24px;border:1px solid rgba(0,0,0,.12);border-radius:16px;background:var(--bg-primary);transition:transform .2s,box-shadow .2s}.finance-dashboard__stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.finance-dashboard__stat-content{display:flex;flex-direction:column}.finance-dashboard__stat-image{width:64px;height:64px;display:flex;align-items:center;justify-content:center}.finance-dashboard__stat-image img{max-width:100%;max-height:100%;object-fit:contain}.finance-dashboard__stat-change{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;padding:4px 8px;border-radius:6px;width:fit-content;margin-top:8px}.finance-dashboard__stat-change.positive{color:var(--success);background:var(--success-light)}.finance-dashboard__stat-change.negative{color:var(--danger);background:var(--danger-light)}.finance-dashboard__stat-value{font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px;margin-bottom:2px}.finance-dashboard__stat-label{font-size:14px;color:var(--text-muted);font-weight:500;margin-bottom:4px}.fin-controls-row{display:flex;align-items:center;justify-content:space-between;margin:0 40px 24px;gap:20px}.fin-tabs{display:flex;gap:4px;background:#00000008;padding:4px;border-radius:12px;overflow-x:auto;margin:0}.fin-tab{display:flex;align-items:center;gap:8px;padding:10px 18px;border:none;background:transparent;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;border-radius:8px;transition:all .2s;font-family:inherit;white-space:nowrap}.fin-tab:hover{color:var(--text-primary);background:#ffffff80}.fin-tab.active{color:var(--primary-600);background:#fff;box-shadow:0 1px 3px #00000014;font-weight:600}.fin-actions{display:flex;gap:10px;align-items:center}.fin-section{padding:24px;margin:0 40px 24px;border:1px solid rgba(0,0,0,.12);border-radius:16px;background:var(--bg-primary);box-shadow:none}.fin-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.fin-section__header h2{font-size:18px;font-weight:700;color:var(--text-primary)}.fin-filters{display:flex;gap:12px;align-items:center}.fin-search{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary)}.fin-search input{border:none;background:none;font-size:13px;color:var(--text-primary);outline:none;width:180px}.fin-section select{padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:13px;background:var(--bg-primary);color:var(--text-primary)}.fin-dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:0 40px}.fin-chart-card{padding:24px;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.12);border-radius:16px;background:var(--bg-primary);box-shadow:none;min-height:450px}.fin-chart-card h3{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:24px;display:flex;align-items:center;justify-content:space-between}.recharts-tooltip-cursor{stroke:#0000000d}[data-theme=dark] .recharts-tooltip-cursor{stroke:#ffffff0d}.recharts-legend-item-text{color:var(--text-muted)!important;font-size:12px!important;font-weight:500!important}.recharts-cartesian-grid-horizontal line{stroke-opacity:.5}.fin-bar-chart{display:flex;align-items:flex-end;justify-content:space-around;height:220px;padding-bottom:30px;position:relative;background-image:linear-gradient(var(--border-color) 1px,transparent 1px);background-size:100% 40px}.fin-bar-group{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;z-index:1}.fin-bar-group span{font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.fin-bar-pair{display:flex;gap:8px;align-items:flex-end;height:160px}.fin-bar{width:24px;border-radius:6px 6px 0 0;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.fin-bar:hover{filter:brightness(1.15);transform:translateY(-4px);cursor:pointer}.fin-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(255,255,255,.2),transparent);opacity:0;transition:.3s}.fin-bar:hover:after{opacity:1}.action-group{display:flex;gap:6px;justify-content:flex-end;align-items:center}.fin-ledger-row .action-group{opacity:0;transition:.2s}.fin-ledger-row:hover .action-group{opacity:1}.fin-bar.revenue{background:linear-gradient(180deg,#6366f1,#4f46e5);box-shadow:0 4px 12px #6366f133}.fin-bar.expense{background:linear-gradient(180deg,#f43f5e,#e11d48);box-shadow:0 4px 12px #f43f5e33}.fin-chart-legend{display:flex;gap:24px;justify-content:center;margin-top:16px;font-size:12px;font-weight:500}.fin-legend-item{display:flex;align-items:center;gap:8px;color:var(--text-muted)}.fin-legend-dot{width:8px;height:8px;border-radius:50%}.fin-legend-dot.revenue{background:#6366f1}.fin-legend-dot.expense{background:#f43f5e}.fin-donut-container{display:flex;align-items:center;justify-content:center;position:relative;height:220px}.fin-donut{width:170px;height:170px;transform:rotate(-90deg);filter:drop-shadow(0 8px 16px rgba(0,0,0,.06))}.fin-donut-label{position:absolute;text-align:center;background:#fff;width:110px;height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 4px 12px #0000000d,inset 0 2px 4px #fffc;z-index:2}.fin-donut-value{display:block;font-size:26px;font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:4px}.fin-donut-label span:last-child{font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase}.fin-table{width:100%;border-collapse:separate;border-spacing:0}.fin-table th{text-align:left;padding:10px 14px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.fin-table td{padding:14px;font-size:13px;color:var(--text-primary);border-bottom:1px solid rgba(0,0,0,.03);vertical-align:middle}.fin-table td strong{display:block;margin-bottom:2px}.fin-ref{font-size:11px;color:var(--text-muted)}.fin-table td.positive{color:var(--success);font-weight:600}.fin-table td.negative{color:var(--danger);font-weight:600}.fin-action-btn{background:none;border:1px solid var(--border-color);color:var(--text-muted);border-radius:6px;padding:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.fin-action-btn:hover{background:var(--primary-50);color:var(--primary-600);border-color:var(--primary-200)}.fin-action-btn.delete:hover{background:#fef2f2;color:var(--danger);border-color:#fee2e2}.fin-invoice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.fin-invoice-card{padding:24px;border:1px solid rgba(0,0,0,.08);border-radius:16px;background:var(--bg-primary);transition:all .2s ease;text-align:left;box-shadow:none;position:relative;overflow:hidden}.fin-invoice-card:hover{background:var(--bg-secondary);border-color:#00000026;transform:translateY(-2px)}.fin-invoice-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.fin-invoice-card__id{font-size:12px;font-weight:700;color:var(--text-muted);letter-spacing:.3px}.fin-invoice-card__client{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fin-invoice-card__amount{font-size:20px;font-weight:800;color:var(--text-primary);margin-bottom:10px;letter-spacing:-.5px}.fin-invoice-card__meta{display:flex;gap:14px;font-size:11px;color:var(--text-muted);margin-bottom:12px}.fin-invoice-card__meta span{display:flex;align-items:center;gap:4px}.fin-invoice-card__actions{display:flex;gap:8px;padding-top:10px;border-top:1px solid rgba(0,0,0,.05)}.fin-budget-list{display:flex;flex-direction:column;gap:0}.fin-budget-item-container{position:relative;border-bottom:1px solid rgba(0,0,0,.06)}.fin-budget-item-container:last-child{border-bottom:none}.fin-budget-item{padding:24px 16px;background:transparent;border-radius:0;border:none;width:100%;text-align:left;transition:background .2s;cursor:pointer}.fin-budget-item:hover{background:#00000004}.fin-budget-item__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-right:80px}.fin-budget-item__dept{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px}.fin-budget-item__amounts{font-size:13px;color:var(--text-muted);font-weight:500}.fin-budget-item__bar{height:6px;background:#0000000a;border-radius:100px;overflow:hidden}.fin-budget-item__fill{height:100%;border-radius:100px;transition:width .6s cubic-bezier(.4,0,.2,1)}.fin-budget-item__footer{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;color:var(--text-muted);font-weight:500}.fin-budget-item__actions-overlay{position:absolute;top:22px;right:16px;display:flex;gap:6px;opacity:0;transform:translate(10px);transition:all .25s ease}.fin-budget-item-container:hover .fin-budget-item__actions-overlay{opacity:1;transform:translate(0)}.fin-expense-list{display:flex;flex-direction:column;gap:0}.fin-expense-item-container{position:relative;border-bottom:1px solid rgba(0,0,0,.06)}.fin-expense-item-container:last-child{border-bottom:none}.fin-expense-item{display:flex;align-items:center;justify-content:space-between;padding:20px 16px;background:transparent;border-radius:0;border:none;width:100%;text-align:left;transition:background .2s;cursor:pointer}.fin-expense-item:hover{background:#00000004}.fin-expense-item__info{display:flex;flex-direction:column;gap:4px;padding-right:120px}.fin-expense-item__name{font-size:15px;font-weight:700;color:var(--text-primary)}.fin-expense-item__reason{font-size:12px;color:var(--text-muted)}.fin-expense-item__meta{font-size:11px;color:var(--text-muted);font-weight:500}.fin-expense-item__right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.fin-expense-item__amount{font-size:18px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px}.fin-expense-item__actions{display:flex;gap:8px}.fin-approve,.fin-reject{display:flex;align-items:center;gap:4px;padding:6px 14px;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}.fin-approve{background:var(--success);color:#fff}.fin-reject{background:var(--danger);color:#fff}[data-theme=dark] .finance-dashboard__banner-overlay{background:linear-gradient(to top,#000000d9,#0000004d)}[data-theme=dark] .finance-dashboard__banner-content{color:#fff}[data-theme=dark] .finance-dashboard__banner-content p{color:#fffc}[data-theme=dark] .fin-section{background:var(--bg-secondary);border-color:#ffffff0d}[data-theme=dark] .fin-tab.active{background:#ffffff14;color:#fff;box-shadow:inset 0 1px 1px #ffffff1a;border:1px solid rgba(255,255,255,.05)}[data-theme=dark] .fin-tabs{background:#0003;border:1px solid rgba(255,255,255,.05)}[data-theme=dark] .fin-tab:hover:not(.active){background:#ffffff08;color:var(--text-primary)}[data-theme=dark] .fin-invoice-card{background:#ffffff05;border-color:#ffffff0f}[data-theme=dark] .fin-invoice-card:hover{background:#ffffff0a;border-color:#ffffff1f}[data-theme=dark] .fin-budget-item-container{border-color:#ffffff0d}[data-theme=dark] .fin-budget-item:hover{background:#ffffff05}[data-theme=dark] .fin-budget-item__bar{background:#ffffff0d}[data-theme=dark] .fin-expense-item-container{border-color:#ffffff0d}[data-theme=dark] .fin-expense-item:hover{background:#ffffff05}[data-theme=dark] .fin-action-btn{border-color:#ffffff1a;background:#ffffff08}[data-theme=dark] .fin-action-btn:hover{background:#ffffff14}[data-theme=dark] .fin-metric-card{background:#0003;border-color:#ffffff0d}[data-theme=dark] .fin-invoice-items{border-color:#ffffff0d}[data-theme=dark] .fin-item-header{background:#ffffff08}[data-theme=dark] .fin-item-row{border-color:#ffffff0d}[data-theme=dark] .fin-detail-description{background:#0003;border-color:#ffffff0d}[data-theme=dark] .reason-box{background:#007bff0d;color:#7dd3fc;border-color:#007bff1a}[data-theme=dark] .avatar-placeholder{background:#ffffff0d;color:var(--primary-400)}[data-theme=dark] .cat-item{background:#0003;border-color:#ffffff0d}[data-theme=dark] .large-progress-bar{background:#ffffff0d}[data-theme=dark] .pct-circle{background:#6366f11a;border-color:#6366f133;color:var(--primary-400)}[data-theme=dark] .fin-chart-card{background:#ffffff05;border-color:#ffffff14}[data-theme=dark] .fin-bar.revenue{background:linear-gradient(180deg,#6366f1,#4f46e5);box-shadow:0 4px 12px #6366f14d}[data-theme=dark] .fin-bar.expense{background:linear-gradient(180deg,#f43f5e,#e11d48);box-shadow:0 4px 12px #f43f5e4d}[data-theme=dark] .fin-donut circle:first-child{stroke:#ffffff0f}[data-theme=dark] .fin-donut{filter:drop-shadow(0 8px 16px rgba(0,0,0,.4))}[data-theme=dark] .fin-donut-label{background:var(--bg-secondary);box-shadow:0 8px 24px #0006,inset 0 1px 1px #ffffff1a}[data-theme=dark] .fin-chart-axes{border-bottom-color:#ffffff1a}[data-theme=dark] .finance-dashboard__stat-card{background:#ffffff05;border-color:#ffffff14}[data-theme=dark] .finance-dashboard__stat-card:hover{background:#ffffff0a;border-color:var(--primary-500)}[data-theme=dark] .finance-dashboard__stat-change.positive{background:#22c55e1a;color:#4ade80}[data-theme=dark] .finance-dashboard__stat-change.negative{background:#ef44441a;color:#f87171}[data-theme=dark] .fin-donut-label{background:#1e293b;box-shadow:0 8px 24px #0006,inset 0 1px 1px #ffffff1a}[data-theme=dark] .fin-donut-value{color:#fff}[data-theme=dark] .fin-donut circle:first-child{stroke:#ffffff0d}[data-theme=dark] .fin-bar-chart{background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px)}[data-theme=dark] .fin-bar.revenue{background:linear-gradient(180deg,#6366f1,#4f46e5);border:1px solid rgba(255,255,255,.1)}[data-theme=dark] .fin-bar.expense{background:linear-gradient(180deg,#f43f5e,#e11d48);border:1px solid rgba(255,255,255,.1)}.fin-detail-view{display:flex;flex-direction:column;gap:24px;padding:10px}.fin-detail-header{display:flex;align-items:center;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.fin-detail-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center}.fin-detail-icon.income{background:var(--success-light);color:var(--success)}.fin-detail-icon.expense{background:var(--danger-light);color:var(--danger)}.fin-detail-amount{display:flex;flex-direction:column;gap:4px}.fin-detail-amount .label{font-size:13px;color:var(--text-muted);font-weight:500}.fin-detail-amount .value{font-size:28px;font-weight:700}.fin-detail-amount .value.income{color:var(--success)}.fin-detail-amount .value.expense{color:var(--danger)}.fin-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.fin-detail-item label{display:block;font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}.fin-detail-item div{font-size:15px;font-weight:500;color:var(--text-primary)}.fin-detail-item.full{grid-column:span 2}.fin-detail-description{background:var(--bg-secondary);padding:16px;border-radius:12px;border:1px solid var(--border-color);line-height:1.5}.fin-invoice-card.clickable{width:100%;text-align:left;background:none;font-family:inherit;cursor:pointer;display:block;border:1px solid transparent;transition:all .2s}.fin-invoice-card.clickable:hover{transform:translateY(-3px);border-color:var(--primary-300);box-shadow:0 8px 24px #00000014!important}.fin-invoice-detail{display:flex;flex-direction:column;gap:24px;padding:5px}.fin-invoice-detail__header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.fin-invoice-detail__brand{display:flex;align-items:center;gap:12px}.fin-brand-logo{width:44px;height:44px;border-radius:10px;background:var(--primary-500);color:#fff;display:flex;align-items:center;justify-content:center}.fin-brand-info{display:flex;flex-direction:column}.fin-brand-info strong{font-size:16px;color:var(--text-primary)}.fin-brand-info span{font-size:12px;color:var(--text-muted)}.fin-invoice-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:10px 0}.fin-info-block{display:flex;flex-direction:column;gap:4px}.fin-info-block label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.fin-info-block strong{font-size:15px;color:var(--text-primary)}.fin-info-block span{font-size:13px;color:var(--text-secondary)}.text-right{text-align:right;align-items:flex-end}.fin-invoice-items{border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.fin-item-header{display:flex;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase}.fin-item-row{display:flex;justify-content:space-between;padding:16px;font-size:14px;font-weight:500;color:var(--text-primary);border-top:1px solid var(--border-color)}.fin-invoice-summary{align-self:flex-end;width:240px;display:flex;flex-direction:column;gap:12px;margin-top:10px}.fin-summary-row{display:flex;justify-content:space-between;font-size:14px;color:var(--text-secondary)}.fin-summary-row.total{padding-top:12px;border-top:1px solid var(--border-color);font-weight:700;color:var(--text-primary);font-size:18px}.fin-budget-item.clickable{width:100%;text-align:left;background:var(--bg-secondary);font-family:inherit;cursor:pointer;display:block;border:1px solid var(--border-color);transition:all .2s}.fin-budget-item.clickable:hover{border-color:var(--primary-400);transform:translate(4px);background:var(--bg-primary)}.fin-budget-detail{display:flex;flex-direction:column;gap:24px;padding:5px}.fin-budget-detail__header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.fin-budget-status{display:flex;align-items:center;gap:16px}.pct-circle{width:60px;height:60px;border-radius:50%;background:var(--primary-50);color:var(--primary-600);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;border:2px solid var(--primary-200)}.status-info{display:flex;flex-direction:column}.status-info strong{font-size:18px;color:var(--text-primary)}.status-info span{font-size:13px;color:var(--text-muted)}.fin-budget-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.fin-metric-card{background:var(--bg-secondary);padding:16px;border-radius:12px;border:1px solid var(--border-color)}.fin-metric-card label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin-bottom:8px;display:block}.fin-metric-card .value{font-size:18px;font-weight:700;color:var(--text-primary)}.fin-metric-card .value.spent{color:var(--danger)}.fin-metric-card .value.remaining{color:var(--success)}.fin-budget-progress-section label{font-size:12px;font-weight:700;color:var(--text-muted);margin-bottom:12px;display:block}.large-progress-bar{height:12px;background:#0000000f;border-radius:6px;overflow:hidden}.large-progress-bar .fill{height:100%;border-radius:6px;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.fin-budget-categories{display:flex;flex-direction:column;gap:12px}.fin-budget-categories label{font-size:12px;font-weight:700;color:var(--text-muted);margin-bottom:4px;display:block}.cat-item{display:flex;justify-content:space-between;padding:12px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);font-size:13px}.cat-item span{color:var(--text-secondary)}.cat-item strong{color:var(--text-primary)}.fin-expense-item.clickable{cursor:pointer;transition:all .2s;border:1px solid var(--border-color)}.fin-expense-item.clickable:hover{border-color:var(--primary-300);background:var(--bg-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.fin-expense-detail{display:flex;flex-direction:column;gap:24px;padding:5px}.fin-expense-detail__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.fin-requester-info{display:flex;align-items:center;gap:12px}.avatar-placeholder{width:44px;height:44px;border-radius:50%;background:var(--primary-100);color:var(--primary-700);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.fin-requester-info .info{display:flex;flex-direction:column}.fin-requester-info .info strong{font-size:16px;color:var(--text-primary)}.fin-requester-info .info span{font-size:12px;color:var(--text-muted)}.fin-expense-main-info{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:var(--bg-secondary);padding:20px;border-radius:12px;border:1px solid var(--border-color)}.info-group label{display:block;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px}.info-group .value{font-size:15px;font-weight:600;color:var(--text-primary)}.info-group .value.highlight{font-size:24px;color:var(--primary-600)}.fin-expense-justification label,.fin-expense-attachments label{display:block;font-size:12px;font-weight:700;color:var(--text-muted);margin-bottom:10px}.reason-box{display:flex;gap:12px;padding:16px;background:var(--info-light);border-radius:12px;color:var(--info-700);font-size:14px;line-height:1.5;border:1px solid rgba(0,123,255,.1)}.reason-box svg{flex-shrink:0;margin-top:2px}.attachment-placeholder{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border-radius:10px;border:1px dashed var(--border-color)}.attachment-placeholder span{flex:1;font-size:13px;color:var(--text-secondary)}@media(max-width:768px){.finance-dashboard__stats{grid-template-columns:repeat(2,1fr)}.fin-dashboard-grid,.fin-invoice-grid{grid-template-columns:1fr}}.fin-ledger-section{padding:0 40px;margin-bottom:40px}.fin-ledger-header{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.fin-ledger-summary{background:transparent;border:1px solid rgba(0,0,0,.15);border-radius:8px;padding:24px;width:100%}.fin-summary-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:4px}.fin-summary-amount-group{display:flex;align-items:baseline}.fin-summary-symbol{font-size:20px;font-weight:500;color:var(--text-muted);margin-left:8px}.fin-summary-amount{font-size:36px;font-weight:800;color:var(--text-primary);letter-spacing:-1.5px;line-height:1}.fin-summary-trend{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;margin-top:6px}.fin-summary-trend.positive{color:var(--success)}.fin-summary-trend.negative{color:var(--danger)}.fin-summary-details{display:flex;gap:24px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color);width:fit-content}.fin-summary-details .detail-item{display:flex;flex-direction:column;gap:1px}.fin-summary-details .label{font-size:9px;font-weight:600;color:var(--text-muted);text-transform:uppercase}.fin-summary-details strong{font-size:14px;color:var(--text-primary);font-weight:700}.fin-ledger-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.fin-minimal-tabs{display:flex;background:var(--bg-secondary);padding:2px;border-radius:8px;border:1px solid var(--border-color)}.fin-minimal-tabs button{border:none;background:transparent;padding:4px 12px;font-size:10px;font-weight:700;text-transform:uppercase;color:var(--text-muted);cursor:pointer;border-radius:6px;transition:.2s}.fin-minimal-tabs button.active{background:var(--bg-primary);color:var(--primary-600);box-shadow:0 1px 3px #0000000d}.fin-ledger-list{background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-color);overflow:hidden}.fin-ledger-list-header,.fin-ledger-row{display:grid;grid-template-columns:48px 3fr 1.2fr 1.5fr 1.2fr 1.2fr 120px;align-items:center;padding:0 24px;gap:16px}.fin-ledger-list-header{height:40px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase}.fin-ledger-list-header .col-amount,.fin-ledger-list-header .col-actions{text-align:right}.fin-ledger-row{min-height:68px;border-bottom:1px solid rgba(0,0,0,.03);transition:.2s;cursor:pointer;position:relative;padding:12px 24px}.fin-ledger-row:hover{background:#00000003}.fin-ledger-row:last-child{border-bottom:none}.fin-ledger-accent{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--text-muted);opacity:.1}.fin-ledger-row.approved .fin-ledger-accent{background:var(--success);opacity:1}.fin-ledger-row.pending .fin-ledger-accent{background:var(--warning);opacity:1}.fin-ledger-row.rejected .fin-ledger-accent{background:var(--danger);opacity:1}.fin-ledger-icon{display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:var(--bg-secondary);width:32px;height:32px;border-radius:8px}.fin-ledger-content{display:flex;flex-direction:column;gap:1px;min-width:0}.fin-ledger-content .title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.fin-ledger-content .meta{font-size:11px;color:var(--text-muted);font-weight:500}.stakeholder-info{display:flex;flex-direction:column;gap:2px;min-width:0}.stakeholder-info strong{font-size:13px;color:var(--text-primary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stakeholder-info span{font-size:10px;color:var(--text-muted);text-transform:uppercase;font-weight:700;display:block;letter-spacing:.3px}.fin-ledger-col.col-amount{font-family:Figtree,monospace;font-weight:700;text-align:right}.fin-ledger-col.col-actions{display:flex;justify-content:flex-end}.amount-val{font-size:13px;font-weight:700;color:var(--text-primary)}.fin__tag{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.2px}.fin__tag-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.fin__tag--completed,.fin__tag--approved,.fin__tag--paid{background:#10b98114;color:#10b981}.fin__tag--pending,.fin__tag--sent,.fin__tag--partial{background:#f59e0b14;color:#f59e0b}.fin__tag--rejected,.fin__tag--overdue,.fin__tag--unpaid{background:#ef444414;color:#ef4444}.fin__tag--draft,.fin__tag--not-started{background:#64748b14;color:#64748b}.fin__tag--income{background:#10b98114;color:#10b981}.fin__tag--expense{background:#ef444414;color:#ef4444}.fin__tag--sales{background:#6366f114;color:#6366f1}.fin__tag--services{background:#0ea5e914;color:#0ea5e9}.fin__tag--payroll{background:#8b5cf614;color:#8b5cf6}.fin__tag--operations{background:#6b728014;color:#6b7280}.fin__tag--marketing{background:#ec489914;color:#ec4899}.fin__tag--software{background:#3b82f614;color:#3b82f6}.fin__tag--power,.fin__tag--utilities{background:#f59e0b14;color:#f59e0b}.fin__tag--rent{background:#7c3aed14;color:#7c3aed}.fin__tag--travel{background:#10b98114;color:#10b981}.fin__tag--equipment{background:#f9731614;color:#f97316}.fin__tag--meals{background:#d946ef14;color:#d946ef}.fin__tag--general{background:#64748b14;color:#64748b}.icon-btn{width:24px;height:24px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s}.icon-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.icon-btn.approve:hover{background:var(--success);color:#fff;border-color:var(--success)}.icon-btn.reject:hover{background:var(--danger);color:#fff;border-color:var(--danger)}[data-theme=dark] .fin-ledger-list{background:#0f172a;border-color:#ffffff0f}[data-theme=dark] .fin-ledger-list-header{background:#1e293b;border-color:#ffffff0f}[data-theme=dark] .fin-ledger-row{border-color:#ffffff08}[data-theme=dark] .fin-ledger-row:hover{background:#ffffff05}[data-theme=dark] .fin__tag--completed,[data-theme=dark] .fin__tag--approved,[data-theme=dark] .fin__tag--paid{background:#10b98126}[data-theme=dark] .fin__tag--pending,[data-theme=dark] .fin__tag--sent,[data-theme=dark] .fin__tag--partial{background:#f59e0b26}[data-theme=dark] .fin__tag--rejected,[data-theme=dark] .fin__tag--overdue,[data-theme=dark] .fin__tag--unpaid{background:#ef444426}[data-theme=dark] .fin__tag--draft,[data-theme=dark] .fin__tag--not-started{background:#64748b26}[data-theme=dark] .fin__tag--income{background:#10b98126}[data-theme=dark] .fin__tag--expense{background:#ef444426}[data-theme=dark] .fin__tag--sales{background:#6366f126}[data-theme=dark] .fin__tag--services{background:#0ea5e926}[data-theme=dark] .fin__tag--payroll{background:#8b5cf626}[data-theme=dark] .fin__tag--operations{background:#6b728026}[data-theme=dark] .fin__tag--marketing{background:#ec489926}[data-theme=dark] .fin__tag--software{background:#3b82f626}[data-theme=dark] .fin__tag--power,[data-theme=dark] .fin__tag--utilities{background:#f59e0b26}[data-theme=dark] .fin__tag--rent{background:#7c3aed26}[data-theme=dark] .fin__tag--travel{background:#10b98126}[data-theme=dark] .fin__tag--equipment{background:#f9731626}[data-theme=dark] .fin__tag--meals{background:#d946ef26}[data-theme=dark] .fin__tag--general{background:#64748b26}[data-theme=dark] .fin-summary-symbol,[data-theme=dark] .fin-summary-amount{color:#fff}[data-theme=dark] .fin-ledger-summary{border-color:#ffffff26}[data-theme=dark] .fin-summary-trend.positive{color:#4ade80}.invoice-builder-modal{position:fixed;inset:0;z-index:1000;display:flex;justify-content:center;align-items:center;padding:40px;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.invoice-builder-content{background:var(--bg-primary);width:100%;max-width:1400px;height:90vh;border-radius:24px;box-shadow:0 24px 48px #0003;display:flex;flex-direction:column;overflow:hidden;animation:slideUpFade .3s ease-out}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.invoice-builder-header{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;border-bottom:1px solid var(--border-color)}.invoice-builder-header h2{font-size:20px;font-weight:700;color:var(--text-primary)}.invoice-builder-header-actions{display:flex;gap:12px}.invoice-builder-body{display:flex;flex:1;overflow:hidden}.invoice-builder-form{width:500px;border-right:1px solid var(--border-color);padding:32px;overflow-y:auto;display:flex;flex-direction:column;gap:24px;background:var(--bg-secondary)}.form-section{display:flex;flex-direction:column;gap:16px;background:var(--bg-primary);padding:24px;border-radius:16px;border:1px solid rgba(0,0,0,.06)}.form-section h3{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:4px;display:flex;align-items:center;gap:8px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12px;font-weight:600;color:var(--text-muted)}.form-group input,.form-group select{padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;font-family:Figtree,sans-serif;transition:all .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-50)}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.template-card{padding:16px;border:2px solid transparent;background:var(--bg-secondary);border-radius:12px;cursor:pointer;text-align:center;font-size:13px;font-weight:600;color:var(--text-muted);transition:all .2s}.template-card:hover{background:#00000005}.template-card.active{border-color:var(--primary-500);color:var(--primary-600);background:var(--primary-50)}.item-row{display:grid;grid-template-columns:2fr .7fr 1.1fr 36px;gap:12px;align-items:center}.item-row input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;font-family:Figtree,sans-serif}.item-row input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-50)}.add-item-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:1px dashed var(--border-color);border-radius:8px;color:var(--primary-600);font-size:13px;font-weight:600;cursor:pointer;background:transparent;transition:all .2s;font-family:Figtree,sans-serif}.add-item-btn:hover{background:var(--primary-50);border-color:var(--primary-200)}.invoice-builder-preview{flex:1;background:#f1f5f9;padding:40px;display:flex;justify-content:center;overflow-y:auto}.invoice-preview-wrapper{width:210mm;min-height:297mm;background:#fff;box-shadow:0 20px 40px #00000014;position:relative;overflow:hidden;flex-shrink:0;border-radius:4px}.inv-template-minimal{padding:64px;font-family:Figtree,sans-serif;color:#1e293b;min-height:100%;display:flex;flex-direction:column}.inv-template-minimal .inv-brand-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:64px}.inv-template-minimal .inv-brand-logo{display:flex;flex-direction:column}.inv-template-minimal .inv-brand-logo .inv-company-name{font-size:22px;font-weight:800;color:#0f172a;letter-spacing:-.5px}.inv-template-minimal .inv-brand-logo .inv-tagline{font-size:11px;color:#94a3b8;margin-top:2px;letter-spacing:1.5px;text-transform:uppercase;font-weight:500}.inv-template-minimal .inv-label-block{text-align:right}.inv-template-minimal .inv-label-block .inv-title{font-size:40px;font-weight:300;letter-spacing:6px;color:#cbd5e1;text-transform:uppercase;line-height:1}.inv-template-minimal .inv-label-block .inv-number{font-size:14px;font-weight:600;color:#0f172a;margin-top:8px}.inv-template-minimal .inv-meta-strip{display:flex;gap:40px;padding:20px 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;margin-bottom:48px}.inv-template-minimal .inv-meta-strip .inv-meta-item{display:flex;flex-direction:column;gap:2px}.inv-template-minimal .inv-meta-strip .inv-meta-item span:first-child{font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:1px}.inv-template-minimal .inv-meta-strip .inv-meta-item span:last-child{font-size:14px;font-weight:600;color:#0f172a}.inv-template-minimal .inv-address-block{display:flex;justify-content:space-between;margin-bottom:52px}.inv-template-minimal .inv-address{width:45%}.inv-template-minimal .inv-address h4{font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px;font-weight:700}.inv-template-minimal .inv-address .inv-addr-name{font-size:16px;font-weight:700;color:#0f172a;margin-bottom:6px}.inv-template-minimal .inv-address p{font-size:13px;line-height:1.7;color:#475569;white-space:pre-wrap}.inv-template-minimal .inv-table{width:100%;border-collapse:collapse;margin-bottom:40px}.inv-template-minimal .inv-table th{text-align:left;padding:14px 0;border-bottom:2px solid #0f172a;font-size:10px;color:#0f172a;text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.inv-template-minimal .inv-table th.right,.inv-template-minimal .inv-table td.right{text-align:right}.inv-template-minimal .inv-table td{padding:18px 0;border-bottom:1px solid #f1f5f9;font-size:14px;color:#334155;font-weight:500}.inv-template-minimal .inv-totals{width:280px;margin-left:auto}.inv-template-minimal .inv-total-row{display:flex;justify-content:space-between;padding:10px 0;font-size:14px;color:#64748b;font-weight:500}.inv-template-minimal .inv-total-row.grand{border-top:2px solid #0f172a;padding-top:16px;margin-top:8px;font-size:22px;font-weight:800;color:#0f172a}.inv-template-minimal .inv-notes{margin-top:auto;padding-top:48px;border-top:1px solid #f1f5f9}.inv-template-minimal .inv-notes h4{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#94a3b8;font-weight:700;margin-bottom:8px}.inv-template-minimal .inv-notes p{font-size:12px;color:#64748b;line-height:1.7}.inv-template-minimal .inv-footer{margin-top:40px;text-align:center;font-size:10px;color:#cbd5e1;letter-spacing:1px;text-transform:uppercase}.inv-template-modern{padding:0;font-family:Figtree,sans-serif;color:#1e293b;position:relative;min-height:100%;display:flex;flex-direction:column}.inv-template-modern .inv-brand-strip{height:6px;background:#4f46e5;width:100%}.inv-template-modern .inv-header-bg{background:linear-gradient(135deg,#0f172a,#1e293b);padding:48px 60px}.inv-template-modern .inv-header{display:flex;justify-content:space-between;align-items:center}.inv-template-modern .inv-logo-area{display:flex;flex-direction:column}.inv-template-modern .inv-logo-area h1{font-size:26px;font-weight:800;color:#fff;letter-spacing:-.5px}.inv-template-modern .inv-logo-area .inv-tagline{font-size:11px;color:#fff6;margin-top:4px;letter-spacing:2px;text-transform:uppercase;font-weight:500}.inv-template-modern .inv-header-badge{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.inv-template-modern .inv-header-badge .inv-badge-label{background:#ffffff1a;color:#a5b4fc;padding:6px 16px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;border:1px solid rgba(255,255,255,.08)}.inv-template-modern .inv-header-badge .inv-badge-number{font-size:14px;color:#fff9;font-weight:500}.inv-template-modern .inv-meta-row{display:flex;background:#f8fafc;border-bottom:1px solid #e2e8f0}.inv-template-modern .inv-meta-row .inv-meta-cell{flex:1;padding:20px 24px;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;gap:4px}.inv-template-modern .inv-meta-row .inv-meta-cell:last-child{border-right:none}.inv-template-modern .inv-meta-row .inv-meta-cell span:first-child{font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:1px}.inv-template-modern .inv-meta-row .inv-meta-cell span:last-child{font-size:16px;font-weight:700;color:#0f172a}.inv-template-modern .inv-meta-row .inv-meta-cell.highlight span:last-child{color:#6366f1}.inv-template-modern .inv-body{padding:48px 60px;flex:1;display:flex;flex-direction:column}.inv-template-modern .inv-address-block{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:48px}.inv-template-modern .inv-address{padding:28px;border-radius:16px;border:1px solid #e2e8f0;background:#fafbfc}.inv-template-modern .inv-address h4{font-size:10px;color:#6366f1;text-transform:uppercase;font-weight:800;letter-spacing:1.5px;margin-bottom:16px}.inv-template-modern .inv-address .inv-addr-name{font-size:16px;font-weight:700;color:#0f172a;margin-bottom:6px}.inv-template-modern .inv-address p{font-size:13px;color:#475569;line-height:1.7;white-space:pre-wrap}.inv-template-modern .inv-table{width:100%;border-collapse:separate;border-spacing:0 6px;margin-bottom:40px}.inv-template-modern .inv-table th{text-align:left;padding:12px 20px;font-size:10px;color:#94a3b8;text-transform:uppercase;font-weight:700;letter-spacing:1px}.inv-template-modern .inv-table td{background:#f8fafc;padding:16px 20px;font-size:14px;color:#0f172a;font-weight:500}.inv-template-modern .inv-table td:first-child{border-radius:12px 0 0 12px}.inv-template-modern .inv-table td:last-child{border-radius:0 12px 12px 0}.inv-template-modern .inv-table th.right,.inv-template-modern .inv-table td.right{text-align:right}.inv-template-modern .inv-footer-flex{display:flex;justify-content:flex-end}.inv-template-modern .inv-totals{width:320px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:28px 32px;border-radius:16px;border:1px solid #e2e8f0}.inv-template-modern .inv-total-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:#64748b;font-weight:500}.inv-template-modern .inv-total-row.grand{border-top:2px solid #6366f1;margin-top:16px;padding-top:16px;font-size:22px;font-weight:800;color:#6366f1}.inv-template-modern .inv-notes{margin-top:40px;padding:24px 28px;background:#fafbfc;border-radius:12px;border:1px solid #e2e8f0}.inv-template-modern .inv-notes h4{font-size:10px;text-transform:uppercase;color:#94a3b8;font-weight:800;letter-spacing:1.5px;margin-bottom:8px}.inv-template-modern .inv-notes p{font-size:13px;color:#475569;line-height:1.7}.inv-template-modern .inv-footer{margin-top:auto;padding:24px 60px;text-align:center;font-size:10px;color:#94a3b8;letter-spacing:1px;text-transform:uppercase;border-top:1px solid #e2e8f0}.invoice-loading-overlay{position:absolute;inset:0;background:#fffc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:10;font-weight:600;color:var(--primary-600)}[data-theme=dark] .invoice-builder-content{background:var(--bg-primary);box-shadow:0 24px 64px #00000080;border:1px solid rgba(255,255,255,.05)}[data-theme=dark] .invoice-builder-form{background:#0f172a;border-right-color:#ffffff0d}[data-theme=dark] .form-section{background:#1e293b;border-color:#ffffff0d}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .item-row input{background:#0f172a;border-color:#ffffff1a;color:#f1f5f9}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus,[data-theme=dark] .item-row input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f133}[data-theme=dark] .template-card{background:#0f172a;color:#94a3b8}[data-theme=dark] .template-card:hover{background:#1e293b}[data-theme=dark] .template-card.active{background:#6366f11a;border-color:var(--primary-500);color:var(--primary-400)}[data-theme=dark] .add-item-btn{border-color:#ffffff1a;color:var(--primary-400)}[data-theme=dark] .add-item-btn:hover{background:#ffffff08;border-color:var(--primary-500)}[data-theme=dark] .invoice-builder-preview{background:#020617}[data-theme=dark] .invoice-preview-wrapper{box-shadow:0 20px 60px #0009}[data-theme=dark] .invoice-loading-overlay{background:#0f172ae6}.module-hub{padding:var(--space-md) var(--space-xl) var(--space-xl) var(--space-xl);max-width:1400px;margin:0 auto}.module-hub__hero{display:flex;justify-content:space-between;align-items:center;background:#eef5ff;border-radius:20px;margin-bottom:28px;overflow:hidden;position:relative;height:180px}.module-hub__hero-content{flex:1;padding:24px 52px;z-index:2}.module-hub__hero-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--primary-500);padding:5px 12px;background:#fff;border-radius:100px;margin-bottom:16px;letter-spacing:.5px;text-transform:uppercase}.module-hub__title{font-size:2.2rem;font-weight:800;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.04em;line-height:1.1}.module-hub__title span{color:var(--primary-500)}.module-hub__subtitle{font-size:14px;color:var(--text-secondary);max-width:440px;line-height:1.5}.module-hub__hero-image{position:absolute;right:0;top:0;bottom:0;width:52%;clip-path:polygon(15% 0,100% 0,100% 100%,0% 100%)}.module-hub__hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}.module-hub__stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}.module-hub__stat-item{display:flex;align-items:center;gap:20px;padding:24px 28px;background:var(--bg-secondary);border-radius:14px;border:1px solid var(--border-default)}.module-hub__stat-icon-wrapper{width:60px;height:60px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.module-hub__stat-image{width:100%;height:100%;object-fit:cover}.module-hub__stat-value{font-size:26px;font-weight:800;color:var(--text-primary);line-height:1.2}.module-hub__stat-label{font-size:13px;color:var(--text-muted);font-weight:500;margin-top:2px}.module-hub__controls-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.module-hub__search-group{display:flex;align-items:center;gap:12px}.module-hub__search{display:flex;align-items:center;gap:10px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:10px;padding:0 14px;min-width:280px;height:40px}.module-hub__search svg{color:var(--text-muted);flex-shrink:0}.module-hub__search input{border:none;background:transparent;font-size:13px;color:var(--text-primary);width:100%;outline:none}.module-hub__search input::placeholder{color:var(--text-muted)}.module-hub__filter{height:40px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:10px;padding:0 32px 0 14px;font-size:13px;color:var(--text-secondary);font-weight:500;cursor:pointer;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%239CA3AF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 12px top 50%;background-size:10px auto}.module-hub__hero-actions{display:flex;align-items:center;gap:12px}.module-hub__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.module-hub__card{display:flex;flex-direction:column;background:transparent;border:none;border-radius:14px;overflow:visible;cursor:pointer;transition:transform .25s ease}.module-hub__card:hover{transform:translateY(-3px)}.module-hub__card.inactive{opacity:.5;cursor:default}.module-hub__card.inactive:hover{transform:none}.module-hub__card-banner{width:100%;height:130px;overflow:hidden;border-radius:14px;position:relative}.module-hub__card-banner img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.module-hub__card:hover .module-hub__card-banner img{transform:scale(1.05)}.module-hub__card-icon{display:none}.module-hub__card-content{padding:16px 4px 4px;flex:1;display:flex;flex-direction:column}.module-hub__card-body{margin-bottom:12px}.module-hub__card-title{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.module-hub__card-desc{font-size:12.5px;color:var(--text-secondary);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.module-hub__card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.module-hub__card-managers{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.module-hub__avatar-stack{display:flex}.module-hub__avatar-stack>*{margin-left:-6px;border:2px solid var(--bg-body, #fff);border-radius:var(--radius-full)}.module-hub__avatar-stack>*:first-child{margin-left:0}.module-hub__avatar-more{width:24px;height:24px;border-radius:var(--radius-full);background:var(--primary-50);color:var(--primary-500);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-left:-6px;border:2px solid var(--bg-body, #fff)}.module-hub__manager-count{font-size:12px;color:var(--text-muted);font-weight:500}.module-hub__no-manager{font-size:12px;color:var(--text-muted);font-style:italic}.module-hub__open-btn{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--primary-500);background:transparent;border:none;cursor:pointer;transition:transform .2s}.module-hub__open-btn:hover{transform:translate(3px)}.module-hub__card-header,.module-hub__card-actions,.module-hub__card-header-row,.module-hub__status-circle,.module-hub__access-btn,.module-hub__toggle{display:none}[data-theme=dark] .module-hub__hero{background:var(--bg-secondary);border:1px solid var(--border-default)}[data-theme=dark] .module-hub__hero-badge{background:#3b82f61a;border:1px solid rgba(59,130,246,.2)}[data-theme=dark] .module-hub__hero-image img{opacity:.7}[data-theme=dark] .module-hub__stat-item{background:var(--bg-secondary);border-color:var(--border-default)}[data-theme=dark] .module-hub__stat-icon-wrapper{background:transparent!important}[data-theme=dark] .module-hub__search{background:var(--bg-secondary);border-color:var(--border-default)}[data-theme=dark] .module-hub__filter{background:var(--bg-secondary);border-color:var(--border-default);color:var(--text-secondary)}[data-theme=dark] .module-hub__card-banner{border:1px solid var(--border-default);border-radius:14px}.module-hub__inactive-overlay{position:absolute;inset:0;background:#ffffff4d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);pointer-events:none}.module-hub__inactive-overlay span{font-size:var(--font-sm);font-weight:700;color:var(--text-muted);background:#fffc;padding:6px 16px;border-radius:var(--radius-full)}[data-theme=dark] .module-hub__inactive-overlay{background:#0006}[data-theme=dark] .module-hub__inactive-overlay span{background:#181c28cc}.module-hub__overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-xl);animation:fadeIn .2s ease}.module-hub__access-modal,.module-hub__invite-modal{width:100%;max-width:600px;max-height:85vh;overflow-y:auto;padding:var(--space-xl);animation:scaleIn .25s cubic-bezier(.34,1.56,.64,1)}.module-hub__modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl)}.module-hub__modal-title-group{display:flex;align-items:center;gap:var(--space-md)}.module-hub__modal-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001f;flex-shrink:0}.module-hub__modal-title{font-size:var(--font-xl);font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.module-hub__modal-subtitle{font-size:var(--font-sm);color:var(--text-secondary)}.module-hub__modal-close{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition-fast)}.module-hub__modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.module-hub__assign-section,.module-hub__access-list-section,.module-hub__invite-inline{margin-bottom:var(--space-xl)}.module-hub__assign-title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-md);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md)}.module-hub__assign-row{display:flex;gap:var(--space-md)}.module-hub__select-wrap{flex:1;position:relative}.module-hub__select-btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:11px 16px;background:var(--bg-surface, rgba(255, 255, 255, .45));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--text-primary);transition:all var(--transition-base)}.module-hub__select-btn:focus,.module-hub__select-btn:hover{border-color:var(--primary-400)}.module-hub__select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:10;padding:var(--space-xs);max-height:220px;overflow-y:auto;animation:scaleIn .15s ease}.module-hub__select-option{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);transition:background var(--transition-fast);text-align:left}.module-hub__select-option:hover{background:var(--bg-hover)}.module-hub__option-name{font-size:var(--font-sm);font-weight:600;color:var(--text-primary)}.module-hub__option-email{font-size:var(--font-xs);color:var(--text-muted)}.module-hub__access-list{display:flex;flex-direction:column;gap:var(--space-sm)}.module-hub__access-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--transition-fast)}.module-hub__access-item:hover{border-color:var(--primary-500)}.module-hub__access-item.pending{border-style:dashed}.module-hub__invite-avatar{width:34px;height:34px;border-radius:var(--radius-full);background:var(--warning-light);color:var(--warning);display:flex;align-items:center;justify-content:center;flex-shrink:0}.module-hub__access-info{flex:1;min-width:0}.module-hub__access-name{font-size:var(--font-sm);font-weight:600;color:var(--text-primary)}.module-hub__access-email{font-size:var(--font-xs);color:var(--text-muted)}.module-hub__access-date{display:flex;align-items:center;gap:4px;font-size:var(--font-xs);color:var(--text-muted)}.module-hub__access-remove{width:30px;height:30px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition-fast)}.module-hub__access-remove:hover{background:var(--danger-light);color:var(--danger)}.module-hub__empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-xl);color:var(--text-muted);text-align:center}.module-hub__empty-state p{font-size:var(--font-sm)}.module-hub__invite-input{flex:1}.module-hub__invite-form{display:flex;flex-direction:column;gap:var(--space-lg)}.module-hub__form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.module-hub__form-label{font-size:var(--font-sm);font-weight:600;color:var(--text-primary)}.module-hub__invite-select{cursor:pointer}.module-hub__invite-actions{display:flex;justify-content:flex-end;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-default)}.module-hub__creds-modal{width:100%;max-width:440px;padding:var(--space-xl);animation:scaleIn .25s cubic-bezier(.34,1.56,.64,1);text-align:center}.module-hub__creds-header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px}.module-hub__creds-icon{width:56px;height:56px;border-radius:50%;background:var(--success-light);display:flex;align-items:center;justify-content:center;margin-bottom:4px}.module-hub__creds-title{font-size:var(--font-xl);font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.module-hub__creds-subtitle{font-size:var(--font-sm);color:var(--text-secondary)}.module-hub__creds-card{background:var(--bg-body);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px;margin-bottom:20px;text-align:left}.module-hub__creds-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.module-hub__creds-label{font-size:var(--font-sm);color:var(--text-muted);font-weight:500;display:flex;align-items:center;gap:6px}.module-hub__creds-value{font-size:var(--font-sm);color:var(--text-primary);font-weight:600}.module-hub__creds-password{font-family:SF Mono,Fira Code,monospace;background:var(--bg-hover);padding:4px 10px;border-radius:var(--radius-sm);letter-spacing:.05em}.module-hub__creds-divider{height:1px;background:var(--border-light);margin:4px 0}.module-hub__creds-actions{display:flex;gap:10px}.module-hub__creds-copy{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;background:var(--bg-hover);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .15s ease;font-family:var(--font-family)}.module-hub__creds-copy:hover{background:var(--primary-50);border-color:var(--primary-400);color:var(--primary-500)}.module-hub__creds-done{flex:1;padding:11px 16px;background:linear-gradient(135deg,var(--primary-500),var(--primary-400));border:none;border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:700;color:#fff;cursor:pointer;transition:all .15s ease;font-family:var(--font-family);box-shadow:0 4px 14px #0055fe33}.module-hub__creds-done:hover{box-shadow:0 6px 20px #0055fe4d;transform:translateY(-1px)}@media(max-width:1200px){.module-hub__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.module-hub{padding:var(--space-md)}.module-hub__hero{flex-direction:column;height:auto;min-height:180px}.module-hub__hero-image{display:none}.module-hub__hero-content{padding:28px}.module-hub__controls-bar{flex-direction:column;gap:12px;align-items:stretch}.module-hub__search-group{flex-direction:column}.module-hub__search{min-width:100%}.module-hub__hero-actions{justify-content:stretch}.module-hub__title{font-size:var(--font-3xl)}.module-hub__stats-bar{grid-template-columns:repeat(2,1fr)}.module-hub__grid{grid-template-columns:1fr}.module-hub__access-modal,.module-hub__invite-modal{max-width:100%;padding:var(--space-lg)}.module-hub__assign-row{flex-direction:column}}.onboarding{display:flex;min-height:100vh;font-family:var(--font-family)}.onboarding__left{flex:0 0 50%;max-width:50%;display:flex;flex-direction:column;padding:40px 60px;background:var(--bg-secondary);position:relative}.onboarding__logo{display:flex;align-items:center;gap:10px;font-size:var(--font-xl);font-weight:800;color:var(--text-primary);letter-spacing:-.03em;margin-bottom:56px}.onboarding__logo-icon{width:48px;height:48px;background:transparent;display:flex;align-items:center;justify-content:center}.onboarding__content{flex:1;display:flex;flex-direction:column;justify-content:center;animation:onboardFadeIn .4s cubic-bezier(.4,0,.2,1)}@keyframes onboardFadeIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.onboarding__title{font-size:1.75rem;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;margin-bottom:8px;line-height:1.2}.onboarding__subtitle{font-size:var(--font-md);color:var(--text-secondary);margin-bottom:32px;font-weight:400}.onboarding__options{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.onboarding__chip{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-full);border:1.5px solid var(--border-default);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;position:relative;letter-spacing:-.01em}.onboarding__chip:hover{border-color:var(--primary-400);background:var(--primary-50);color:var(--primary-500);transform:translateY(-1px);box-shadow:0 4px 12px #0055fe14}.onboarding__chip.selected{border-color:var(--primary-500);background:var(--primary-50);color:var(--primary-500);box-shadow:0 0 0 2px #0055fe26,0 4px 12px #0055fe14}.onboarding__chip.selected svg:first-child{color:var(--primary-500)}.onboarding__chip-check{color:var(--primary-500);animation:chipCheckIn .25s cubic-bezier(.34,1.56,.64,1)}@keyframes chipCheckIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.onboarding__extra{margin-top:36px;animation:onboardFadeIn .4s cubic-bezier(.4,0,.2,1) .1s both}.onboarding__extra-title{font-size:var(--font-xl);font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:16px}.onboarding__footer{display:flex;justify-content:space-between;align-items:center;padding-top:32px;border-top:1px solid var(--border-default);margin-top:40px}.onboarding__footer-right{display:flex;align-items:center;gap:20px}.onboarding__back-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:var(--radius-md);border:1.5px solid var(--border-default);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.onboarding__back-btn:hover{border-color:var(--text-muted);background:var(--bg-primary)}.onboarding__steps{display:flex;align-items:center;gap:8px}.onboarding__step-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--gray-300);transition:all .3s ease}.onboarding__step-dot.active{width:24px;background:var(--primary-500)}.onboarding__step-dot.done{background:var(--primary-300)}.onboarding__continue-btn{display:flex;align-items:center;gap:8px;padding:12px 28px;border-radius:var(--radius-md);background:var(--primary-500);color:#fff;font-size:var(--font-sm);font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;letter-spacing:.01em;box-shadow:0 4px 14px #0055fe40}.onboarding__continue-btn:hover:not(.disabled){background:var(--primary-600);transform:translateY(-1px);box-shadow:0 6px 20px #0055fe4d}.onboarding__continue-btn.disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.onboarding__right{flex:0 0 50%;max-width:50%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:background .6s cubic-bezier(.4,0,.2,1)}.onboarding__visual{position:relative;width:340px;height:340px;display:flex;align-items:center;justify-content:center}.onboarding__deco{position:absolute;border-radius:50%;opacity:.15;animation:decoFloat 6s ease-in-out infinite}.onboarding__deco--1{width:200px;height:200px;background:#fff;top:-40px;right:-60px;animation-delay:0s}.onboarding__deco--2{width:120px;height:120px;background:#fff;bottom:-20px;left:-30px;animation-delay:2s}.onboarding__deco--3{width:80px;height:80px;background:#fff;top:40px;left:-20px;animation-delay:4s}@keyframes decoFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.05)}}.onboarding__visual-card{width:280px;background:#fffffff2;border-radius:16px;box-shadow:0 20px 60px #00000026,0 8px 24px #00000014;overflow:hidden;animation:cardFloat 4s ease-in-out infinite;z-index:2}@keyframes cardFloat{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(0)}}.onboarding__visual-header{padding:12px 16px;background:var(--gray-100);border-bottom:1px solid var(--gray-200)}.onboarding__visual-dots{display:flex;gap:6px}.onboarding__visual-dots span{width:8px;height:8px;border-radius:50%}.onboarding__visual-dots span:nth-child(1){background:#e2445c}.onboarding__visual-dots span:nth-child(2){background:#fdab3d}.onboarding__visual-dots span:nth-child(3){background:#00c875}.onboarding__visual-body{padding:20px;display:flex;flex-direction:column;gap:16px}.onboarding__visual-row{display:flex;align-items:center;gap:12px}.onboarding__visual-bar{height:10px;border-radius:5px;transition:width .5s ease}.onboarding__visual-circle{width:28px;height:28px;border-radius:50%;flex-shrink:0}.onboarding__float-card{position:absolute;display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fffffff2;border-radius:12px;box-shadow:0 8px 24px #0000001a;font-size:13px;font-weight:700;color:var(--text-primary);z-index:3}.onboarding__float-card--1{top:30px;right:-10px;animation:float1 5s ease-in-out infinite;color:var(--success)}.onboarding__float-card--2{bottom:40px;left:-20px;animation:float2 5s ease-in-out infinite 1.5s;color:var(--primary-500)}@keyframes float1{0%,to{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-10px) rotate(-1deg)}}@keyframes float2{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}[data-theme=dark] .onboarding__left{background:var(--bg-body)}[data-theme=dark] .onboarding__chip{background:var(--bg-primary);border-color:var(--border-default)}[data-theme=dark] .onboarding__chip:hover{background:#0055fe1a}[data-theme=dark] .onboarding__chip.selected{background:#0055fe26}[data-theme=dark] .onboarding__back-btn{background:var(--bg-primary);border-color:var(--border-default)}[data-theme=dark] .onboarding__visual-card{background:#1e2332f2}[data-theme=dark] .onboarding__visual-header{background:#282d3ccc;border-color:#ffffff0f}[data-theme=dark] .onboarding__float-card{background:#1e2332f2}@media(max-width:1024px){.onboarding{flex-direction:column}.onboarding__left,.onboarding__right{flex:none;max-width:100%}.onboarding__left{padding:32px 28px}.onboarding__right{min-height:280px;order:-1}.onboarding__visual{width:200px;height:200px}.onboarding__visual-card{width:180px}.onboarding__float-card{display:none}.onboarding__title{font-size:var(--font-xl)}}@media(max-width:640px){.onboarding__left{padding:24px 20px}.onboarding__logo{margin-bottom:24px}.onboarding__title{font-size:var(--font-lg)}.onboarding__chip{padding:8px 16px;font-size:var(--font-xs)}.onboarding__footer{flex-direction:column;gap:16px;align-items:stretch}.onboarding__footer-right{justify-content:space-between}.onboarding__right{min-height:200px}.onboarding__visual{width:160px;height:160px}.onboarding__visual-card{width:140px}}html{scroll-behavior:smooth}.landing{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#374151;background:#fff;line-height:1.6;overflow-x:hidden;min-height:100vh}.landing *,.landing *:before,.landing *:after{box-sizing:border-box}.landing a{text-decoration:none;color:inherit}.landing img{display:block;max-width:100%}.landing button{border:none;background:none;cursor:pointer;font-family:inherit}.landing ul{list-style:none;margin:0;padding:0}.landing-nav-wrapper{position:absolute;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:center;padding:16px 32px 0}.landing-nav{display:flex;align-items:center;justify-content:space-between;max-width:1200px;width:100%;padding:12px 0;background:transparent;border-bottom:1px solid rgba(0,0,0,.08);border-radius:0;box-shadow:none}.landing-nav__logo{display:flex;align-items:center;gap:8px;font-family:Figtree,sans-serif;font-size:15px;font-weight:700;color:#2563eb;letter-spacing:-.01em;flex-shrink:0}.landing-nav__logo-img{width:28px;height:28px;object-fit:contain}.landing-nav__links{display:flex;gap:32px;margin:0 auto}.landing-nav__links a{font-size:14px;font-weight:500;color:#374151;transition:color .2s}.landing-nav__links a:hover{color:#374151}.landing-nav__actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.landing-nav__signup{padding:10px 24px;background:#2563eb!important;color:#fff!important;border-radius:60px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;display:block!important;visibility:visible!important;opacity:1!important}.landing-nav__signup:hover{background:#1d4ed8!important;box-shadow:0 4px 14px #2563eb4d;transform:translateY(-1px)}.landing-nav__cta{display:inline-flex;align-items:center;gap:10px;padding:8px 0;background:transparent!important;color:#2563eb!important;font-size:14px;font-weight:600;border:none!important;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.landing-nav__cta:hover{background:#2563eb0d!important;transform:translateY(-1px)}.landing-nav__cta-arrow{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#2563eb;color:#fff;transition:transform .2s}.landing-nav__cta:hover .landing-nav__cta-arrow{transform:translate(2px)}.landing-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:600;border-radius:32px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;cursor:pointer;border:none}.landing-btn--sm{padding:8px 20px;font-size:13px}.landing-btn--lg{padding:13px 24px;font-size:15px}.landing-btn--primary{background:#2563eb!important;color:#fff!important;box-shadow:0 5px 15px #2563eb4d}.landing-btn--primary:hover{background:#1d4ed8!important;box-shadow:0 8px 25px #2563eb66;transform:translateY(-1px)}.landing-btn--primary:active{transform:translateY(0)}.landing-btn__arrow{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#fff3;transition:all .3s}.landing-btn--primary:hover .landing-btn__arrow{background:#ffffff4d;transform:translate(2px)}.landing-btn--outline{background:transparent!important;color:#2563eb!important;border:none!important;padding:13px 0}.landing-btn--outline:hover{background:#2563eb0d!important;transform:translateY(-1px)}.landing-btn--white{background:#fff;color:#2563eb;box-shadow:0 5px 15px #00000026}.landing-btn--white:hover{transform:translateY(-1px);box-shadow:0 8px 25px #0003}.landing-btn--outline-white{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4)}.landing-btn--outline-white:hover{background:#ffffff1a;border-color:#ffffffb3}.landing-performance{background:#fff;padding:10px 0 100px}.landing-performance__container{max-width:1200px;margin:0 auto;padding:0 32px}.landing-performance__content{margin-top:60px}.landing-tabs{background:transparent;padding:6px;border-radius:40px;display:flex;gap:8px;max-width:800px;margin:0 auto 48px;border:1px solid rgba(0,0,0,.08)}.landing-tab{flex:1;padding:12px 24px;border-radius:32px;font-family:Figtree,sans-serif;font-size:14px;font-weight:600;color:#6b7280;transition:all .4s cubic-bezier(.4,0,.2,1);background:transparent;border:1px solid transparent;cursor:pointer}.landing-tab:hover:not(.landing-tab--active){color:#374151;background:#00000005}.landing-tabs .landing-tab.landing-tab--active{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important;box-shadow:0 8px 20px #2563eb40!important}.landing-panel{background:#fff;border:1px solid #f3f4f6;border-radius:24px;display:flex;overflow:hidden;min-height:400px;box-shadow:0 20px 40px #0000000a}.landing-panel__visual{flex:1.2;position:relative;background:#f9fafb}.landing-panel__visual img{width:100%;height:100%;object-fit:cover}.landing-panel__overlay{position:absolute;inset:0;background:linear-gradient(90deg,#fff0,#ffffff0d)}.landing-panel__info{flex:1;padding:40px;display:flex;flex-direction:column;justify-content:center;font-family:Figtree,sans-serif}.landing-panel__tag{display:inline-block;padding:6px 14px;background:#fef9c3;color:#854d0e;border-radius:20px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:24px;width:fit-content}.landing-panel__info h3{font-family:Figtree,sans-serif;font-size:28px;font-weight:800;color:#374151;line-height:1.2;margin-bottom:16px;letter-spacing:-.02em}.landing-panel__info p{font-size:15px;line-height:1.6;color:#4b5563;margin-bottom:24px}@media(max-width:1024px){.landing-tabs{flex-wrap:wrap;border-radius:20px}.landing-panel{flex-direction:column}.landing-panel__info{padding:32px}.landing-panel__visual{height:300px}}.landing-hero{background:#fff;position:relative;overflow:hidden;min-height:75vh;display:flex;align-items:center;padding-top:120px}.landing-hero__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.15;pointer-events:none}.landing-hero__container{max-width:1200px;margin:0 auto;padding:80px 32px 100px;position:relative;z-index:1}.landing-hero__main{display:flex;align-items:center;gap:80px}.landing-hero__main--centered{justify-content:center;text-align:center;width:100%}.landing-hero__content{flex:0 1 auto;max-width:900px;animation:landingFadeInUp .8s ease-out both;display:flex;flex-direction:column;align-items:center}.landing-hero__heading{margin-bottom:24px;font-family:Figtree,sans-serif}.landing-hero__heading h1{font-size:72px;font-weight:800;line-height:1.05;letter-spacing:-.04em;color:#374151;margin:0 0 20px}.landing-hero__line{display:block}.landing-hero__highlight{background:linear-gradient(135deg,#2563eb,#1e40af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-hero__subtitle{font-family:Figtree,sans-serif;font-size:18px;line-height:1.6;color:#4b5563;max-width:640px;margin:0 auto}.landing-hero__buttons{display:flex;align-items:center;gap:16px;margin-top:24px}.landing-hero__ui{flex:1;display:flex;justify-content:center;perspective:1000px;animation:landingFadeInRight .8s ease-out .2s both}.landing-widget{width:460px;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:-3px 15px 25px #68635026;border:1px solid rgba(0,0,0,.06);transform:rotate(-2deg);transition:all .5s cubic-bezier(.4,0,.2,1);animation:landingFloat 6s ease-in-out infinite}.landing-widget:hover{transform:rotate(0) translateY(-5px);box-shadow:0 20px 60px #0000001f}@keyframes landingFloat{0%,to{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-8px)}}.landing-widget__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px}.landing-widget__title{font-size:15px;font-weight:700;color:#374151}.landing-widget__sort{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#374151;cursor:pointer;padding:4px 10px;border-radius:8px;transition:background .2s}.landing-widget__sort:hover{background:#f3f4f6}.landing-widget__list{padding:0 16px;display:flex;flex-direction:column;gap:4px}.landing-customer{display:flex;align-items:center;padding:14px 16px;border-radius:16px;transition:background .2s;cursor:pointer}.landing-customer:hover{background:#f9fafb}.landing-customer--highlighted{background:#fef7b0}.landing-customer--highlighted:hover{background:#fef3a0}.landing-customer__avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;margin-right:14px}.landing-customer__avatar img{width:100%;height:100%;object-fit:cover}.landing-customer__info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.landing-customer__name{font-size:13px;font-weight:600;color:#374151}.landing-customer__company{font-size:11px;font-weight:400;color:#6b7280}.landing-customer__actions{display:flex;gap:2px;margin-left:auto}.landing-action-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#6b7280;transition:all .2s;padding:0}.landing-action-icon:hover{background:#0000000f;color:#1f2937}.landing-widget__footer{padding:16px 24px 20px}.landing-widget__link{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#374151;cursor:pointer;transition:color .2s}.landing-widget__link:hover{color:#2563eb}.landing-widget__link svg{transition:transform .2s}.landing-widget__link:hover svg{transform:translate(3px)}.landing-trusted{background:#fff;padding:32px 0 40px;border-top:1px solid #f3f4f6}.landing-trusted__container{max-width:1200px;margin:0 auto;padding:0 32px;text-align:center}.landing-trusted__label{font-size:13px;font-weight:500;color:#9ca3af;text-transform:uppercase;letter-spacing:.1em;margin:0 0 20px}.landing-trusted__logos{display:flex;align-items:center;justify-content:center;gap:64px;flex-wrap:wrap;opacity:.4}.landing-trusted__logo span{font-family:Figtree,sans-serif;font-size:20px;font-weight:800;color:#2563eb;letter-spacing:-.02em}.landing-how{background:#fff;padding:40px 0 100px}.landing-how__container{max-width:1200px;margin:0 auto;padding:0 32px}.landing-how__wrapper{background:#dbeafe;border-radius:24px;padding:8px;display:flex;gap:8px;min-height:400px}.landing-step{flex:1;background:#ffffffb3;border-radius:20px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer}.landing-step:hover{background:#ffffffe6}.landing-step--active{flex:2.2;background:#fff;box-shadow:0 20px 40px #0000000f;cursor:default}.landing-step--active:hover{background:#fff}.landing-step__number{font-family:Figtree,sans-serif;font-size:14px;font-weight:600;color:#9ca3af;letter-spacing:.05em}.landing-step__text{margin-top:auto}.landing-step__text h3{font-family:Figtree,sans-serif;font-size:24px;font-weight:700;color:#374151;margin:0 0 12px;letter-spacing:-.02em}.landing-step__text p{font-size:15px;line-height:1.6;color:#4b5563;margin:0;max-width:240px;opacity:.8}.landing-step__image{position:absolute;top:24px;right:24px;bottom:24px;width:45%;background:#f3f4f6;border-radius:16px;overflow:hidden;display:none;animation:landingFadeInRight .5s ease-out}.landing-step--active .landing-step__image{display:block}.landing-step__image img{width:100%;height:100%;object-fit:cover}@media(max-width:1024px){.landing-how__wrapper{flex-direction:column;min-height:auto}.landing-step--active{flex:1}.landing-step__image{position:static;width:100%;height:200px;margin-top:24px}}.landing-section-header{text-align:center;margin-bottom:64px;font-family:Figtree,sans-serif}.landing-section-tag{display:inline-block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#2563eb;background:#eff6ff;padding:6px 16px;border-radius:20px;margin-bottom:16px}.landing-section-title{font-size:38px;font-weight:800;letter-spacing:-.03em;color:#374151;margin:0 0 16px}.landing-section-subtitle{font-size:16px;color:#6b7280;max-width:500px;margin:0 auto}.landing-footer{background:#0a0a0b;padding:100px 0 40px;color:#fff;font-family:Figtree,sans-serif}.landing-footer__container{max-width:1200px;margin:0 auto;padding:0 32px}.landing-footer__grid{display:flex;justify-content:space-between;gap:80px;margin-bottom:80px}.landing-footer__brand{max-width:320px}.landing-footer__brand .landing-nav__logo{margin-bottom:24px}.landing-footer__brand .landing-nav__logo span{color:#fff;font-size:24px}.landing-footer__tagline{font-size:16px;line-height:1.6;color:#fff9;margin-bottom:32px}.landing-footer__socials{display:flex;gap:16px}.landing-footer__social-link{width:40px;height:40px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff9;font-weight:700;transition:all .3s ease;text-decoration:none}.landing-footer__social-link:hover{background:#2563eb;color:#fff;border-color:#2563eb;transform:translateY(-3px)}.landing-footer__links{display:flex;gap:60px;flex:1;justify-content:flex-end}.landing-footer__col{min-width:140px}.landing-footer__heading{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;margin-bottom:24px}.landing-footer__col ul{list-style:none;padding:0;margin:0}.landing-footer__col ul li{margin-bottom:12px}.landing-footer__col a{font-size:15px;color:#ffffff80;text-decoration:none;transition:color .2s ease}.landing-footer__col a:hover{color:#2563eb}.landing-footer__bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:40px;display:flex;justify-content:space-between;align-items:center}.landing-footer__bottom p{font-size:14px;color:#fff6}.landing-footer__status{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#fff9;background:#ffffff08;padding:6px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.05)}.landing-status-dot{width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 10px #10b98180}@media(max-width:1024px){.landing-footer__grid{flex-direction:column;gap:60px}.landing-footer__links{justify-content:flex-start;flex-wrap:wrap;gap:40px}}@media(max-width:640px){.landing-footer__bottom{flex-direction:column;gap:24px;align-items:flex-start}}@keyframes landingFadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes landingFadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@media(max-width:1024px){.landing-hero__main{gap:48px}.landing-hero__heading h1{font-size:44px}.landing-widget{width:400px}.landing-testimonials__grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media(max-width:768px){.landing-nav__links,.landing-nav__actions{display:none}.landing-hero__container{padding:60px 24px 80px}.landing-hero__main{flex-direction:column;gap:48px;text-align:center}.landing-hero__content{max-width:100%}.landing-hero__heading h1{font-size:38px}.landing-hero__subtitle{margin:0 auto}.landing-hero__buttons{justify-content:center}.landing-widget{width:100%;max-width:420px;transform:rotate(0)}@keyframes landingFloat{0%,to{transform:rotate(0) translateY(0)}50%{transform:rotate(0) translateY(-6px)}}.landing-section-title{font-size:30px}.landing-footer__top{flex-direction:column;gap:40px}.landing-footer__links-group{gap:40px;flex-wrap:wrap}.landing-trusted__logos{gap:36px}.landing-testimonials__grid{grid-template-columns:1fr;gap:20px}.landing-testimonial-card{padding:30px}}@media(max-width:480px){.landing-hero__heading h1{font-size:32px}.landing-hero__buttons{flex-direction:column;width:100%}.landing-hero__buttons .landing-btn{width:100%}.landing-customer__actions{display:none}}.landing-testimonials{padding:80px 0;background:#fff}.landing-testimonials__container{max-width:1200px;margin:0 auto;padding:0 32px}.landing-testimonials__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.landing-testimonial-card{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(229,231,235,.8);border-radius:24px;padding:40px;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #00000008}.landing-testimonial-card:hover{transform:translateY(-6px);box-shadow:0 15px 40px #00000014;border-color:#2563eb}.landing-testimonial-quote{color:#2563eb;margin-bottom:24px;opacity:.6}.landing-testimonial-text{font-family:Figtree,sans-serif;font-size:16px;line-height:1.6;color:#4b5563;margin-bottom:32px;flex-grow:1}.landing-testimonial-author{display:flex;align-items:center;gap:16px}.landing-testimonial-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #ffffff;box-shadow:0 4px 10px #0000001a}.landing-testimonial-info{display:flex;flex-direction:column}.landing-testimonial-name{font-family:Figtree,sans-serif;font-size:15px;font-weight:700;color:#1f2937;margin:0}.landing-testimonial-role{font-family:Figtree,sans-serif;font-size:13px;color:#6b7280;margin:0}.landing-pricing{padding:40px 0 100px;background:#fff}.landing-pricing__wrap{max-width:1200px;margin:0 auto;position:relative;border-radius:32px;overflow:hidden;min-height:480px}.landing-pricing__bg{position:absolute;inset:0;z-index:0}.landing-pricing__bg img{width:100%;height:100%;object-fit:cover}.landing-pricing__overlay{position:absolute;inset:0;background:#000000b8;z-index:1}.landing-pricing__container{position:relative;z-index:2;max-width:1080px;margin:0 auto;padding:56px 48px}.landing-pricing__content{display:flex;justify-content:space-between;align-items:flex-start;gap:64px}.landing-pricing__left{flex:1;max-width:380px}.landing-pricing__heading{font-family:Figtree,sans-serif;font-size:34px;font-weight:800;color:#fff;margin-bottom:28px;letter-spacing:-.03em;line-height:1.1}.landing-pricing__plans-box{background:#ffffff0f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:6px;display:flex;flex-direction:column;gap:4px;margin-bottom:28px}.landing-pricing__plan-btn{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:transparent;border:none;border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left}.landing-pricing__plan-btn:hover{background:#ffffff14}.landing-pricing__plan-btn.active{background:#2563eb;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 24px #2563eb4d}.landing-pricing__plan-info{display:flex;flex-direction:column;gap:3px}.landing-pricing__plan-title{font-family:Figtree,sans-serif;font-size:15px;font-weight:700;color:#fff}.landing-pricing__plan-subtitle{font-family:Figtree,sans-serif;font-size:13px;color:#ffffff80}.landing-pricing__plan-check{width:22px;height:22px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;opacity:0;transition:all .3s ease}.landing-pricing__plan-btn.active .landing-pricing__plan-check{opacity:1}.landing-pricing__social-proof{display:flex;align-items:center;gap:14px}.landing-pricing__user-avatars{display:flex}.landing-pricing__user-avatars img{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.2);margin-left:-8px;object-fit:cover}.landing-pricing__user-avatars img:first-child{margin-left:0}.landing-pricing__rating-info{color:#fff}.landing-pricing__star-rating{font-family:Figtree,sans-serif;font-size:13px;font-weight:700;display:flex;align-items:center;gap:5px;color:#fff}.landing-pricing__rating-info p{font-family:Figtree,sans-serif;font-size:11px;color:#fff9;margin-top:2px}.landing-pricing__right-col{width:400px;flex-shrink:0}.landing-pricing__glass-card{background:#ffffff0f;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:28px;color:#fff;box-shadow:0 8px 32px #00000040,inset 0 1px #ffffff1a;display:flex;flex-direction:column}.landing-pricing__card-top{display:flex;align-items:center;gap:12px;margin-bottom:20px}.landing-pricing__type-icon{width:38px;height:38px;background:#2563eb;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff}.landing-pricing__card-top h3{font-family:Figtree,sans-serif;font-size:22px;font-weight:800;color:#fff;letter-spacing:-.02em}.landing-pricing__price-display{margin-bottom:16px}.landing-pricing__main-price{display:flex;align-items:baseline;gap:6px;margin-bottom:8px}.landing-pricing__main-price .amount{font-family:Figtree,sans-serif;font-size:38px;font-weight:800;color:#fff;letter-spacing:-.03em}.landing-pricing__main-price .period{font-family:Figtree,sans-serif;font-size:15px;color:#fff9;font-weight:500}.landing-pricing__price-text{font-family:Figtree,sans-serif;font-size:13px;color:#ffffffa6;line-height:1.5}.landing-pricing__cta-main{display:inline-flex!important;align-items:center!important;gap:12px!important;background:#2563eb!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:32px!important;padding:12px 16px 12px 22px!important;font-family:Figtree,sans-serif!important;font-size:15px!important;font-weight:700!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:0 4px 15px #2563eb66!important;width:fit-content!important;margin:24px 0!important;opacity:1!important;visibility:visible!important}.landing-pricing__cta-main:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px #2563eb80!important;background:#1d4ed8!important}.landing-pricing__cta-arrow{width:28px!important;height:28px!important;background:#ffffff4d!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important}.landing-pricing__feature-items{display:flex;flex-direction:column;gap:6px;margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.landing-pricing__feature-row{display:flex;align-items:center;gap:10px;font-family:Figtree,sans-serif;font-size:13px;color:#ffffffbf}.landing-pricing__feature-row svg{color:#ffffff80;font-size:14px;flex-shrink:0}.pm{padding:0 32px 32px;max-width:1440px;margin:0 auto;font-family:Figtree,sans-serif;animation:pm-fadeIn .4s ease-out}@keyframes pm-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.pm__banner{position:relative;height:220px;border-radius:20px;margin-bottom:32px;padding:48px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.pm__banner-bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:1}.pm__banner:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.pm__banner-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.4) 0%,transparent 100%);z-index:1}.pm__banner-content{position:relative;z-index:2;color:#fff}.pm__banner-content h1{font-size:32px;font-weight:800;margin-bottom:8px}.pm__banner-content p{font-size:14px;opacity:.8;max-width:500px}.pm__toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 0;margin-bottom:8px;border-bottom:1px solid var(--border-color)}.pm__tabs{display:flex;gap:8px}.pm__tab{border:none;background:transparent;padding:10px 20px;font-size:14px;font-weight:600;color:var(--text-muted);cursor:pointer;border-radius:10px;display:flex;align-items:center;gap:10px;transition:all .2s}.pm__tab:hover{background:#00000005;color:var(--text-primary)}.pm__tab.active{background:var(--primary-50);color:var(--primary-600)}.pm__actions{display:flex;gap:16px;align-items:center}.pm__view-toggle{display:flex;background:#00000008;padding:4px;border-radius:8px}.pm__view-toggle button{border:none;background:transparent;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--text-muted);cursor:pointer}.pm__view-toggle button.active{background:#fff;color:var(--primary-600);box-shadow:0 2px 8px #0000000d}.pm__search{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid rgba(0,0,0,.08);border-radius:10px;background:var(--bg-primary);min-width:160px;max-width:200px}.pm__search input{border:none;background:transparent;font-size:13px;color:var(--text-primary);outline:none;width:100%}.pm__filter-select{padding:8px 12px;border:1px solid rgba(0,0,0,.08);border-radius:10px;background:var(--bg-primary);font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;outline:none;min-width:130px;font-family:Figtree,sans-serif;transition:all .2s}.pm__filter-select:hover{border-color:var(--primary-300)}.pm__filter-select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #579bfc1a}[data-theme=dark] .pm__filter-select{background:#ffffff0a;border-color:#ffffff14;color:var(--text-primary)}.pm__overview{display:flex;flex-direction:column;gap:32px}.pm__stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.pm__stat-card{background:var(--bg-primary);border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;position:relative;transition:all .2s;overflow:hidden}.pm__stat-info{display:flex;flex-direction:column;gap:2px}.pm__stat-value{font-size:32px;font-weight:800;color:var(--text-primary);line-height:1;letter-spacing:-1px}.pm__stat-label{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.pm__stat-trend{font-size:11px;font-weight:700;padding:2px 8px;border-radius:100px;display:inline-flex;align-items:center;width:fit-content}.pm__stat-trend.positive{background:#10b9811a;color:#10b981}.pm__stat-img{width:70px;height:70px;flex-shrink:0;opacity:.9}.pm__stat-img img{width:100%;height:100%;object-fit:contain}.pm__overview-content{display:grid;grid-template-columns:1fr 400px;gap:32px}.pm__widget{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;padding:24px}.pm__widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.pm__widget-header h3{font-size:16px;font-weight:700;color:var(--text-primary)}.pm__deadline-list{display:flex;flex-direction:column;gap:16px}.pm__deadline-item{display:flex;align-items:center;gap:16px;padding:12px;border-radius:12px;border:1px solid rgba(0,0,0,.03);transition:all .2s}.pm__deadline-item:hover{background:#00000003;border-color:var(--border-color)}.pm__deadline-date{width:50px;height:50px;background:var(--primary-50);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--primary-600)}.pm__deadline-date strong{font-size:16px;font-weight:800;line-height:1}.pm__deadline-date span{font-size:10px;font-weight:700;text-transform:uppercase}.pm__deadline-info{flex:1}.pm__deadline-info h4{font-size:14px;font-weight:700;margin-bottom:2px}.pm__deadline-info span{font-size:12px;color:var(--text-muted)}.pm__health-chart{display:flex;flex-direction:column;gap:20px}.pm__health-item{display:flex;align-items:center;gap:16px}.pm__health-item label{font-size:13px;font-weight:600;color:var(--text-secondary);width:80px}.pm__health-bar{flex:1;height:8px;background:#0000000d;border-radius:100px;overflow:hidden}.pm__health-bar .fill{height:100%;border-radius:100px}.pm__health-bar .fill.success{background:#10b981}.pm__health-bar .fill.warning{background:#f59e0b}.pm__health-bar .fill.danger{background:#ef4444}.pm__health-item span{font-size:12px;font-weight:700;color:var(--text-primary);width:32px;text-align:right}.pm__projects--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px}.pm__projects--list{display:flex;flex-direction:column;gap:12px}.pm__project-card{background:var(--bg-primary);border:1px solid rgba(0,0,0,.08);border-radius:20px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;flex-direction:column}.pm__project-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014;border-color:#00000026}.pm__project-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.pm__project-card-title h3{font-size:17px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.pm__project-card-title p{font-size:13px;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pm__projects--list .pm__project-card{flex-direction:row;align-items:center;padding:12px 20px;border-radius:12px;gap:20px}.pm__projects--list .pm__project-card:hover{transform:translate(4px);box-shadow:0 4px 12px #0000000d}.pm__projects--list .pm__project-card-header{margin-bottom:0;flex:2;min-width:200px}.pm__projects--list .pm__project-card-title h3{font-size:15px;margin-bottom:0}.pm__projects--list .pm__project-card-title p{font-size:12px;-webkit-line-clamp:1}.pm__projects--list .pm__project-card-actions{display:none}.pm__projects--list .pm__project-card-meta{margin-bottom:0;grid-template-columns:repeat(3,auto);gap:24px;flex:3}.pm__projects--list .pm__meta-group label{display:none}.pm__projects--list .pm__project-card-progress{margin-bottom:0;flex:2;min-width:140px}.pm__projects--list .pm__progress-info{margin-bottom:4px}.pm__projects--list .pm__progress-stats{display:none}.pm__projects--list .pm__project-card-footer{padding-top:0;border-top:none;flex:1;justify-content:flex-end}.pm__projects--list .pm__project-card-footer button{display:none}.pm__project-card-actions{display:flex;gap:8px}.pm__project-card-actions button{width:32px;height:32px;border-radius:8px;border:1px solid var(--border-color);background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.pm__project-card-actions button:hover{background:var(--primary-50);color:var(--primary-600);border-color:var(--primary-200)}.pm__sprint-btn{width:auto!important;padding:0 10px!important;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase}.pm__project-card-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.pm__meta-group label{display:block;font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin-bottom:6px}.pm__deadline-pill{display:inline-flex;align-items:center;gap:4px;background:#00000008;padding:2px 8px;border-radius:100px;font-size:11px;font-weight:600;color:var(--text-secondary)}.pm__project-card-progress{margin-bottom:24px}.pm__progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pm__progress-info span{font-size:12px;color:var(--text-muted)}.pm__progress-info strong{font-size:13px;color:var(--text-primary)}.pm__progress-bar{height:6px;background:#0000000d;border-radius:100px;margin-bottom:8px;position:relative}.pm__progress-fill{height:100%;border-radius:100px;transition:width .3s ease-out;position:relative}.pm__progress-thumb{position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:14px;height:14px;background:#fff;border:2px solid var(--primary-500);border-radius:50%;box-shadow:0 2px 6px #00000026;opacity:.8;transition:all .2s;cursor:grab}.pm__progress-bar:hover .pm__progress-thumb{opacity:1;transform:translateY(-50%) scale(1.2)}.pm__progress-thumb:active{cursor:grabbing;transform:translateY(-50%) scale(1.1)}.pm__progress-stats{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted);font-weight:600}.pm__project-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid rgba(0,0,0,.05)}.pm__project-team{display:flex;align-items:center}.pm__project-team .avatar{border:2px solid white;margin-left:-8px}.pm__project-team .avatar:first-child{margin-left:0}.pm__team-more{width:24px;height:24px;border-radius:50%;background:var(--bg-secondary);border:2px solid white;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-left:-8px;color:var(--text-muted)}.pm__tasks-container{background:var(--bg-primary);border:1px solid rgba(0,0,0,.08);border-radius:20px;overflow:hidden}.pm__tasks-table{width:100%;border-collapse:collapse}.pm__tasks-table th{text-align:left;padding:14px 20px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;background:#00000005;border-bottom:1px solid var(--border-color)}.pm__tasks-table td{padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.03);font-size:13px;vertical-align:middle}.pm__tasks-table tr:hover{background:#00000003}.pm__project-link{color:var(--primary-600);font-weight:600;cursor:pointer}.pm__task-assignee{display:flex;align-items:center;gap:8px;font-weight:500}.pm__task-deadline{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:12px}.pm__task-actions{display:flex;gap:8px}.pm__icon-btn{width:30px;height:30px;border-radius:8px;border:1px solid var(--border-color);background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.pm__icon-btn:hover{background:var(--primary-50);color:var(--primary-600);border-color:var(--primary-200)}.pm__icon-btn.danger:hover{background:#fef2f2;color:#ef4444;border-color:#fee2e2}.pm__tag{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:capitalize;letter-spacing:.2px}.pm__tag-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.pm__tag--planning,.pm__tag--medium{background:#3b82f614;color:#3b82f6}.pm__tag--in-progress,.pm__tag--high{background:#f59e0b14;color:#f59e0b}.pm__tag--completed,.pm__tag--done{background:#10b98114;color:#10b981}.pm__tag--on-hold,.pm__tag--low{background:#6b728014;color:#6b7280}.pm__tag--critical,.pm__tag--stuck{background:#ef444414;color:#ef4444}.pm__tag--not-started{background:#6c7a9614;color:#6c7a96}.pm__tag--in-review{background:#a25ddc14;color:#a25ddc}[data-theme=dark] .pm__stat-card,[data-theme=dark] .pm__widget,[data-theme=dark] .pm__project-card,[data-theme=dark] .pm__tasks-container,[data-theme=dark] .pm__toolbar{background:#ffffff05;border-color:#ffffff0f}[data-theme=dark] .pm__tab.active{background:#ffffff14;color:#fff}[data-theme=dark] .pm__tab:hover:not(.active){background:#ffffff08}[data-theme=dark] .pm__deadline-item:hover{background:#ffffff08}[data-theme=dark] .pm__deadline-date{background:#ffffff0d;color:var(--primary-400)}[data-theme=dark] .pm__project-team .avatar,[data-theme=dark] .pm__team-more{border-color:#1e293b}[data-theme=dark] .pm__tasks-table th{background:#ffffff08}.pm__placeholder-view{display:flex;align-items:center;justify-content:center;padding:80px 20px;background:var(--bg-hover);border-radius:20px;border:1px dashed var(--border-light);animation:fadeIn .4s ease;margin-top:20px}.pm__placeholder-card{text-align:center;max-width:400px}.pm__placeholder-icon{color:var(--primary-500);margin-bottom:20px;opacity:.6}.pm__placeholder-card h3{font-size:var(--font-xl);font-weight:700;color:var(--text-primary);margin-bottom:12px}.pm__placeholder-card p{color:var(--text-muted);font-size:var(--font-sm);line-height:1.6;margin-bottom:24px}.ld{padding:0 32px 32px;max-width:1400px;margin:0 auto;font-family:Figtree,sans-serif;animation:ld-fadeIn .4s ease-out}@keyframes ld-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ld__banner{position:relative;height:240px;border-radius:20px;margin-bottom:32px;padding:48px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.ld__banner-bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:1}.ld__banner-overlay{position:absolute;inset:0;background:linear-gradient(to top,#000c,#0003);z-index:2}.ld__banner-content{position:relative;z-index:3;color:#fff}.ld__banner-content h1{font-size:32px;font-weight:800;margin-bottom:8px}.ld__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.ld__stat-card{background:var(--bg-primary);border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:all .2s}.ld__stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000d;border-color:#00000026}.ld__stat-img{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.ld__stat-img img{width:100%;height:100%;object-fit:contain}.ld__stat-info{display:flex;flex-direction:column}.ld__stat-value{font-size:20px;font-weight:700;color:var(--text-primary)}.ld__stat-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.ld__toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.ld__views{display:flex;background:#00000008;padding:4px;border-radius:10px;gap:4px}.ld__view-btn{border:none;background:transparent;padding:8px 16px;font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;border-radius:8px;display:flex;align-items:center;gap:8px;transition:all .2s}.ld__view-btn:hover{color:var(--text-primary)}.ld__view-btn.active{background:#fff;color:var(--primary-600);box-shadow:0 2px 8px #0000000d}.ld__actions{display:flex;gap:12px;align-items:center}.ld__tool-group{display:flex;gap:8px;align-items:center;background:#00000005;padding:4px;border-radius:10px}.ld__import-wrapper{position:relative;overflow:hidden}.ld__import-wrapper input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.ld__search{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);width:180px}.ld__search input{border:none;background:transparent;font-size:13px;color:var(--text-primary);outline:none;width:100%}.ld__pipeline{display:flex;gap:20px;overflow-x:auto;padding-bottom:16px;min-height:500px;align-items:flex-start}.ld__pipeline-column{flex:0 0 280px;background:#00000005;border-radius:12px;padding:12px;height:fit-content;transition:background .2s}.ld__pipeline-column.dragging-over{background:#0000000d}.ld__pipeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 4px}.ld__pipeline-header h3{font-size:13px;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px}.ld__pipeline-count{font-size:11px;font-weight:700;background:#0000000d;padding:2px 8px;border-radius:100px}.ld__pipeline-cards{display:flex;flex-direction:column;gap:12px}.ld__lead-card{background:var(--bg-primary);border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:16px;cursor:grab;transition:all .2s}.ld__lead-card.dragging{box-shadow:0 12px 32px #00000026;border-color:var(--primary-500);transform:rotate(2deg);cursor:grabbing}.ld__lead-card:hover{border-color:var(--primary-400);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.ld__lead-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ld__lead-card-company{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase}.ld__lead-card-name{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.ld__lead-card-meta{display:flex;gap:12px;margin-bottom:16px}.ld__lead-card-meta span{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted);font-weight:500}.ld__lead-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px dashed var(--border-color)}.ld__lead-card-actions{display:flex;align-items:center;gap:8px}.ld__lead-card-actions button{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center}.ld__lead-card-actions button:hover{color:var(--primary-600)}.ld__stage-jump{display:flex;align-items:center;gap:2px;color:var(--text-muted);position:relative}.ld__stage-jump select{position:absolute;inset:0;opacity:0;cursor:pointer}.ld__table-container{background:var(--bg-primary);border:1px solid rgba(0,0,0,.08);border-radius:16px;overflow:hidden}.ld__table{width:100%;border-collapse:collapse}.ld__table th{text-align:left;padding:14px 20px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;background:#00000005;border-bottom:1px solid var(--border-color)}.ld__table td{padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.03);font-size:13px;vertical-align:middle}.ld__table tr:hover{background:#00000003;cursor:pointer}.ld__table-lead{display:flex;flex-direction:column;gap:2px}.ld__table-lead strong{color:var(--text-primary);font-size:14px}.ld__table-lead span{color:var(--text-muted);font-size:11px}.ld__table-value{color:var(--primary-600)}.ld__table-contact{display:flex;flex-direction:column}.ld__table-contact small{color:var(--text-muted);font-size:11px}.ld__table-actions{display:flex;gap:8px;justify-content:flex-end}.ld__contacts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.ld__contact-card{background:var(--bg-primary);border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:24px;transition:all .2s}.ld__contact-card:hover{border-color:var(--primary-400);transform:translateY(-2px)}.ld__contact-card-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.ld__contact-info h4{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:2px}.ld__contact-info span{font-size:12px;color:var(--text-muted)}.ld__contact-details{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.ld__contact-detail{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.ld__contact-footer{display:flex;justify-content:space-between;gap:10px;padding-top:16px;border-top:1px solid rgba(0,0,0,.05)}.ld__add-contact-card{border:2px dashed var(--border-color);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted);cursor:pointer;transition:all .2s;min-height:200px}.ld__add-contact-card:hover{border-color:var(--primary-500);color:var(--primary-600);background:var(--primary-50)}.ld__tag{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}.ld__tag-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.ld__tag--high{background:#ef44441a;color:#ef4444}.ld__tag--medium{background:#f59e0b1a;color:#f59e0b}.ld__tag--low{background:#10b9811a;color:#10b981}.ld__tag--new{background:#3b82f61a;color:#3b82f6}.ld__tag--contacted{background:#8b5cf61a;color:#8b5cf6}.ld__tag--qualified{background:#10b9811a;color:#10b981}.ld__tag--proposal{background:#f59e0b1a;color:#f59e0b}.ld__tag--negotiation{background:#f973161a;color:#f97316}.ld__tag--closed{background:#6b72801a;color:#6b7280}.ld__icon-btn{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .2s}.ld__icon-btn:hover{background:var(--primary-50);color:var(--primary-600);border-color:var(--primary-200)}.ld__icon-btn--danger:hover{background:#fef2f2;color:#ef4444;border-color:#fee2e2}.ld__detail-header{display:flex;align-items:center;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--border-color);margin-bottom:24px}.ld__detail-header h3{font-size:18px;font-weight:700;color:var(--text-primary)}.ld__detail-header span{font-size:13px;color:var(--text-muted)}.ld__detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.ld__detail-item label{display:block;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin-bottom:6px}.ld__detail-item div{font-size:15px;font-weight:600;color:var(--text-primary)}.ld__detail-item div.highlight{font-size:24px;color:var(--primary-600)}.ld__detail-actions{display:flex;gap:12px}[data-theme=dark] .ld__view-btn.active{background:#ffffff14;color:#fff}[data-theme=dark] .ld__view-btn:hover:not(.active){background:#ffffff08}[data-theme=dark] .ld__pipeline-column{background:#ffffff08}[data-theme=dark] .ld__stat-card,[data-theme=dark] .ld__lead-card{background:#ffffff05;border-color:#ffffff0f}[data-theme=dark] .ld__table th,[data-theme=dark] .ld__table tr:hover{background:#ffffff08}[data-theme=dark] .ld__contact-card{background:#ffffff05;border-color:#ffffff0f}.cl{padding:0 32px 32px;max-width:1400px;margin:0 auto;font-family:Figtree,-apple-system,BlinkMacSystemFont,sans-serif;animation:cl-fadeIn .4s ease-out}@keyframes cl-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.cl__banner{position:relative;height:260px;border-radius:20px;margin-bottom:32px;padding:48px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.cl__banner-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:1}.cl__banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#000000d9,#0003);z-index:2}.cl__banner-content{position:relative;z-index:3}.cl__banner-content h1{font-size:32px;font-weight:800;color:#fff;letter-spacing:-1px;margin:0 0 8px;text-shadow:0 2px 12px rgba(0,0,0,.4)}.cl__banner-content p{font-size:14px;font-weight:500;color:#ffffffd9;margin:0;max-width:500px;text-shadow:0 1px 6px rgba(0,0,0,.4)}.cl__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.cl__stat-card{padding:0;border:1px solid rgba(0,0,0,.08);border-radius:16px;display:flex;align-items:center;justify-content:space-between;background:var(--bg-primary);height:90px;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s,border-color .2s}.cl__stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f;border-color:#00000026}.cl__stat-info{margin-right:auto;text-align:left;position:relative;z-index:2;padding:0 20px}.cl__stat-value{font-size:22px;font-weight:700;color:var(--text-primary);line-height:1.2;letter-spacing:-.5px;margin-bottom:2px}.cl__stat-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.cl__stat-img{width:70px;height:70px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.cl__stat-img img{width:100%;height:100%;object-fit:contain}.cl__toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.cl__tabs{display:flex;gap:4px;background:#00000008;padding:4px;border-radius:12px;overflow-x:auto}.cl__tab{display:flex;align-items:center;gap:8px;padding:10px 18px;border:none;background:transparent;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;border-radius:8px;transition:all .2s;font-family:inherit;white-space:nowrap}.cl__tab:hover{color:var(--text-primary);background:#ffffff80}.cl__tab.active{color:var(--primary-600);background:#fff;box-shadow:0 1px 3px #00000014;font-weight:600}.cl__toolbar-right{display:flex;gap:8px;align-items:center}.cl__filters-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:12px}.cl__filters-left{display:flex;gap:10px;align-items:center;flex:1}.cl__search{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);flex:0 1 260px}.cl__search input{border:none;background:none;font-size:13px;color:var(--text-primary);outline:none;width:100%;font-family:inherit}.cl__search svg{color:var(--text-muted);flex-shrink:0}.cl__filter-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:13px;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;font-family:inherit}.cl__filter-select:hover{border-color:var(--primary-400)}.cl__view-toggle{display:flex;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.cl__view-toggle button{padding:8px 12px;border:none;background:transparent;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .15s}.cl__view-toggle button+button{border-left:1px solid var(--border-color)}.cl__view-toggle button.active{background:var(--primary-50);color:var(--primary-600)}.cl__content{min-height:200px}.cl__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.cl__card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 24px 16px;background:var(--bg-primary);border:1px solid rgba(0,0,0,.08);border-radius:16px;cursor:pointer;transition:all .2s ease;overflow:hidden}.cl__card:hover{border-color:#00000026;transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.cl__card-actions{position:absolute;top:10px;right:10px;display:flex;gap:4px;opacity:0;transition:opacity .25s;z-index:5}.cl__card:hover .cl__card-actions{opacity:1}.cl__card-dot{position:absolute;top:14px;left:14px;width:8px;height:8px;border-radius:50%;z-index:5;box-shadow:0 0 0 3px var(--bg-secondary)}.cl__card-avatar{position:relative;z-index:2;margin-bottom:12px}.cl__card-name{font-size:15px;font-weight:700;color:var(--text-primary);margin:0 0 2px;position:relative;z-index:2}.cl__card-company{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted);margin:0 0 10px;position:relative;z-index:2}.cl__card-meta{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-muted);margin:8px 0 14px;position:relative;z-index:2}.cl__card-meta span{display:flex;align-items:center;gap:4px}.cl__card-footer{display:flex;justify-content:space-between;align-items:center;width:100%;padding-top:14px;border-top:1px solid var(--border-color);position:relative;z-index:2}.cl__card-stat{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-muted);font-weight:500}.cl__tag{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.2px}.cl__tag--in-progress{background:#3b82f614;color:#3b82f6}.cl__tag--completed{background:#10b98114;color:#10b981}.cl__tag--pending{background:#f59e0b14;color:#f59e0b}.cl__tag--not-started{background:#64748b14;color:#64748b}.cl__tag--paid{background:#10b98114;color:#10b981}.cl__tag--unpaid{background:#ef444414;color:#ef4444}.cl__tag--partial{background:#f59e0b14;color:#f59e0b}.cl__tag-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.cl__list-section{border:1px solid rgba(0,0,0,.08);border-radius:16px;overflow:hidden;background:var(--bg-primary)}.cl__table{width:100%;border-collapse:separate;border-spacing:0}.cl__table th{text-align:left;padding:12px 16px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.cl__table td{padding:14px 16px;font-size:13px;color:var(--text-primary);border-bottom:1px solid rgba(0,0,0,.03)}.cl__table tbody tr{transition:background .15s}.cl__table tbody tr:hover{background:var(--bg-secondary)}.cl__table tbody tr:last-child td{border-bottom:none}.cl__table-user{display:flex;align-items:center;gap:10px}.cl__table-name{font-weight:600;display:block;font-size:13px}.cl__table-email{font-size:11px;color:var(--text-muted);display:block}.cl__icon-btn{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-muted);cursor:pointer;transition:all .2s}.cl__icon-btn:hover{background:var(--primary-50);color:var(--primary-600);border-color:var(--primary-200)}.cl__icon-btn--danger:hover{background:#fef2f2;color:var(--danger);border-color:#fee2e2}.cl__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0;text-align:center;color:var(--text-muted)}.cl__empty svg{margin-bottom:16px;opacity:.3}.cl__empty h3{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.cl__empty p{font-size:13px;color:var(--text-muted);margin:0}.cl__detail{display:flex;flex-direction:column;gap:24px;padding:10px}.cl__detail-header{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.cl__detail-header h3{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.cl__detail-company{font-size:13px;color:var(--text-muted);font-weight:500}.cl__detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cl__detail-group{display:flex;flex-direction:column;gap:4px}.cl__detail-group label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.cl__detail-group div{font-size:14px;font-weight:600;color:var(--text-primary)}.cl__detail-section h4{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.cl__detail-projects{display:flex;flex-direction:column;gap:8px}.cl__detail-project{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px}.cl__detail-project-name{font-size:13px;font-weight:600;color:var(--text-primary);display:block}.cl__detail-project-info small{font-size:11px;color:var(--text-muted)}.cl__detail-notes{font-size:13px;color:var(--text-secondary);background:var(--bg-secondary);padding:14px 16px;border-radius:10px;border:1px solid var(--border-color);line-height:1.6}.cl__form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}[data-theme=dark] .cl__tab.active{background:#ffffff14;color:#fff;box-shadow:inset 0 1px 1px #ffffff1a;border:1px solid rgba(255,255,255,.05)}[data-theme=dark] .cl__tabs{background:#0003;border:1px solid rgba(255,255,255,.05)}[data-theme=dark] .cl__stat-card{background:#ffffff05;border-color:#ffffff14}[data-theme=dark] .cl__stat-card:hover{background:#ffffff0a;border-color:var(--primary-500)}[data-theme=dark] .cl__card{background:#ffffff05;border-color:#ffffff0f}[data-theme=dark] .cl__card:hover{background:#ffffff0a;border-color:#ffffff1f}[data-theme=dark] .cl__card-dot{box-shadow:0 0 0 3px #ffffff08}[data-theme=dark] .cl__icon-btn{background:#ffffff08;border-color:#ffffff1a}[data-theme=dark] .cl__icon-btn:hover{background:#ffffff14}[data-theme=dark] .cl__icon-btn--danger:hover{background:#ef444426;border-color:#ef44444d;color:#ef4444}[data-theme=dark] .cl__view-toggle button.active{background:#0ea5e91f;color:var(--primary-400)}[data-theme=dark] .cl__list-section{border-color:#ffffff0f;background:#ffffff05}[data-theme=dark] .cl__table th{background:#ffffff08;border-color:#ffffff0f}[data-theme=dark] .cl__table td{border-color:#ffffff0a}[data-theme=dark] .cl__table tbody tr:hover{background:#ffffff08}[data-theme=dark] .cl__filter-select,[data-theme=dark] .cl__search{background:#ffffff0d;border-color:#ffffff14}[data-theme=dark] .cl__detail-project,[data-theme=dark] .cl__detail-notes{background:#ffffff08;border-color:#ffffff0f}[data-theme=dark] .cl__tag--in-progress{background:#3b82f61f}[data-theme=dark] .cl__tag--completed{background:#10b9811f}[data-theme=dark] .cl__tag--pending{background:#f59e0b1f}[data-theme=dark] .cl__tag--not-started{background:#64748b1f}[data-theme=dark] .cl__tag--paid{background:#10b9811f}[data-theme=dark] .cl__tag--unpaid{background:#ef44441f}[data-theme=dark] .cl__tag--partial{background:#f59e0b1f}@media(max-width:1024px){.cl__stats{grid-template-columns:repeat(2,1fr)}.cl__grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media(max-width:768px){.cl{padding:0 16px 24px}.cl__stats{grid-template-columns:1fr 1fr;gap:10px}.cl__toolbar{flex-direction:column;align-items:stretch;gap:12px}.cl__filters-bar{flex-direction:column;align-items:stretch}.cl__filters-left{flex-wrap:wrap}.cl__grid,.cl__detail-grid,.cl__form-grid{grid-template-columns:1fr}.cl__banner{height:200px;padding:24px}.cl__banner-content h1{font-size:24px}}.docs-dashboard{padding:12px 20px 32px;max-width:100%;margin:0;animation:fadeIn .4s ease-out}.docs-dashboard__banner{position:relative;width:100%;height:160px;border-radius:16px;overflow:hidden;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;box-shadow:0 4px 20px #0000000d}.docs-dashboard__banner-bg{position:absolute;inset:0;z-index:1;background-image:url(https://images.unsplash.com/photo-1586281380349-632531db7ed4?auto=format&fit=crop&q=80&w=1600&h=400);background-size:cover;background-position:center 30%}.docs-dashboard__banner-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(to right,#fff,#fffc 40%,#fff0)}[data-theme=dark] .docs-dashboard__banner-overlay{background:linear-gradient(to right,#0f172a,#0f172acc 40%,#0f172a00)}.docs-dashboard__banner-content{position:relative;z-index:3}.docs-dashboard__banner-content h1{font-size:32px;font-weight:800;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.5px}.docs-dashboard__banner-content p{font-size:15px;color:var(--text-secondary);max-width:400px;line-height:1.5}.docs-dashboard__banner-actions{position:relative;z-index:3;display:flex;gap:12px}.doc-tabs{display:flex;gap:4px;margin-bottom:24px;background:var(--bg-secondary);padding:4px;border-radius:12px;border:1px solid var(--border-default);width:fit-content}.doc-tab{display:flex;align-items:center;gap:8px;padding:10px 18px;border:none;background:transparent;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;border-radius:8px;transition:all .2s;font-family:inherit}.doc-tab:hover{color:var(--text-primary);background:#00000005}.doc-tab.active{color:var(--primary-700);background:var(--primary-50);box-shadow:inset 0 1px 2px #0000000d;font-weight:600}.doc-layout{display:grid;grid-template-columns:1fr;gap:20px}.doc-sidebar{padding:16px;position:sticky;top:20px;max-height:calc(100vh - 200px);overflow-y:auto;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:14px}.doc-sidebar__header h3{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.doc-sidebar__starred{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-default)}.doc-sidebar__starred h4{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin-bottom:8px}.doc-sidebar__item{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:13px;color:var(--text-secondary);border-radius:6px;cursor:pointer;transition:background .2s}.doc-sidebar__item:hover{background:#0000000a;color:var(--text-primary)}.doc-sidebar__item--nested{padding-left:32px}.doc-sidebar__space{margin-bottom:8px}.doc-sidebar__space-header{display:flex;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:600;color:var(--text-primary);cursor:pointer;border-radius:6px;transition:background .2s}.doc-sidebar__space-header:hover{background:#0000000a}.doc-main__header{display:flex;gap:12px;align-items:center;margin-bottom:40px}.doc-search{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--border-default);border-radius:8px;background:var(--bg-secondary);flex:1}.doc-search input{border:none;background:none;font-size:13px;color:var(--text-primary);outline:none;width:100%}.doc-main select{padding:8px 12px;border:1px solid var(--border-default);border-radius:8px;font-size:13px;background:var(--bg-secondary);color:var(--text-primary)}.doc-folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:32px;padding:30px 10px 20px}.folder-container{perspective:1200px;display:flex;flex-direction:column;align-items:center;gap:16px;cursor:pointer;transition:transform .3s ease}.folder-container:hover{transform:translateY(-4px)}.folder-3d{width:140px;height:100px;position:relative;transform-style:preserve-3d;transform:rotateX(15deg) rotateY(-20deg);transition:transform .5s cubic-bezier(.2,.8,.2,1)}.folder-container:hover .folder-3d{transform:rotateX(5deg) rotateY(-10deg) translateY(-5px) scale(1.05)}.folder-3d:after{content:"";position:absolute;bottom:-10px;left:10%;width:80%;height:15px;background:#0003;filter:blur(8px);transform:translateZ(-20px);transition:all .5s}.folder-container:hover .folder-3d:after{opacity:.6;transform:translateZ(-20px) translateY(10px) scale(.9)}.folder-3d-back{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom right,var(--primary-600),var(--primary-700));border-radius:8px 8px 4px 4px;box-shadow:inset 0 0 20px #0003;transform:translateZ(-10px)}.folder-3d-back:before{content:"";position:absolute;bottom:100%;left:0;width:50px;height:16px;background:linear-gradient(to bottom right,var(--primary-600),var(--primary-700));border-radius:8px 8px 0 0}.folder-3d-paper{position:absolute;bottom:4px;left:8px;width:calc(100% - 16px);height:90%;background:linear-gradient(to bottom,#fff,#f1f5f9);border-radius:6px;border:1px solid var(--border-default);transform-origin:bottom;transition:transform .5s cubic-bezier(.2,.8,.2,1);box-shadow:0 -2px 10px #0000000d;transform:translateZ(0)}.folder-3d-paper:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#f8fafc,#e2e8f0);border-radius:6px;border:1px solid var(--border-default);transform:translateZ(-2px) rotate(-2deg);z-index:-1}.folder-3d-front{position:absolute;bottom:0;left:0;width:100%;height:85%;background:linear-gradient(135deg,#ffffff26,#fff0),linear-gradient(135deg,var(--primary-400),var(--primary-500));border-radius:6px;border-top:1px solid rgba(255,255,255,.3);transform-origin:bottom;transition:transform .5s cubic-bezier(.2,.8,.2,1);box-shadow:0 -4px 20px #0003,inset 0 2px 5px #ffffff4d;display:flex;align-items:center;justify-content:center;transform:translateZ(10px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.folder-icon-inner{color:#fff9;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:all .4s;transform:translateZ(1px)}.folder-container:hover .folder-3d-front{transform:translateZ(10px) rotateX(-45deg);box-shadow:0 10px 25px #0000004d,inset 0 2px 5px #fff6}.folder-container:hover .folder-3d-paper{transform:translateZ(0) translateY(-25px) scale(1.02)}.folder-container:hover .folder-icon-inner{color:#fff;transform:scale(1.1) translateZ(5px)}.folder-label{text-align:center;font-size:14px;font-weight:600;color:var(--text-primary)}.folder-meta{font-size:12px;color:var(--text-muted);font-weight:500}.folder-view-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.btn-back-folder{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--border-default);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all .2s}.btn-back-folder:hover{background:var(--primary-50);color:var(--primary-600);border-color:var(--primary-200)}.folder-view-title{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:var(--text-primary)}.doc-files-container{display:flex;flex-direction:column;gap:12px}.doc-files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.doc-files-list{display:flex;flex-direction:column;gap:8px}.doc-grid-item:hover{transform:translateY(-2px);border-color:var(--primary-400);background:var(--bg-secondary)}.doc-grid-item:hover button{opacity:1!important}.doc-file-item{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:12px;cursor:pointer;transition:all .2s}.doc-file-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d;border-color:var(--primary-200)}.doc-file-info{display:flex;align-items:center;gap:16px}.doc-file-icon{width:40px;height:40px;border-radius:10px;background:var(--primary-50);color:var(--primary-500);display:flex;align-items:center;justify-content:center}.doc-file-details h4{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.doc-file-details span{font-size:12px;color:var(--text-muted)}.doc-file-meta{display:flex;align-items:center;gap:24px;font-size:13px;color:var(--text-muted)}.doc-file-meta div{display:flex;align-items:center;gap:6px}[data-theme=dark] .folder-3d-paper{background:#1f2937;border-top-color:#ffffff1a}.doc-detail{overflow:hidden}.doc-detail__cover{height:80px;border-radius:12px 12px 0 0}.doc-detail__content{padding:24px}.doc-detail__header h2{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:10px}.doc-detail__meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);margin-bottom:16px;flex-wrap:wrap}.doc-detail__actions{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.doc-back-btn{background:none;border:none;color:var(--primary-500);font-size:13px;cursor:pointer;font-weight:500;font-family:inherit}.doc-detail__versions{border-top:1px solid var(--border-default);padding-top:20px}.doc-detail__versions h4{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.doc-version{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;font-size:13px;color:var(--text-secondary);margin-bottom:6px}.doc-version:hover{background:#00000005}.doc-version__tag{background:var(--primary-50);color:var(--primary-600);padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700}.doc-editor-container{display:flex;flex-direction:column;overflow:visible}.doc-editor-toolbar{display:flex;align-items:center;gap:4px;padding:10px 16px;border-bottom:1px solid var(--border-default);flex-wrap:wrap;position:sticky;top:60px;background:var(--bg-primary);z-index:100;box-shadow:0 4px 12px #0000000d}.doc-editor-btn{background:none;border:none;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all .2s}.doc-editor-btn:hover{background:#0000000f;color:var(--text-primary)}.doc-editor-divider{width:1px;height:20px;background:var(--border-default);margin:0 4px}.doc-editor-area{flex:1;padding:40px 60px;min-height:600px;font-size:16px;line-height:1.8;font-family:Inter,sans-serif;color:var(--text-primary);background:transparent;width:100%;outline:none;overflow-y:auto}.doc-editor-area:empty:before{content:attr(data-placeholder);color:var(--text-muted);font-style:italic;pointer-events:none}.doc-editor-area h1{font-size:2em;font-weight:700;margin:8px 0 16px;border-bottom:2px solid var(--border-default);padding-bottom:8px}.doc-editor-area h2{font-size:1.5em;font-weight:700;margin:8px 0 12px;color:var(--text-primary)}.doc-editor-area h3{font-size:1.25em;font-weight:600;margin:6px 0 10px}.doc-editor-area p{margin:4px 0}.doc-editor-area ul,.doc-editor-area ol{padding-left:24px;margin:8px 0}.doc-editor-area li{margin:4px 0}.doc-editor-area a{color:var(--primary-500);text-decoration:underline}.doc-editor-area img{max-width:100%;border-radius:8px;margin:12px 0;box-shadow:0 2px 8px #0000001a}.doc-editor-area pre{background:var(--bg-secondary);padding:12px 16px;border-radius:8px;font-family:Fira Code,Consolas,monospace;border:1px solid var(--border-default);margin:8px 0;overflow-x:auto}.doc-editor-area table{width:100%;border-collapse:collapse;margin:12px 0}.doc-editor-area th,.doc-editor-area td{border:1px solid var(--border-default);padding:8px 12px;text-align:left}.doc-editor-area th{background:var(--bg-secondary);font-weight:600}.doc-editor-area hr{border:none;border-top:1px solid var(--border-default);margin:16px 0}.doc-editor-area:focus{outline:none}.doc-editor-container{width:100%;border-radius:16px;display:flex;flex-direction:column}.doc-editor-footer{display:flex;justify-content:space-between;padding:10px 16px;border-top:1px solid var(--border-default);font-size:12px;color:var(--text-muted)}.doc-editor-footer span{display:flex;align-items:center;gap:4px}.doc-slash-menu{position:absolute;width:220px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:12px;padding:8px;z-index:100;box-shadow:0 10px 30px #0000001f}.doc-slash-menu__header{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:8px 12px}.doc-slash-menu button{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;background:none;font-size:13px;color:var(--text-primary);cursor:pointer;border-radius:8px;transition:background .2s;font-family:inherit}.doc-slash-menu button:hover{background:var(--primary-50);color:var(--primary-600)}[data-theme=dark] .doc-slash-menu button:hover{background:#ffffff0f;color:#fff}.doc-templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1px;background:var(--border-default)}.doc-template-card{padding:32px 24px;text-align:center;background:var(--bg-body);border-radius:0;cursor:pointer;transition:background .2s ease}.doc-template-card:hover{background:var(--bg-secondary)}.doc-template-card__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 14px}.doc-template-card h3{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.doc-template-card p{font-size:13px;color:var(--text-muted);line-height:1.5;margin-bottom:16px}[data-theme=dark] .doc-tab.active{background:#0ea5e926;color:#38bdf8}[data-theme=dark] .doc-tabs{background:#ffffff0a}[data-theme=dark] .doc-sidebar__space-header:hover,[data-theme=dark] .doc-sidebar__item:hover{background:#ffffff0f}[data-theme=dark] .doc-editor-btn:hover{background:#ffffff14}@media(max-width:768px){.doc-layout{grid-template-columns:1fr}.doc-sidebar{display:none}}.doc-editor-btn.sm{width:28px;height:28px;padding:4px}.doc-editor-btn.danger:hover{color:var(--danger)!important;background:#ff47571a}[data-theme=dark] .doc-editor-btn.danger:hover{background:#ff475733}.mgr-dash{display:flex;flex-direction:column;gap:16px}.mgr-dash__hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.mgr-dash__hero-content{display:flex;flex-direction:column;gap:8px;flex:1}.mgr-dash__greeting-top{display:flex;align-items:center;justify-content:space-between;width:100%}.mgr-dash__hero-card{width:110px;height:80px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;align-items:flex-end;justify-content:center;overflow:hidden;margin-left:20px;box-shadow:var(--neo-shadow-sm);position:relative;padding:0 10px}.mgr-dash__hero-card-img{width:100%;height:90%;object-fit:contain;object-position:bottom;transition:transform .3s ease}.mgr-dash__hero-card:hover .mgr-dash__hero-card-img{transform:scale(1.05)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.mgr-dash__title{font-size:var(--font-3xl);font-weight:800;color:var(--text-primary);letter-spacing:-.03em;line-height:1.2}.mgr-dash__title span{background:linear-gradient(135deg,var(--primary-500),var(--primary-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mgr-dash__subtitle{font-size:var(--font-md);color:var(--text-secondary);max-width:520px;line-height:1.6}.mgr-dash__hero-meta{display:flex;align-items:center;gap:14px}.mgr-dash__hero-date{display:flex;align-items:center;gap:6px;font-size:var(--font-xs);color:var(--text-muted);font-weight:500}.mgr-dash__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mgr-dash__stat-card{padding:20px;border-radius:var(--radius-lg);animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) both;transition:transform .2s ease,box-shadow .2s ease}.mgr-dash__stat-card:hover{transform:translateY(-2px);box-shadow:var(--neo-shadow-lg)}.mgr-dash__stat-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.mgr-dash__stat-icon{width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001f}.mgr-dash__stat-change{display:flex;align-items:center;gap:3px;font-size:12px;font-weight:700;padding:3px 8px;border-radius:100px}.mgr-dash__stat-change.positive{color:var(--success);background:var(--success-light)}.mgr-dash__stat-change.negative{color:var(--danger);background:var(--danger-light)}.mgr-dash__stat-value{font-size:var(--font-2xl);font-weight:800;color:var(--text-primary);letter-spacing:-.03em;margin-bottom:2px}.mgr-dash__stat-label{font-size:var(--font-xs);color:var(--text-muted);font-weight:500}.mgr-dash__content{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start}.mgr-dash__primary{display:flex;flex-direction:column;gap:20px}.mgr-dash__secondary{display:flex;flex-direction:column;gap:16px}.mgr-dash__section{padding:22px;border-radius:var(--radius-lg)}.mgr-dash__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:10px}.mgr-dash__section-title-group{display:flex;align-items:center;gap:10px}.mgr-dash__section-title{font-size:var(--font-lg);font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.mgr-dash__add-form{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:14px;background:var(--bg-hover);border-radius:var(--radius-md);border:1px dashed var(--border-light)}.mgr-dash__input{padding:9px 14px;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--text-primary);background:var(--bg-surface);font-family:var(--font-family);transition:all .15s ease;flex:1;min-width:0}.mgr-dash__input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #0055fe14}.mgr-dash__input::placeholder{color:var(--text-muted)}.mgr-dash__teams{display:flex;flex-direction:column;gap:12px}.mgr-dash__empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;color:var(--text-muted);text-align:center}.mgr-dash__empty p{font-size:var(--font-md);font-weight:600;color:var(--text-secondary)}.mgr-dash__empty span{font-size:var(--font-sm)}.mgr-dash__team-card{border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;transition:box-shadow .2s ease}.mgr-dash__team-card:hover{box-shadow:var(--neo-shadow-sm)}.mgr-dash__team-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg-hover);border-bottom:1px solid var(--border-light)}.mgr-dash__team-info{display:flex;align-items:center;gap:10px}.mgr-dash__team-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.mgr-dash__team-name{font-size:var(--font-sm);font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.mgr-dash__team-actions{display:flex;align-items:center;gap:4px}.mgr-dash__icon-btn{width:30px;height:30px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;border:none;background:transparent;color:var(--text-muted)}.mgr-dash__icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.mgr-dash__icon-btn.add:hover{color:var(--primary-500);background:var(--primary-50)}.mgr-dash__icon-btn.delete:hover{color:var(--danger);background:#e2445c14}.mgr-dash__icon-btn.small{width:24px;height:24px}.mgr-dash__add-member-form{padding:14px 16px;background:var(--bg-body);border-bottom:1px solid var(--border-light)}.mgr-dash__add-member-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:10px}.mgr-dash__add-member-actions{display:flex;align-items:center;gap:8px}.mgr-dash__member-list{padding:4px 0}.mgr-dash__member-row{display:flex;align-items:center;gap:12px;padding:10px 16px;transition:background .15s ease}.mgr-dash__member-row:hover{background:var(--bg-hover)}.mgr-dash__member-info{flex:1;min-width:0}.mgr-dash__member-name{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mgr-dash__member-email{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mgr-dash__member-date{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted);white-space:nowrap}.mgr-dash__widget{padding:18px;border-radius:var(--radius-lg)}.mgr-dash__widget-title{display:flex;align-items:center;gap:8px;font-size:var(--font-sm);font-weight:700;color:var(--text-primary);margin-bottom:14px;letter-spacing:-.01em}.mgr-dash__quick-actions{display:flex;flex-direction:column;gap:4px}.mgr-dash__quick-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;border:none;background:transparent;width:100%;text-align:left;font-family:var(--font-family)}.mgr-dash__quick-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.mgr-dash__activity{display:flex;flex-direction:column;gap:2px}.mgr-dash__activity-item{display:flex;gap:12px;padding:10px 4px;border-radius:var(--radius-sm);transition:background .1s ease}.mgr-dash__activity-item:hover{background:var(--bg-hover)}.mgr-dash__activity-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.mgr-dash__activity-dot.success{background:var(--success)}.mgr-dash__activity-dot.info{background:var(--primary-500)}.mgr-dash__activity-dot.warning{background:var(--warning)}.mgr-dash__activity-content{flex:1;min-width:0}.mgr-dash__activity-text{font-size:var(--font-sm);color:var(--text-primary);line-height:1.4;font-weight:500}.mgr-dash__activity-time{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted);margin-top:3px}.mgr-dash__access-info{display:flex;flex-direction:column;gap:10px}.mgr-dash__access-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.mgr-dash__access-label{font-size:var(--font-sm);color:var(--text-muted);font-weight:500}.mgr-dash__access-value{font-size:var(--font-sm);color:var(--text-primary);font-weight:600}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.mgr-dash__content{grid-template-columns:1fr}.mgr-dash__secondary{flex-direction:row;flex-wrap:wrap}.mgr-dash__widget{flex:1;min-width:280px}}@media(max-width:768px){.mgr-dash__stats{grid-template-columns:repeat(2,1fr)}.mgr-dash__add-member-row{grid-template-columns:1fr}.mgr-dash__hero{flex-direction:column}}@media(max-width:480px){.mgr-dash__stats{grid-template-columns:1fr}}.employee-dashboard{display:flex;flex-direction:column;gap:24px}.employee-dashboard__welcome{display:flex;justify-content:space-between;align-items:center;padding:32px 40px;background:linear-gradient(135deg,#579bfc1a,#a25ddc1a);border-left:4px solid var(--primary-500)}.employee-dashboard__welcome-text h1{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.02em}.employee-dashboard__welcome-text p{color:var(--text-secondary);font-size:15px}.employee-dashboard__welcome-left{display:flex;flex-direction:column;gap:16px}.employee-dashboard__stats-row{display:flex;gap:12px}.employee-dashboard__stat-pill{display:flex;align-items:center;gap:8px;padding:6px 14px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:100px;font-size:13px;font-weight:700;color:var(--text-secondary)}.employee-dashboard__stat-pill.success{border-color:#00c87533;background:#00c8750d}.employee-dashboard__date{display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-light);color:var(--text-secondary);font-weight:600;font-size:14px}.employee-dashboard__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.employee-dashboard__widget{display:flex;flex-direction:column;padding:24px}.employee-dashboard__widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.employee-dashboard__widget-title{display:flex;align-items:center;gap:10px}.employee-dashboard__widget-title h3{font-size:16px;font-weight:700;color:var(--text-primary)}.employee-dashboard__btn-text{font-size:13px;font-weight:600;color:var(--primary-500);background:transparent;border:none;cursor:pointer;transition:opacity .2s}.employee-dashboard__btn-text:hover{opacity:.8}.employee-dashboard__task-list{display:flex;flex-direction:column;gap:12px}.employee-dashboard__task-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-body);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:transform .2s,box-shadow .2s;cursor:pointer}.employee-dashboard__task-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.employee-dashboard__task-info h4{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.employee-dashboard__task-info span{font-size:12px;color:var(--text-muted)}.employee-dashboard__task-status{font-size:11px;font-weight:700;padding:4px 10px;border-radius:100px;text-transform:uppercase;letter-spacing:.5px}.status-not-started{background:#6c7a9626;color:#6c7a96}.status-in-progress{background:#fdab3d26;color:#fdab3d}.status-done{background:#00c87526;color:#00c875}.employee-dashboard__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-muted);text-align:center;gap:12px}.employee-dashboard__status-select{padding:6px 12px;border-radius:100px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:var(--bg-body);border:1px solid;cursor:pointer;outline:none;transition:all .2s;appearance:none}.employee-dashboard__status-select:hover{box-shadow:0 2px 8px #0000001a}.employee-dashboard__task-count{font-size:12px;color:var(--text-muted);font-weight:500;background:var(--bg-hover);padding:2px 8px;border-radius:12px}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.employee-dashboard__schedule{display:flex;flex-direction:column;gap:24px}.employee-dashboard__leave-balances{display:flex;gap:16px}.employee-dashboard__balance-item{flex:1;background:var(--bg-body);padding:16px;border-radius:var(--radius-md);border:1px solid var(--border-light);display:flex;flex-direction:column;align-items:center;justify-content:center}.employee-dashboard__balance-value{font-size:28px;font-weight:800;color:var(--text-primary)}.employee-dashboard__balance-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.employee-dashboard__upcoming-leave h4{font-size:13px;font-weight:700;color:var(--text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.employee-dashboard__leave-item{display:flex;justify-content:space-between;padding:14px 16px;background:#00c8750d;border:1px solid rgba(0,200,117,.2);border-radius:var(--radius-md)}.employee-dashboard__leave-date{font-size:14px;font-weight:600;color:var(--text-primary)}.employee-dashboard__leave-type{font-size:13px;color:var(--text-secondary)}.employee-dashboard__actions-grid{display:flex;flex-direction:column;gap:12px;flex:1}.employee-dashboard__action-btn{display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--bg-body);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.employee-dashboard__action-btn:hover{background:var(--bg-hover);border-color:var(--primary-500);transform:translate(4px)}.employee-dashboard__action-btn svg{color:var(--primary-500)}@media(max-width:1200px){.employee-dashboard__grid{grid-template-columns:repeat(2,1fr)}.employee-dashboard__widget--actions{grid-column:span 2}.employee-dashboard__actions-grid{flex-direction:row}.employee-dashboard__action-btn{flex:1;justify-content:center}}@media(max-width:768px){.employee-dashboard__welcome{flex-direction:column;align-items:flex-start;gap:16px}.employee-dashboard__grid{grid-template-columns:1fr}.employee-dashboard__widget--actions{grid-column:1}.employee-dashboard__actions-grid{flex-direction:column}}.settings-page{padding:32px;max-width:1200px;margin:0 auto;animation:fadeIn .4s ease-out}.settings-header{margin-bottom:32px}.settings-title{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.settings-subtitle{color:var(--text-secondary);font-size:14px}.settings-container{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:start}.settings-nav{display:flex;flex-direction:column;padding:12px;gap:4px}.settings-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;transition:all .2s ease;border:none;background:transparent;cursor:pointer;text-align:left}.settings-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-nav-item.active{background:var(--primary-50);color:var(--primary-600)}.settings-content{padding:32px;min-height:600px}.settings-section-title{font-size:20px;font-weight:600;margin-bottom:24px;color:var(--text-primary)}.settings-subsection-title{font-size:16px;font-weight:600;margin:24px 0 16px}.profile-upload{display:flex;align-items:center;gap:24px;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--border-color)}.profile-upload-info{display:flex;flex-direction:column;gap:4px}.field-hint{font-size:12px;color:var(--text-muted)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.settings-field{display:flex;flex-direction:column;gap:8px}.settings-field.full-width{grid-column:1 / -1}.settings-field label{font-size:13px;font-weight:500;color:var(--text-secondary)}.settings-field input,.settings-field select,.settings-field textarea{padding:10px 14px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-primary);font-size:14px;color:var(--text-primary);transition:border-color .2s}.settings-field input:focus,.settings-field textarea:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-50)}.settings-field textarea{min-height:100px;resize:vertical}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:12px;color:var(--text-muted)}.input-with-icon input{padding-left:38px;width:100%}.input-with-action{position:relative;display:flex;align-items:center}.input-with-action input{width:100%;padding-right:40px}.input-with-action button{position:absolute;right:12px;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center}.input-group{display:flex;align-items:stretch}.input-prefix{background:var(--bg-secondary);border:1px solid var(--border-color);border-right:none;padding:0 12px;display:flex;align-items:center;font-size:13px;color:var(--text-muted);border-radius:8px 0 0 8px}.input-group input{border-radius:0 8px 8px 0;flex:1}.theme-selector{display:flex;gap:16px;margin-bottom:32px}.theme-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.theme-preview{width:100%;height:80px;border-radius:8px;border:2px solid transparent;transition:all .2s}.theme-preview.light{background:#fff;border-color:#eee}.theme-preview.dark{background:#1a1a1a}.theme-preview.glass{background:linear-gradient(135deg,#f0f4ff,#e6e9f0)}.theme-option.selected .theme-preview{border-color:var(--primary-500);box-shadow:0 0 0 4px var(--primary-50)}.theme-option span{font-size:13px;font-weight:500}.module-settings-list{display:flex;flex-direction:column;gap:12px}.module-setting-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.module-setting-info{display:flex;align-items:center;gap:16px}.module-setting-icon{width:36px;height:36px;border-radius:8px;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;color:var(--primary-500);border:1px solid var(--border-color)}.module-toggle{width:44px;height:24px;background:var(--text-muted);border-radius:12px;position:relative;cursor:pointer;transition:background .3s}.module-toggle.active{background:var(--success)}.toggle-thumb{width:18px;height:18px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:transform .3s}.module-toggle.active .toggle-thumb{transform:translate(20px)}.tfa-box{display:flex;align-items:center;justify-content:space-between;padding:20px;background:var(--primary-50);border-radius:12px;border:1px solid var(--primary-100)}.tfa-status{font-weight:600;margin-bottom:4px}.tfa-status span.disabled{color:var(--danger)}.settings-actions{display:flex;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color)}.settings-divider{height:1px;background:var(--border-color);margin:32px 0}.empty-settings{display:flex;align-items:center;justify-content:center;height:300px;color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:992px){.settings-container{grid-template-columns:1fr}.settings-nav{flex-direction:row;overflow-x:auto}}.not-found{display:flex;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:24px;background:var(--bg-primary)}.not-found__content{animation:fadeInUp .4s ease}.not-found__logo{display:flex;align-items:center;justify-content:center;gap:8px;font-size:var(--font-xl);font-weight:700;color:var(--primary-500);margin-bottom:32px}.not-found__code{font-size:6rem;font-weight:800;color:var(--gray-200);line-height:1;margin-bottom:8px}.not-found__title{font-size:var(--font-2xl);font-weight:600;color:var(--text-primary);margin-bottom:8px}.not-found__text{font-size:var(--font-base);color:var(--text-secondary);margin-bottom:24px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary-50: #E8F0FF;--primary-100: #CCDEFF;--primary-200: #99BBFF;--primary-300: #6699FF;--primary-400: #3377FE;--primary-500: #0055FE;--primary-600: #004AD9;--primary-700: #003DB3;--primary-800: #002F8C;--primary-900: #002166;--gray-50: #F8F9FC;--gray-100: #F0F2F5;--gray-200: #E4E7EC;--gray-300: #CDD3DC;--gray-400: #9BA3B0;--gray-500: #737D8C;--gray-600: #5A6270;--gray-700: #3D4450;--gray-800: #2A3040;--gray-900: #1A1F2E;--success: #10B981;--success-light: #D1FAE5;--warning: #F59E0B;--warning-light: #FEF3C7;--danger: #EF4444;--danger-light: #FEE2E2;--info: #3B82F6;--info-light: #DBEAFE;--status-done: #10B981;--status-working: #F59E0B;--status-stuck: #EF4444;--status-pending: #94A3B8;--status-review: #8B5CF6;--status-default: #94A3B8;--priority-critical: #EF4444;--priority-high: #F59E0B;--priority-medium: #3B82F6;--priority-low: #94A3B8;--bg-body: #FFFFFF;--bg-primary: #FFFFFF;--bg-secondary: #FFFFFF;--bg-sidebar: rgba(255, 255, 255, .55);--bg-hover: rgba(0, 85, 254, .04);--bg-active: rgba(0, 85, 254, .08);--bg-overlay: rgba(15, 23, 42, .25);--text-primary: #1A1F2E;--text-secondary: #5A6270;--text-muted: #9BA3B0;--text-inverse: #FFFFFF;--text-link: #0055FE;--border-light: rgba(0, 0, 0, .06);--border-default: rgba(0, 0, 0, .08);--border-focus: #0055FE;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--neo-shadow: 6px 6px 14px rgba(0, 0, 0, .05), -6px -6px 14px rgba(255, 255, 255, .9);--neo-shadow-sm: 3px 3px 8px rgba(0, 0, 0, .04), -3px -3px 8px rgba(255, 255, 255, .8);--neo-shadow-lg: 10px 10px 24px rgba(0, 0, 0, .06), -10px -10px 24px rgba(255, 255, 255, .95);--neo-inset: inset 3px 3px 6px rgba(0, 0, 0, .04), inset -3px -3px 6px rgba(255, 255, 255, .8);--neo-inset-sm: inset 2px 2px 4px rgba(0, 0, 0, .03), inset -2px -2px 4px rgba(255, 255, 255, .7);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .04), 0 2px 8px rgba(0, 0, 0, .02);--shadow-glass-lg: 0 16px 48px rgba(0, 0, 0, .06), 0 4px 16px rgba(0, 0, 0, .03);--shadow-glass-xl: 0 24px 64px rgba(0, 0, 0, .08), 0 8px 24px rgba(0, 0, 0, .04);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .03);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .05);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .06);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .08);--font-family: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-xs: .6875rem;--font-sm: .8125rem;--font-base: .875rem;--font-md: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--icon-rail-width: 60px;--sidebar-width: 260px;--sidebar-collapsed-width: 0px;--topbar-height: 60px;--z-sidebar: 100;--z-topbar: 200;--z-dropdown: 300;--z-modal: 400;--z-drawer: 500;--z-toast: 600}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);font-size:var(--font-base);color:var(--text-primary);background:var(--bg-body);line-height:1.6;overflow-x:hidden;letter-spacing:-.01em}#root{min-height:100vh}a{text-decoration:none;color:var(--text-link);transition:color var(--transition-fast)}a:hover{color:var(--primary-600)}button{font-family:var(--font-family);cursor:pointer;border:none;outline:none;background:none;letter-spacing:-.01em}input,textarea,select{font-family:var(--font-family);font-size:var(--font-base);outline:none;letter-spacing:-.01em}img{max-width:100%;display:block}ul,ol{list-style:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#0000002e}.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}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%);opacity:.5}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #0055fe1a}50%{box-shadow:0 0 30px #0055fe33}}.dw-form{display:flex;flex-direction:column;gap:var(--space-md)}.dw-form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.dw-form-label{font-size:var(--font-xs);font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px}.dw-form-input{width:100%;padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-sm);transition:all var(--transition-fast)}.dw-form-input:focus{border-color:var(--primary-500);background:var(--bg-secondary);box-shadow:0 0 0 4px var(--primary-50)}.dw-form-textarea{min-height:80px;resize:vertical}.dw-form-member-list{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:4px 0}.dw-form-member-chip{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--bg-secondary);color:var(--text-secondary);font-size:var(--font-xs);font-weight:600;transition:all var(--transition-fast);cursor:pointer}.dw-form-member-chip:hover{border-color:var(--primary-300);background:var(--primary-50)}.dw-form-member-chip.active{background:var(--primary-500);color:#fff;border-color:var(--primary-500);box-shadow:0 4px 12px #0055fe33}.dw-form-member-chip.active .avatar{border-color:#ffffff4d}.glass{background:#ffffff73;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-lg)}.glass-card{background:#ffffff8c;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.65);border-radius:var(--radius-lg);box-shadow:0 4px 24px #00000008,0 1px 4px #00000005,inset 0 1px #fff9;transition:all var(--transition-base)}.glass-card:hover{background:#ffffffb3;box-shadow:0 8px 32px #0000000d,0 2px 8px #00000008,inset 0 1px #ffffffb3;transform:translateY(-2px)}.glass-elevated{background:#ffffffc7;backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass-xl)}.glass-sidebar{background:#ffffff85;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-right:1px solid rgba(255,255,255,.4);box-shadow:4px 0 24px #00000005}.glass-topbar{background:#fff9;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.4);box-shadow:0 2px 16px #00000005}.glass-input{background:#ffffff73;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-md);padding:11px 16px;color:var(--text-primary);font-size:var(--font-base);transition:all var(--transition-base);width:100%;box-shadow:var(--neo-inset-sm)}.glass-input::placeholder{color:var(--text-muted)}.glass-input:focus{background:#ffffffbf;border-color:var(--primary-400);box-shadow:0 0 0 3px #0055fe14,var(--neo-inset-sm)}.glass-dropdown{background:#ffffffd1;backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass-lg)}.glass-overlay{background:#0f172a26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.neo-card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--neo-shadow);border:1px solid rgba(255,255,255,.6);transition:all var(--transition-base)}.neo-card:hover{box-shadow:var(--neo-shadow-lg);transform:translateY(-1px)}.neo-inset{background:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--neo-inset);border:1px solid rgba(255,255,255,.4)}.neo-button{background:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--neo-shadow-sm);border:1px solid rgba(255,255,255,.5);padding:10px 20px;font-size:var(--font-sm);font-weight:500;color:var(--text-primary);cursor:pointer;transition:all var(--transition-base)}.neo-button:hover{box-shadow:var(--neo-shadow)}.neo-button:active{box-shadow:var(--neo-inset-sm)}.neo-input{background:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--neo-inset);border:1px solid rgba(255,255,255,.4);padding:11px 16px;font-size:var(--font-base);color:var(--text-primary);transition:all var(--transition-base);width:100%}.neo-input::placeholder{color:var(--text-muted)}.neo-input:focus{box-shadow:var(--neo-inset),0 0 0 3px #0055fe0f;border-color:#0055fe33}.glass-neo{background:#ffffff80;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.55);border-radius:var(--radius-lg);box-shadow:6px 6px 16px #0000000a,-6px -6px 16px #fffc,inset 0 1px #ffffff80;transition:all var(--transition-base)}.glass-neo:hover{background:#ffffffa6;box-shadow:8px 8px 20px #0000000d,-8px -8px 20px #ffffffe6,inset 0 1px #fff9;transform:translateY(-2px)}.glass-badge{background:#ffffff80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-full);padding:3px 12px;font-size:var(--font-xs);font-weight:600}.glass-blue{background:#0055fe0a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,85,254,.08);border-radius:var(--radius-lg)}[data-theme=glass]{--primary-50: rgba(0, 85, 254, .06);--primary-100: rgba(0, 85, 254, .1);--primary-200: rgba(0, 85, 254, .16);--primary-300: #4D8AFF;--primary-400: #3377FE;--primary-500: #0055FE;--primary-600: #004AD9;--primary-700: #003DB3;--primary-800: #002F8C;--primary-900: #002166;--bg-body: #f4f6fc;--bg-primary: rgba(255, 255, 255, .45);--bg-secondary: rgba(255, 255, 255, .6);--bg-sidebar: rgba(255, 255, 255, .35);--bg-hover: rgba(0, 85, 254, .05);--bg-active: rgba(0, 85, 254, .08);--bg-overlay: rgba(15, 23, 42, .15);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-inverse: #ffffff;--text-link: #0055FE;--border-light: rgba(255, 255, 255, .25);--border-default: rgba(255, 255, 255, .35);--border-focus: #0055FE;--shadow-glass: 0 8px 32px rgba(31, 38, 135, .05), 0 2px 8px rgba(31, 38, 135, .03);--shadow-glass-lg: 0 16px 48px rgba(31, 38, 135, .07), 0 4px 16px rgba(31, 38, 135, .05);--shadow-glass-xl: 0 24px 64px rgba(31, 38, 135, .09), 0 8px 24px rgba(31, 38, 135, .07)}[data-theme=glass] body{background:radial-gradient(at 0% 0%,rgba(224,231,255,.6) 0px,transparent 50%),radial-gradient(at 50% 0%,rgba(219,234,254,.5) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(243,232,255,.6) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(219,234,254,.4) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(224,231,255,.5) 0px,transparent 50%),#f4f6fc;background-attachment:fixed;background-size:cover}[data-theme=dark]{--primary-50: rgba(0, 85, 254, .08);--primary-100: rgba(0, 85, 254, .12);--primary-200: rgba(0, 85, 254, .2);--primary-300: #4D8AFF;--primary-400: #3377FE;--primary-500: #3B82F6;--primary-600: #5A9BFF;--primary-700: #7FB3FF;--primary-800: #A6CCFF;--primary-900: #D0E4FF;--gray-50: #0F1117;--gray-100: #151822;--gray-200: #1C2030;--gray-300: #252A3A;--gray-400: #363D50;--gray-500: #5A6270;--gray-600: #8B929E;--gray-700: #B0B7C3;--gray-800: #D1D5DB;--gray-900: #F0F2F5;--success: #34D399;--success-light: rgba(16, 185, 129, .12);--warning: #FBBF24;--warning-light: rgba(245, 158, 11, .12);--danger: #F87171;--danger-light: rgba(239, 68, 68, .12);--info: #60A5FA;--info-light: rgba(59, 130, 246, .12);--bg-body: #0C0E16;--bg-primary: #12151F;--bg-secondary: #181C28;--bg-sidebar: rgba(18, 21, 31, .8);--bg-hover: rgba(59, 130, 246, .06);--bg-active: rgba(59, 130, 246, .1);--bg-overlay: rgba(0, 0, 0, .5);--text-primary: #F0F2F5;--text-secondary: #8B929E;--text-muted: #5A6270;--text-inverse: #0C0E16;--text-link: #5A9BFF;--border-light: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .08);--border-focus: #3B82F6;--neo-shadow: 6px 6px 16px rgba(0, 0, 0, .35), -6px -6px 16px rgba(40, 45, 60, .15);--neo-shadow-sm: 3px 3px 10px rgba(0, 0, 0, .3), -3px -3px 10px rgba(40, 45, 60, .1);--neo-shadow-lg: 10px 10px 28px rgba(0, 0, 0, .4), -10px -10px 28px rgba(40, 45, 60, .12);--neo-inset: inset 3px 3px 6px rgba(0, 0, 0, .3), inset -3px -3px 6px rgba(40, 45, 60, .1);--neo-inset-sm: inset 2px 2px 5px rgba(0, 0, 0, .25), inset -2px -2px 5px rgba(40, 45, 60, .08);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .15), 0 2px 8px rgba(0, 0, 0, .1);--shadow-glass-lg: 0 16px 48px rgba(0, 0, 0, .2), 0 4px 16px rgba(0, 0, 0, .12);--shadow-glass-xl: 0 24px 64px rgba(0, 0, 0, .25), 0 8px 24px rgba(0, 0, 0, .15);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .25);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .35);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .4)}[data-theme=dark] .glass{background:#12151f8c;border:1px solid rgba(255,255,255,.06)}[data-theme=dark] .glass-card{background:#181c2899;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 24px #00000026,0 1px 4px #0000001a,inset 0 1px #ffffff0a}[data-theme=dark] .glass-card:hover{background:#1e2230b3;box-shadow:0 8px 32px #0003,0 2px 8px #0000001f,inset 0 1px #ffffff0d}[data-theme=dark] .glass-elevated{background:#181c28d9;border:1px solid rgba(255,255,255,.06)}[data-theme=dark] .glass-sidebar{background:#12151fbf;border-right:1px solid rgba(255,255,255,.04)}[data-theme=dark] .glass-topbar{background:#12151fb3;border-bottom:1px solid rgba(255,255,255,.04)}[data-theme=dark] .glass-neo{background:#181c288c;border:1px solid rgba(255,255,255,.06);box-shadow:6px 6px 16px #0000004d,-6px -6px 16px #282d3c14,inset 0 1px #ffffff08}[data-theme=dark] .glass-neo:hover{background:#1e2230a6;box-shadow:8px 8px 20px #00000059,-8px -8px 20px #282d3c1a,inset 0 1px #ffffff0a}[data-theme=dark] .glass-input,[data-theme=dark] .neo-input{background:#0c0e1680;border-color:#ffffff14;color:var(--text-primary)}[data-theme=dark] .glass-input:focus,[data-theme=dark] .neo-input:focus{background:#0c0e16b3;border-color:#3b82f64d}[data-theme=dark] .dw-button--secondary{background:#181c2899;border-color:#ffffff0f;color:var(--text-primary)}[data-theme=dark] .dw-button--secondary:hover:not(:disabled){background:#1e2230b3}[data-theme=dark] .dw-button--ghost:hover:not(:disabled){background:#3b82f614}[data-theme=dark] .dw-button--outline{border-color:#3b82f640}[data-theme=dark] .sidebar__board-item:hover{background:#ffffff08}[data-theme=dark] .sidebar__board-item.active{background:#3b82f614}[data-theme=dark] .workspace-switcher{background:#0c0e1666;border-color:#ffffff0f}[data-theme=dark] .workspace-switcher:hover{background:#0c0e1699}[data-theme=dark] .workspace-switcher__icon{background:#3b82f61f}[data-theme=dark] .topbar__search-input{background:#0c0e1666;border-color:#ffffff0f;color:var(--text-primary)}[data-theme=dark] .topbar__search-input:focus{background:#0c0e1699;border-color:#3b82f633}[data-theme=dark] .topbar__search-shortcut{background:#ffffff0f;border-color:#ffffff0a}[data-theme=dark] .topbar__profile{background:#ffffff0a;border-color:#ffffff0f}[data-theme=dark] .topbar__profile:hover{background:#ffffff14}[data-theme=dark] .topbar__icon-btn:hover{background:#ffffff0d}[data-theme=dark] .table-view__table{background:#181c2866;border-color:#ffffff0a}[data-theme=dark] .table-view__thead th{background:#12151f80;border-bottom-color:#ffffff0a}[data-theme=dark] .table-view__row:hover{background:#3b82f60a}[data-theme=dark] .table-view__row td{border-bottom-color:#ffffff08}[data-theme=dark] .table-group__header:hover{background:#ffffff08}[data-theme=dark] .table-group__count{background:#ffffff0f}[data-theme=dark] .table-view__add-btn{border-color:#ffffff0f}[data-theme=dark] .table-view__add-btn:hover{border-color:#3b82f633;background:#3b82f60a}[data-theme=dark] .view-switcher{background:#0c0e1666;border-color:#ffffff0f}[data-theme=dark] .view-switcher__btn.active{background:#3b82f61f;color:var(--primary-500)}[data-theme=dark] .kanban-column__body{background:#0c0e164d;border-color:#ffffff0a}[data-theme=dark] .kanban-column__count{background:#ffffff0f}[data-theme=dark] .kanban-column__add{border-color:#ffffff0a}[data-theme=dark] .kanban-column__add:hover{background:#3b82f60a;border-color:#3b82f626}[data-theme=dark] .item-drawer-overlay{background:#0006}[data-theme=dark] .item-drawer__header,[data-theme=dark] .item-drawer__tabs{border-bottom-color:#ffffff0a}[data-theme=dark] .item-drawer__comment-input{border-top-color:#ffffff0a}[data-theme=dark] .item-drawer__comment-input textarea{background:#0c0e1666;border-color:#ffffff0f;color:var(--text-primary)}[data-theme=dark] .dashboard__activity-item:hover{background:#3b82f60a}[data-theme=dark] .dashboard__stat-change.positive{background:#34d3991f}[data-theme=dark] .dashboard__stat-change.negative{background:#f871711f}[data-theme=dark] .login-page__form-section{background:var(--bg-body)}[data-theme=dark] .login-page__input{background:#0c0e1680;border-color:#ffffff0f;color:var(--text-primary)}[data-theme=dark] .login-page__input:focus{background:#0c0e16b3;border-color:#3b82f64d}[data-theme=dark] .login-page__social-btn{background:#181c2880;border-color:#ffffff0f;color:var(--text-primary)}[data-theme=dark] .login-page__social-btn:hover{background:#1e2230b3}[data-theme=dark] .login-page__divider:before,[data-theme=dark] .login-page__divider:after{background:#ffffff0f}[data-theme=dark] .sidebar__logo,[data-theme=dark] .sidebar__workspace{border-bottom-color:#ffffff0a}[data-theme=dark] .sidebar__section-add:hover{background:#3b82f614}[data-theme=dark] .not-found{background:var(--bg-body)}[data-theme=dark] .not-found__code{color:var(--gray-300)}[data-theme=dark] .dw-badge--tag{background:#3b82f61a;border-color:#3b82f633}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff14}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ffffff26}