.Vue-Toastification__container{z-index:9999;position:fixed;padding:4px;width:600px;box-sizing:border-box;display:flex;min-height:100%;color:#fff;flex-direction:column;pointer-events:none}@media only screen and (min-width:600px){.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right,.Vue-Toastification__container.top-center{top:1em}.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right,.Vue-Toastification__container.bottom-center{bottom:1em;flex-direction:column-reverse}.Vue-Toastification__container.top-left,.Vue-Toastification__container.bottom-left{left:1em}.Vue-Toastification__container.top-left .Vue-Toastification__toast,.Vue-Toastification__container.bottom-left .Vue-Toastification__toast{margin-right:auto}@supports not (-moz-appearance: none){.Vue-Toastification__container.top-left .Vue-Toastification__toast--rtl,.Vue-Toastification__container.bottom-left .Vue-Toastification__toast--rtl{margin-right:unset;margin-left:auto}}.Vue-Toastification__container.top-right,.Vue-Toastification__container.bottom-right{right:1em}.Vue-Toastification__container.top-right .Vue-Toastification__toast,.Vue-Toastification__container.bottom-right .Vue-Toastification__toast{margin-left:auto}@supports not (-moz-appearance: none){.Vue-Toastification__container.top-right .Vue-Toastification__toast--rtl,.Vue-Toastification__container.bottom-right .Vue-Toastification__toast--rtl{margin-left:unset;margin-right:auto}}.Vue-Toastification__container.top-center,.Vue-Toastification__container.bottom-center{left:50%;margin-left:-300px}.Vue-Toastification__container.top-center .Vue-Toastification__toast,.Vue-Toastification__container.bottom-center .Vue-Toastification__toast{margin-left:auto;margin-right:auto}}@media only screen and (max-width:600px){.Vue-Toastification__container{width:100vw;padding:0;left:0;margin:0}.Vue-Toastification__container .Vue-Toastification__toast{width:100%}.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right,.Vue-Toastification__container.top-center{top:0}.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right,.Vue-Toastification__container.bottom-center{bottom:0;flex-direction:column-reverse}}.Vue-Toastification__toast{display:inline-flex;position:relative;max-height:800px;min-height:64px;box-sizing:border-box;margin-bottom:1rem;padding:22px 24px;border-radius:8px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;justify-content:space-between;font-family:Lato,Helvetica,Roboto,Arial,sans-serif;max-width:600px;min-width:326px;pointer-events:auto;overflow:hidden;transform:translateZ(0);direction:ltr}.Vue-Toastification__toast--rtl{direction:rtl}.Vue-Toastification__toast--default{background-color:#1976d2;color:#fff}.Vue-Toastification__toast--info{background-color:#2196f3;color:#fff}.Vue-Toastification__toast--success{background-color:#4caf50;color:#fff}.Vue-Toastification__toast--error{background-color:#ff5252;color:#fff}.Vue-Toastification__toast--warning{background-color:#ffc107;color:#fff}@media only screen and (max-width:600px){.Vue-Toastification__toast{border-radius:0;margin-bottom:.5rem}}.Vue-Toastification__toast-body{flex:1;line-height:24px;font-size:16px;word-break:break-word;white-space:pre-wrap}.Vue-Toastification__toast-component-body{flex:1}.Vue-Toastification__toast.disable-transition{animation:none!important}.Vue-Toastification__close-button{font-weight:700;font-size:24px;line-height:24px;background:transparent;outline:none;border:none;padding:0 0 0 10px;cursor:pointer;transition:.3s ease;align-items:center;color:#fff;opacity:.3;transition:visibility 0s,opacity .2s linear}.Vue-Toastification__close-button:hover,.Vue-Toastification__close-button:focus{opacity:1}.Vue-Toastification__toast:not(:hover) .Vue-Toastification__close-button.show-on-hover{opacity:0}.Vue-Toastification__toast--rtl .Vue-Toastification__close-button{padding-left:unset;padding-right:10px}@keyframes scale-x-frames{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Vue-Toastification__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:10000;background-color:#ffffffb3;transform-origin:left;animation:scale-x-frames linear 1 forwards}.Vue-Toastification__toast--rtl .Vue-Toastification__progress-bar{right:0;left:unset;transform-origin:right}.Vue-Toastification__icon{margin:auto 18px auto 0;background:transparent;outline:none;border:none;padding:0;transition:.3s ease;align-items:center;width:20px;height:100%}.Vue-Toastification__toast--rtl .Vue-Toastification__icon{margin:auto 0 auto 18px}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes bounceOutRight{40%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(1000px,0,0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Vue-Toastification__bounce-enter-active.top-left,.Vue-Toastification__bounce-enter-active.bottom-left{animation-name:bounceInLeft}.Vue-Toastification__bounce-enter-active.top-right,.Vue-Toastification__bounce-enter-active.bottom-right{animation-name:bounceInRight}.Vue-Toastification__bounce-enter-active.top-center{animation-name:bounceInDown}.Vue-Toastification__bounce-enter-active.bottom-center{animation-name:bounceInUp}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-left,.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-left{animation-name:bounceOutLeft}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-right,.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-right{animation-name:bounceOutRight}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-center{animation-name:bounceOutUp}.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-center{animation-name:bounceOutDown}.Vue-Toastification__bounce-leave-active,.Vue-Toastification__bounce-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__bounce-move{transition-timing-function:ease-in-out;transition-property:all;transition-duration:.4s}@keyframes fadeOutTop{0%{transform:translateY(0);opacity:1}to{transform:translateY(-50px);opacity:0}}@keyframes fadeOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-50px);opacity:0}}@keyframes fadeOutBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(50px);opacity:0}}@keyframes fadeOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(50px);opacity:0}}@keyframes fadeInLeft{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInRight{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInTop{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInBottom{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.Vue-Toastification__fade-enter-active.top-left,.Vue-Toastification__fade-enter-active.bottom-left{animation-name:fadeInLeft}.Vue-Toastification__fade-enter-active.top-right,.Vue-Toastification__fade-enter-active.bottom-right{animation-name:fadeInRight}.Vue-Toastification__fade-enter-active.top-center{animation-name:fadeInTop}.Vue-Toastification__fade-enter-active.bottom-center{animation-name:fadeInBottom}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-left,.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-left{animation-name:fadeOutLeft}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-right,.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-right{animation-name:fadeOutRight}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-center{animation-name:fadeOutTop}.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-center{animation-name:fadeOutBottom}.Vue-Toastification__fade-leave-active,.Vue-Toastification__fade-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__fade-move{transition-timing-function:ease-in-out;transition-property:all;transition-duration:.4s}@keyframes slideInBlurredLeft{0%{transform:translate(-1000px) scaleX(2.5) scaleY(.2);transform-origin:100% 50%;filter:blur(40px);opacity:0}to{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideInBlurredTop{0%{transform:translateY(-1000px) scaleY(2.5) scaleX(.2);transform-origin:50% 0%;filter:blur(240px);opacity:0}to{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideInBlurredRight{0%{transform:translate(1000px) scaleX(2.5) scaleY(.2);transform-origin:0% 50%;filter:blur(40px);opacity:0}to{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideInBlurredBottom{0%{transform:translateY(1000px) scaleY(2.5) scaleX(.2);transform-origin:50% 100%;filter:blur(240px);opacity:0}to{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideOutBlurredTop{0%{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 0%;filter:blur(0);opacity:1}to{transform:translateY(-1000px) scaleY(2) scaleX(.2);transform-origin:50% 0%;filter:blur(240px);opacity:0}}@keyframes slideOutBlurredBottom{0%{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}to{transform:translateY(1000px) scaleY(2) scaleX(.2);transform-origin:50% 100%;filter:blur(240px);opacity:0}}@keyframes slideOutBlurredLeft{0%{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}to{transform:translate(-1000px) scaleX(2) scaleY(.2);transform-origin:100% 50%;filter:blur(40px);opacity:0}}@keyframes slideOutBlurredRight{0%{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}to{transform:translate(1000px) scaleX(2) scaleY(.2);transform-origin:0% 50%;filter:blur(40px);opacity:0}}.Vue-Toastification__slideBlurred-enter-active.top-left,.Vue-Toastification__slideBlurred-enter-active.bottom-left{animation-name:slideInBlurredLeft}.Vue-Toastification__slideBlurred-enter-active.top-right,.Vue-Toastification__slideBlurred-enter-active.bottom-right{animation-name:slideInBlurredRight}.Vue-Toastification__slideBlurred-enter-active.top-center{animation-name:slideInBlurredTop}.Vue-Toastification__slideBlurred-enter-active.bottom-center{animation-name:slideInBlurredBottom}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-left,.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-left{animation-name:slideOutBlurredLeft}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-right,.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-right{animation-name:slideOutBlurredRight}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-center{animation-name:slideOutBlurredTop}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-center{animation-name:slideOutBlurredBottom}.Vue-Toastification__slideBlurred-leave-active,.Vue-Toastification__slideBlurred-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__slideBlurred-move{transition-timing-function:ease-in-out;transition-property:all;transition-duration:.4s}:root{font-size:clamp(.875rem,.85rem + .1vw,.9375rem);--color-primary: #004459;--color-primary-rgb: 0, 68, 89;--color-primary-hover: #005a73;--color-accent: #00B4D8;--color-accent-rgb: 0, 180, 216;--color-primary-light: #E8F4F8;--color-primary-dark: #002D3A;--color-success: #10B981;--color-success-rgb: 16, 185, 129;--color-warning: #F59E0B;--color-warning-rgb: 245, 158, 11;--color-danger: #EF4444;--color-danger-rgb: 239, 68, 68;--color-info: #6366F1;--color-info-rgb: 99, 102, 241;--color-success-alt: #2DA04D;--color-chat-purple: #5865F2;--color-accent-light: #5AB3CC;--color-accent-mid: #0097BD;--color-purple: #6F42C1;--app-primary: #004459;--app-primary-rgb: 0, 68, 89;--app-secondary: #00B4D8;--app-secondary-rgb: 0, 180, 216;--app-success: #10B981;--app-success-rgb: 16, 185, 129;--app-warning: #F59E0B;--app-warning-rgb: 245, 158, 11;--app-danger: #EF4444;--app-danger-rgb: 239, 68, 68;--app-info: #6366F1;--app-info-rgb: 99, 102, 241;--neutral-950: #0F1923;--neutral-900: #1A2735;--neutral-800: #2D3B4A;--neutral-500: #64748B;--neutral-200: #E2E8F0;--neutral-100: #F1F5F9;--bg-body: #FFFFFF;--bg-surface: #FFFFFF;--bg-card: #FFFFFF;--bg-sidebar: #FFFFFF;--bg-header: #FFFFFF;--bg-hover: #F3F4F6;--bg-active: #E8F4F8;--bg-table-header: #F9FAFB;--text-primary: #111827;--text-secondary: #6B7280;--text-muted: #9CA3AF;--text-inverse: #FFFFFF;--text-link: #004459;--border: #E5E7EB;--border-default: #E5E7EB;--border-subtle: #F3F4F6;--border-focus: #004459;--border-strong: #94A3B8;--page-padding: 12px;--toolbar-padding-y: 8px;--toolbar-padding-x: 16px;--section-gap: 12px;--row-height: 40px;--fs-page-title: 16px;--fs-section-title: 14px;--fs-label: 11px;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px rgba(0,0,0,.05), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 10px 15px rgba(0,0,0,.06), 0 4px 6px rgba(0,0,0,.04);--shadow-xl: 0 25px 50px rgba(0,0,0,.12);--fs-display: clamp(1.25rem, 1.2rem + .2vw, 1.5rem);--fs-title: clamp(1rem, .95rem + .15vw, 1.125rem);--fs-section: clamp(.875rem, .85rem + .1vw, 1rem);--fs-body: clamp(.8rem, .78rem + .08vw, .875rem);--fs-small: clamp(.75rem, .73rem + .06vw, .8125rem);--fs-tiny: clamp(.65rem, .63rem + .05vw, .75rem);--fs-xs: var(--fs-tiny);--fs-sm: var(--fs-small);--fs-md: var(--fs-body);--fs-lg: var(--fs-section);--fs-xl: var(--fs-title);--fs-2xl: var(--fs-display);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-primary: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--app-body-font-family: var(--font-sans);--space-1: clamp(.15rem, .13rem + .04vw, .25rem);--space-2: clamp(.3rem, .28rem + .06vw, .45rem);--space-3: clamp(.45rem, .42rem + .08vw, .625rem);--space-4: clamp(.6rem, .55rem + .1vw, .8rem);--space-5: clamp(.8rem, .75rem + .12vw, 1rem);--space-6: clamp(1rem, .95rem + .15vw, 1.25rem);--space-8: clamp(1.25rem, 1.15rem + .2vw, 1.75rem);--space-10: clamp(1.5rem, 1.4rem + .25vw, 2rem);--space-12: clamp(1.75rem, 1.6rem + .3vw, 2.5rem);--space-16: clamp(2rem, 1.85rem + .4vw, 3rem);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--input-height: 36px;--btn-padding-y: 5px;--btn-padding-x: 18px;--btn-sm-padding-y: 3px;--btn-sm-padding-x: 12px;--btn-lg-padding-y: 10px;--btn-lg-padding-x: 26px;--btn-height: 30px;--btn-height-sm: 26px;--btn-height-lg: 30px;--dropdown-gap: 4px;--sidebar-rail-width: 60px;--sidebar-panel-width: 225px;--sidebar-width: 285px;--sidebar-width-collapsed: 60px;--sidebar-collapsed-width: 60px;--header-height: 60px;--sidebar-nav-font-size: 13px;--sidebar-nav-padding-y: 6px;--sidebar-nav-padding-x: 12px;--sidebar-nav-min-height: 32px;--sidebar-nav-gap: 8px;--icon-sm: clamp(12px, .9vw, 14px);--icon-md: clamp(14px, 1vw, 16px);--icon-lg: clamp(16px, 1.15vw, 18px);--icon-xl: clamp(18px, 1.3vw, 22px);--sidebar-icon-size: 20px;--sidebar-icon-btn: 44px;--sidebar-bottom-safe: 1rem;--table-bg: var(--bg-surface);--table-border: var(--border-default);--table-radius: 0;--table-header-bg: var(--bg-table-header);--table-header-color: var(--text-muted);--table-header-font-size: 11px;--table-header-font-weight: 600;--table-header-padding-y: 8px;--table-header-padding-x: 12px;--table-header-letter-spacing: .5px;--table-cell-padding-y: 8px;--table-cell-padding-x: 12px;--table-cell-font-size: 13px;--table-cell-color: var(--text-primary);--table-row-border: var(--border-subtle);--table-row-hover-bg: var(--bg-hover);--table-sort-color: var(--text-muted);--table-sort-active-color: var(--color-primary);--card-padding: clamp(.6rem, .55rem + .1vw, .875rem);--card-radius: var(--radius-md);--dropdown-bg: var(--bg-card);--dropdown-border: var(--border);--dropdown-shadow: 0 4px 12px rgba(0, 0, 0, .08);--dropdown-padding: 6px;--dropdown-radius: var(--radius-lg);--dropdown-item-padding-y: 8px;--dropdown-item-padding-x: 14px;--dropdown-item-radius: var(--radius-md);--dropdown-item-font-size: 13px;--dropdown-item-min-height: 32px;--dropdown-item-color: var(--text-primary);--dropdown-item-hover-bg: var(--bg-hover);--dropdown-item-active-bg: var(--color-primary);--dropdown-item-active-color: var(--text-inverse);--dropdown-divider-color: var(--border);--dropdown-max-height: 320px;--select-bg: var(--bg-card);--select-border: var(--border-strong);--select-border-focus: var(--color-primary);--select-color: var(--text-primary);--select-placeholder: #64748B;--select-font-size: 13px;--select-height: var(--btn-height);--select-height-sm: var(--btn-height-sm);--select-padding-y: var(--btn-padding-y);--select-padding-x: var(--btn-padding-x);--select-radius: var(--radius-md);--app-card-spacer-y: var(--card-padding);--app-card-spacer-x: var(--card-padding);--avatar-sm: clamp(1.5rem, 1.4rem + .15vw, 1.75rem);--avatar-md: clamp(1.875rem, 1.75rem + .2vw, 2.25rem);--avatar-lg: clamp(2.5rem, 2.3rem + .3vw, 3rem);--input-height-sm: var(--btn-height-sm);--input-height-md: var(--input-height);--input-height-lg: calc(var(--input-height) + .2rem);--transition-fast: .1s ease;--transition: .15s ease;--transition-normal: .15s ease;--transition-slow: .25s ease;--spectrum-text-primary: var(--text-primary);--spectrum-text-secondary: var(--text-secondary);--spectrum-text-muted: var(--text-muted);--spectrum-bg-body: var(--bg-body);--spectrum-bg-card: var(--bg-card);--spectrum-bg-hover: var(--bg-hover);--spectrum-border: var(--border);--spectrum-border-focus: var(--border-focus);--spectrum-radius-sm: var(--radius-sm);--spectrum-radius-md: var(--radius-md);--spectrum-radius-lg: var(--radius-lg);--spectrum-shadow-sm: var(--shadow-sm);--spectrum-shadow: var(--shadow-md);--spectrum-transition: var(--transition);--bs-primary: #004459;--bs-success: #10B981;--bs-warning: #F59E0B;--bs-danger: #EF4444;--bs-info: #6366F1;--bs-body-bg: var(--bg-body);--bs-body-color: var(--text-primary);--bs-border-color: var(--border);--bs-card-bg: var(--bg-card);--bs-card-border-color: var(--border);--bs-border-radius: var(--radius-md);--bs-border-radius-sm: var(--radius-sm);--bs-border-radius-lg: var(--radius-lg);--bs-border-radius-xl: var(--radius-xl);--bs-border-radius-xxl: var(--radius-2xl);--bs-card-border-radius: var(--radius-lg);--bs-modal-border-radius: var(--radius-xl);--bs-popover-border-radius: var(--radius-lg);--bs-tooltip-border-radius: var(--radius-md);--bs-badge-border-radius: var(--radius-sm);--bs-alert-border-radius: var(--radius-lg);--bs-box-shadow: var(--shadow-sm);--bs-box-shadow-sm: var(--shadow-xs);--bs-box-shadow-lg: var(--shadow-lg);--theme-primary: var(--color-primary);--theme-accent: var(--color-accent);--theme-primary-light: var(--color-primary-light);--theme-primary-dark: var(--color-primary-dark);--color-bg: var(--bg-body);--color-surface: var(--bg-card);--color-border: var(--border);--color-text: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-muted: var(--text-muted);--card-bg: var(--bg-card);--card-border: var(--border);--sidebar-bg: var(--bg-sidebar);--header-bg: var(--bg-card);--sidebar-text: var(--text-secondary);--sidebar-active-bg: var(--bg-active);--sidebar-active-text: var(--color-primary)}body.dark-mode,[data-bs-theme=dark],[data-theme=dark]{--bg-body: #1A1A1A;--bg-surface: #1A1A1A;--bg-card: #222222;--bg-sidebar: #111111;--bg-header: #111111;--bg-hover: #2D2D2D;--bg-active: rgba(0, 180, 216, .1);--bg-table-header: #1F1F1F;--text-primary: #F5F5F5;--text-secondary: #A3A3A3;--text-muted: #737373;--text-link: #00B4D8;--border: #2D2D2D;--border-default: #2D2D2D;--border-subtle: #222222;--border-focus: #00B4D8;--border-strong: #404040;--color-primary: #00B4D8;--color-primary-hover: #00C9F0;--shadow-xs: 0 1px 2px rgba(0,0,0,.3);--shadow-sm: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 6px rgba(0,0,0,.35), 0 2px 4px rgba(0,0,0,.25);--shadow-lg: 0 10px 15px rgba(0,0,0,.4), 0 4px 6px rgba(0,0,0,.3);--shadow-xl: 0 25px 50px rgba(0,0,0,.5);--table-row-hover-bg: rgba(255, 255, 255, .04);--spectrum-dark-bg-base: #1A1A1A;--spectrum-dark-bg-surface: #222222;--spectrum-dark-bg-raised: #2D2D2D;--spectrum-dark-bg-hover: #333333;--spectrum-dark-border: #2D2D2D;--spectrum-dark-border-mid: #404040;--spectrum-dark-border-hi: #525252;--spectrum-dark-text: #F5F5F5;--spectrum-dark-text-hi: #ffffff;--spectrum-dark-text-muted: #64748B;--spectrum-dark-accent: #00B4D8;--spectrum-dark-teal-bg: #1a3844;--dropdown-shadow: 0 4px 12px rgba(0, 0, 0, .3);--bs-body-bg: var(--bg-body);--bs-body-color: var(--text-primary);--bs-card-bg: var(--bg-card);--bs-border-color: var(--border)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body,html{font-family:var(--font-sans)!important}body,body.bg-light{font-family:var(--font-sans)!important;font-size:var(--fs-body);color:var(--text-primary)!important;background:var(--bg-body)!important;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-slow),color var(--transition-slow);margin:0;padding:0}.bi,[class*=bi-]{font-family:bootstrap-icons!important}#app{min-height:100vh}code,pre,.font-monospace{font-family:var(--font-mono)}.badge,.tag,.chip,.label,.form-check-input,.status-dot,.progress,.progress-bar,input[type=checkbox],input[type=radio]{border-radius:var(--radius-sm)}.btn,.btn-sm,.form-control,.form-select,.form-control-sm,.input-group>.form-control,.input-group>.form-select,.input-group>.input-group-text,.tooltip-inner,.nav-link,.search-input,.search-bar,code,pre{border-radius:var(--radius-md)}.card,.card-body,.card-header,.card-footer,.alert,.alert-dismissible,.list-group,.list-group-item:first-child,.list-group-item:last-child,.popover,.rail-flyout,.sidebar-flyout,.stat-card,.widget,.dashboard-card,.accordion,.accordion-item,.tab-content,.tab-pane{border-radius:var(--radius-lg)}.modal-content,.offcanvas,.sidebar-panel,.sheet,.bottom-sheet{border-radius:var(--radius-xl)}.hero-card,.feature-card,.onboarding-card,.empty-state-card{border-radius:var(--radius-2xl)}.avatar,.avatar-sm,.avatar-lg,.avatar-xl,.btn-circle,.btn-icon-round,.badge-pill,.rounded-pill,.nav-pills .nav-link,.toggle,.switch,.color-swatch-round{border-radius:var(--radius-full)}.page-wrapper{padding:0}h1,h2,h3,h4,h5,.page-title,.card-header h4,.card-header h5,.card-title,.text-black.font-w600{font-size:var(--fs-page-title)!important;font-weight:600!important;margin:0!important;line-height:1.4!important;color:var(--text-primary)}h6{font-size:var(--fs-section-title)!important;font-weight:600!important;margin:0!important}.page-subtitle,.page-header .text-muted,.page-header p{font-size:var(--fs-label)!important;color:var(--text-secondary)!important;margin:2px 0 0!important}.page-header,.card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--toolbar-padding-y) var(--toolbar-padding-x)!important;border-bottom:1px solid var(--border-default)!important;margin:0;gap:var(--space-2);flex-wrap:wrap;min-height:44px;background:transparent}.page-toolbar,.filter-row,.table-toolbar,.datatable-controls,.emp-filter-wrap{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;padding:6px 16px!important;border-bottom:1px solid var(--border-default)!important}.stat-card,.overview-stat,.summary-card{border:1px solid var(--border-default)!important;border-radius:var(--radius-md)!important;background:var(--bg-surface)!important;box-shadow:none!important}.page-wrapper>.card,.main-wrapper .card,.inner-contents>.card,.inner-contents .card.border-0,.inner-contents .card.p-5,[class*=Page]>.card,[class*=template-page]>.card{background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important}.page-wrapper>.card>.card-body,.main-wrapper .card>.card-body,.inner-contents>.card>.card-body,.inner-contents .card.border-0>.card-body,[class*=Page]>.card>.card-body,[class*=template-page]>.card>.card-body{padding:0!important}.main-wrapper{background:var(--bg-body)!important;min-height:calc(100dvh - var(--header-height))!important;display:flex;flex-direction:column}.main-wrapper>.container-fluid{flex:1;display:flex;flex-direction:column}.inner-contents{padding:0 16px!important;flex:1}.filter-row,.table-toolbar{padding:6px var(--toolbar-padding-x);border-bottom:1px solid var(--border-default);display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.stats-inline-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) var(--toolbar-padding-x);border-bottom:1px solid var(--border-default)}.stats-inline-item{display:flex;align-items:center;gap:var(--space-2)}.stats-inline-label{font-size:var(--fs-small);color:var(--text-secondary)}.stats-inline-value{font-size:var(--fs-body);font-weight:var(--fw-semibold);color:var(--text-primary)}.stats-inline-divider{width:1px;height:var(--space-4);background:var(--border-default);margin:0 var(--space-2);flex-shrink:0}.table-responsive{border-radius:0!important;border:none!important;background:transparent!important}.tab-nav{display:flex;gap:0;border-bottom:1px solid var(--border-default);overflow-x:auto;padding:0 var(--toolbar-padding-x)}.tab-nav-item{padding:var(--space-3) var(--space-5);font-family:var(--font-sans);font-size:var(--select-font-size);font-weight:var(--fw-normal);color:var(--text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;margin-bottom:-1px;transition:color var(--transition-fast),border-color var(--transition-fast)}.tab-nav-item:hover{color:var(--color-primary)}.tab-nav-item--active,.tab-nav-item.active{color:var(--color-primary);font-weight:var(--fw-medium);border-bottom-color:var(--color-primary)}.page-subtitle{font-size:var(--fs-small);color:var(--text-secondary);margin-top:var(--space-1);font-weight:400;margin-bottom:0}.page-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.detail-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-default);gap:var(--space-4);flex-wrap:wrap}.detail-header-left{display:flex;align-items:center;gap:var(--space-4);min-width:0}.detail-header-info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.detail-header-name-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.detail-header-name{font-size:var(--fs-section);font-weight:var(--fw-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-header-sub{font-size:var(--fs-small);color:var(--text-secondary)}.detail-header-sub a{color:var(--color-primary);text-decoration:none}.detail-header-sub a:hover{text-decoration:underline}.detail-header-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.detail-menu{position:relative}.detail-menu-btn{width:var(--avatar-sm);height:var(--avatar-sm);display:flex;align-items:center;justify-content:center;border:1px solid var(--border-default);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;padding:0;font-size:var(--fs-body)}.detail-menu-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.detail-menu-dropdown{position:absolute;top:100%;right:0;margin-top:var(--space-1);min-width:10rem;z-index:100}.detail-info-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-default);flex-wrap:wrap}.detail-info-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-small)}.detail-info-item i{font-size:var(--fs-body);color:var(--text-secondary)}.detail-info-item a{color:var(--text-primary);text-decoration:none}.detail-info-item a:hover{text-decoration:underline}.detail-info-divider{width:1px;height:var(--space-5);background:var(--border-default);flex-shrink:0}.detail-content{padding:var(--space-5)}.detail-tab-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.detail-tab-title{font-size:var(--fs-title);font-weight:var(--fw-semibold);color:var(--text-primary);margin:0}.detail-option--danger{color:var(--bs-danger, var(--color-danger))!important}.detail-option--danger:hover{background-color:rgba(var(--color-danger-rgb, 220, 53, 69),.08)!important}.client-detail-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-default);gap:var(--space-4);flex-wrap:wrap}.client-detail-header-left{display:flex;align-items:center;gap:var(--space-4);min-width:0}.client-detail-header-info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.client-detail-header-name-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.client-detail-name{font-size:var(--fs-section);font-weight:var(--fw-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-detail-location{font-size:var(--fs-small);color:var(--text-secondary)}.client-detail-location a,.client-detail-website-link{color:var(--color-primary)!important;text-decoration:none}.client-detail-location a:hover,.client-detail-website-link:hover{text-decoration:underline}.client-detail-header-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.client-detail-menu{position:relative}.client-detail-menu-btn{width:var(--avatar-sm);height:var(--avatar-sm);display:flex;align-items:center;justify-content:center;border:1px solid var(--border-default);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;padding:0;font-size:var(--fs-body)}.client-detail-menu-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.client-detail-menu-dropdown{position:absolute;top:100%;right:0;margin-top:var(--space-1);min-width:10rem;z-index:100}.client-detail-contact-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-default);flex-wrap:wrap}.client-detail-contact-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-small)}.client-detail-contact-item i{font-size:var(--fs-body);color:var(--text-secondary)}.client-detail-contact-item a{color:var(--text-primary);text-decoration:none}.client-detail-contact-item a:hover{text-decoration:underline}.client-detail-contact-divider{width:1px;height:var(--space-5);background:var(--border-default);flex-shrink:0}.client-detail-content{padding:var(--space-5)}.client-detail-project-link{color:var(--color-primary);font-weight:var(--fw-medium);text-decoration:none;cursor:pointer}.client-detail-project-link:hover{text-decoration:underline}.main-content,.page-content,.layout-content,[class*=content-wrapper],[class*=main-wrapper]{min-width:0;overflow-x:hidden;flex:1}.card{background:var(--bg-card);border-radius:var(--card-radius);border:1px solid var(--border);box-shadow:var(--shadow-xs);transition:box-shadow var(--transition)}.card:hover{box-shadow:var(--shadow-sm)}.card-body{padding:var(--card-padding)}.card-header{padding:var(--space-3) var(--card-padding);border-bottom:1px solid var(--border);background:transparent;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.card-title{font-size:var(--fs-body);font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-footer{background:transparent;border-top:1px solid var(--border);padding:var(--space-3) var(--card-padding)}.card-header h3,.card-header h4,[class*=widget] h3,[class*=widget] h4{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-widget .card-title,.dashboard-widget h3,.dashboard-widget h4,[class*=dashboard] [class*=widget] h3,[class*=dashboard] [class*=widget] h4{white-space:normal;overflow:visible;text-overflow:unset}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--select-font-size)!important;font-weight:500;font-family:var(--font-sans);padding:var(--btn-padding-y) var(--btn-padding-x)!important;min-height:var(--btn-height);border-radius:var(--radius-md);cursor:pointer;border:none;outline:none;transition:all var(--transition);white-space:nowrap;text-decoration:none;line-height:1.4}.btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.btn:active{transform:scale(.98)}.btn:disabled,.btn.disabled{opacity:.6;cursor:not-allowed}.btn-sm,.btn.btn-sm{padding:var(--btn-sm-padding-y) var(--btn-sm-padding-x)!important;min-height:var(--btn-height-sm);border-radius:var(--radius-sm)}.btn-lg,.btn.btn-lg{padding:var(--btn-lg-padding-y) var(--btn-lg-padding-x)!important;min-height:var(--btn-height-lg);border-radius:var(--radius-lg)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:var(--btn-padding-y)!important;min-height:var(--btn-height);min-width:var(--btn-height);border-radius:var(--radius-md);background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all var(--transition)}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon.btn-sm{padding:4px;min-height:var(--btn-height-sm);min-width:var(--btn-height-sm);border-radius:var(--radius-sm)}.btn-themed{background:var(--color-primary);color:var(--text-inverse)}.btn-themed:hover:not(:disabled){background:var(--color-primary-hover);color:var(--text-inverse)}.btn-themed-outline{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn-themed-outline:hover:not(:disabled){background:var(--color-primary-light);color:var(--color-primary)}.btn-themed-outline.active{background:var(--color-primary)!important;color:var(--text-inverse)!important;border-color:var(--color-primary)!important}.btn-danger{background:var(--color-danger);color:var(--text-inverse)}.btn-danger:hover:not(:disabled){filter:brightness(.9)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:var(--btn-padding-y)!important;min-width:var(--btn-height);border-radius:var(--radius-sm)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon-danger{display:inline-flex;align-items:center;justify-content:center;width:var(--btn-height-sm);height:var(--btn-height-sm);padding:0;background:transparent;border:none;border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.btn-icon-danger:hover{color:var(--color-danger);background-color:rgba(var(--color-danger-rgb),.1)}.btn-icon-danger:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-auth-gradient{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);color:var(--text-inverse);border:none}.btn-auth-gradient:hover{filter:brightness(1.1)}.btn-auth-gradient:disabled{opacity:.65}.btn-theme-toggle{background-color:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);font-weight:500}.btn-theme-toggle:hover{background-color:var(--bg-body);border-color:var(--border);color:var(--color-primary)}.btn-theme-toggle.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--text-inverse);font-weight:600}.view-btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted)}.view-btn:hover{background:var(--bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.view-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--text-inverse)}.btn-portal-outline{border:1px solid var(--color-primary);color:var(--color-primary);background:transparent}.btn-portal-outline:hover{background-color:var(--color-primary);color:var(--text-inverse)}.btn-clock-out{background-color:var(--color-danger);border:1px solid var(--color-danger);color:var(--text-inverse)}.btn-clock-out:hover{filter:brightness(.85)}.btn-auto-pause{background-color:var(--color-warning);border:1px solid var(--color-warning);color:var(--text-inverse)}.btn-auto-pause:hover{filter:brightness(.85)}.btn-change{background:none;border:none;color:var(--color-primary);font-weight:600;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.btn-change:hover{text-decoration:underline}body.dark-mode .btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}body.dark-mode .btn-themed-outline:hover:not(:disabled){background:rgba(var(--color-accent-rgb),.15)}body.dark-mode .btn-themed-outline.active{background:var(--color-primary)!important;color:var(--text-inverse)!important;border-color:var(--color-primary)!important}body.dark-mode .view-btn{background:var(--bg-card);border-color:var(--border);color:var(--text-muted)}body.dark-mode .view-btn:hover{background:var(--bg-hover);color:var(--color-accent)}body.dark-mode .view-btn.active{background:var(--color-primary);color:var(--text-inverse)}.btn-sm.rounded-pill{min-width:4.375rem}.logo-icon{width:var(--avatar-sm);height:var(--avatar-sm);object-fit:contain}.badge{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-tiny);font-weight:600;padding:2px var(--space-3);border-radius:var(--radius-full);white-space:nowrap;line-height:1.6}.badge:before{content:"";width:clamp(5px,.4vw,7px);height:clamp(5px,.4vw,7px);border-radius:var(--radius-full);flex-shrink:0;background:currentColor}.badge-success{color:var(--color-success);background:#10b9811f}.badge-warning{color:var(--color-warning);background:#f59e0b1f}.badge-danger{color:var(--color-danger);background:#ef44441f}.badge-info{color:var(--color-info);background:#6366f11f}.badge-neutral{color:var(--text-secondary);background:var(--bg-hover)}.badge-primary{color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1)}.badge-active,.badge-approved,.badge-paid,.badge-hired,.badge-completed,.badge-won,.badge-success-soft{background-color:#1987541f;color:var(--color-success)}.badge-pending,.badge-in-progress,.badge-submitted,.badge-new,.badge-screening,.badge-interviewing,.badge-info-soft{background-color:#6366f11a;color:var(--color-info)}.badge-draft,.badge-inactive,.badge-cancelled,.badge-closed,.badge-secondary-soft{background-color:#6c757d1f;color:var(--neutral-500)}.badge-rejected,.badge-suspended,.badge-overdue,.badge-lost,.badge-danger-soft{background-color:#ef44441a;color:var(--color-danger)}.badge-trial,.badge-on-hold,.badge-warning-soft,.badge-offered{background-color:#f59e0b26;color:var(--color-warning)}.badge.bg-success{background-color:rgba(var(--color-success-rgb),.12)!important;color:var(--color-success)!important}.badge.bg-danger{background-color:rgba(var(--color-danger-rgb),.1)!important;color:var(--color-danger)!important}.badge.bg-warning{background-color:rgba(var(--color-warning-rgb),.15)!important;color:var(--color-warning)!important}.badge.bg-info{background-color:rgba(var(--color-info-rgb),.12)!important;color:var(--color-info)!important}.badge.bg-secondary{background-color:#6c757d1f!important;color:var(--neutral-500)!important}.badge.bg-primary{background-color:rgba(var(--color-primary-rgb),.1)!important;color:var(--color-primary)!important}.bg-success-subtle{background-color:rgba(var(--color-success-rgb),.12)!important}.bg-warning-subtle{background-color:rgba(var(--color-warning-rgb),.12)!important}.bg-danger-subtle{background-color:rgba(var(--color-danger-rgb),.1)!important}.bg-info-subtle{background-color:rgba(var(--color-info-rgb),.12)!important}.bg-primary-subtle{background-color:rgba(var(--color-primary-rgb),.1)!important}.bg-secondary-subtle{background-color:#6c757d1f!important}.badge-soft-success{background-color:rgba(var(--color-success-rgb),.12);color:var(--color-success)}.badge-soft-warning{background-color:rgba(var(--color-warning-rgb),.12);color:var(--color-warning)}.badge-soft-danger{background-color:rgba(var(--color-danger-rgb),.1);color:var(--color-danger)}.badge-soft-secondary{background-color:#6c757d1f;color:var(--neutral-500)}.badge-soft-info{background-color:rgba(var(--color-info-rgb),.12);color:var(--color-info)}.badge-soft-primary{background-color:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.badge-soft-teal{background-color:#00b4d81f;color:var(--color-accent)}.badge-soft-indigo{background-color:#6366f11f;color:var(--color-info)}.badge-soft-amber{background-color:#f59e0b1f;color:var(--color-warning)}.data-table{width:100%;border-collapse:collapse;font-size:var(--fs-small)}.table{width:100%;border-collapse:separate;border-spacing:0;background:var(--table-bg)!important;font-size:var(--table-cell-font-size)!important;color:var(--table-cell-color)!important;margin-bottom:0}.table thead th{background:var(--table-header-bg)!important;color:var(--table-header-color)!important;font-size:var(--table-header-font-size)!important;font-weight:var(--table-header-font-weight)!important;padding:var(--table-header-padding-y) var(--table-header-padding-x)!important;text-transform:none!important;letter-spacing:normal;border-bottom:1px solid var(--table-border)!important;white-space:nowrap;vertical-align:middle}.table tbody td{padding:var(--table-cell-padding-y) var(--table-cell-padding-x)!important;color:var(--table-cell-color)!important;font-size:var(--table-cell-font-size)!important;border-bottom:1px solid var(--table-row-border)!important;vertical-align:middle}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--table-row-hover-bg)!important}.table tbody tr:last-child td{border-bottom:none!important}.table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table thead th.sortable:hover{color:var(--text-primary)}.sort-icon-pair{display:inline-flex;flex-direction:column;line-height:0;margin-left:4px;vertical-align:middle}.sort-icon-pair i{font-size:8px;color:var(--text-muted);line-height:6px;opacity:.4}.sort-icon-pair i.active{color:var(--color-primary);opacity:1}.table thead th .sort-icon,.table thead th i.bi-chevron-expand{color:var(--table-sort-color)}.table-responsive{overflow:visible!important}.table .dropdown-menu{z-index:1060!important;position:absolute!important}.base-table-wrapper{width:100%}.base-table,.base-table th,.base-table td,.base-table-pagination,.base-table-pagination-label,.base-table-pagination-info{font-family:var(--font-sans)!important}.base-table{margin-bottom:0!important}.base-table thead th{height:30px;padding:6px 12px!important}.base-table tbody td{padding:6px 12px!important}.base-table-row{cursor:pointer;height:30px}.base-table-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-10)}.base-table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);color:var(--text-muted)}.base-table-empty i{font-size:2.5rem;margin-bottom:var(--space-3)}.base-table-empty p{margin:0;font-size:var(--table-cell-font-size)}.base-table-pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--toolbar-padding-y) var(--toolbar-padding-x);border-top:1px solid var(--border-default)}.base-table-pagination-label{font-size:var(--table-cell-font-size);color:var(--text-muted);white-space:nowrap}.base-table-pagination-info{font-size:var(--table-cell-font-size);color:var(--text-secondary);white-space:nowrap}.page-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-secondary);font-size:var(--table-cell-font-size);font-weight:500;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.page-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.page-btn.active{background:var(--color-primary)!important;color:var(--text-inverse)!important}.page-btn:disabled{opacity:.4;cursor:not-allowed}.th-actions-col{width:48px}.cell-actions{width:48px;text-align:center}.action-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--text-muted)!important;background:transparent!important;border:none!important;padding:0;cursor:pointer;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.action-btn:hover{background:var(--bg-hover)!important;color:var(--text-primary)!important}.base-table-action-menu{position:absolute;right:12px;top:100%;z-index:1060;min-width:160px;background:var(--dropdown-bg);border:1px solid var(--dropdown-border);border-radius:var(--dropdown-radius);box-shadow:var(--dropdown-shadow);padding:var(--dropdown-padding)}.base-table-action-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);font-size:var(--dropdown-item-font-size);color:var(--dropdown-item-color);border-radius:var(--dropdown-item-radius);text-decoration:none;transition:background var(--transition-fast)}.base-table-action-item:hover{background:var(--dropdown-item-hover-bg);color:var(--dropdown-item-color)}.base-table-action-item.text-danger:hover{background:rgba(var(--color-danger-rgb),.08)}.base-table .cell-actions{position:relative}.table .row-actions{opacity:0;transition:opacity var(--transition)}.table tbody tr:hover .row-actions{opacity:1}.table-responsive{border-radius:var(--table-radius);border:1px solid var(--table-border);overflow-x:auto}.table-wrapper,.datatable-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-label{font-size:var(--fs-tiny);font-weight:500;color:var(--text-secondary);margin-bottom:0}.form-label .required{color:var(--color-danger);margin-left:2px}.form-input,select,.form-select,.form-textarea,.form-control,.base-select-trigger,input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],input[type=url],input[type=date],input[type=time],input[type=datetime-local],textarea{background:var(--select-bg)!important;border:1px solid var(--select-border)!important;color:var(--select-color)!important;font-size:13px!important;font-family:var(--font-sans);min-height:var(--input-height);height:var(--input-height);padding:6px 12px!important;border-radius:var(--select-radius)!important;transition:border-color var(--transition),box-shadow var(--transition);outline:none}textarea,textarea.form-control{height:auto!important;min-height:80px}.form-label,label.form-label{font-size:12px!important;color:var(--text-secondary)!important;margin-bottom:4px!important;font-weight:500}.optional-hint{font-size:12px;color:var(--text-muted);font-weight:400;font-style:italic}.drawer-body .mb-3{margin-bottom:12px!important}.drawer-body .row.g-3{--bs-gutter-y: 12px;--bs-gutter-x: 12px}select,.form-select{padding-right:36px!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748B' d='M2.5 4.5L6 8l3.5-3.5z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:12px!important}select.form-select-sm,.form-select-sm,.form-control-sm{min-height:var(--select-height-sm)!important;padding:var(--btn-sm-padding-y) var(--btn-sm-padding-x)!important;padding-right:2.5rem!important}select:hover,.form-select:hover,.form-control:hover,.form-textarea:hover,input[type=text]:hover,input[type=email]:hover,input[type=password]:hover,input[type=number]:hover,input[type=search]:hover,input[type=tel]:hover,input[type=url]:hover,input[type=date]:hover,input[type=time]:hover,input[type=datetime-local]:hover,textarea:hover{border-color:var(--color-accent)!important}select:focus,.form-input:focus,.form-select:focus,.form-textarea:focus,.form-control:focus,.base-select-trigger:focus,input:focus,textarea:focus{border-color:var(--select-border-focus)!important;box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.15)!important;outline:none;background:var(--select-bg)!important;color:var(--select-color)!important}.form-input::placeholder,.form-select::placeholder,.form-control::placeholder,input::placeholder,textarea::placeholder{color:var(--select-placeholder)!important}.form-textarea{height:auto;min-height:clamp(80px,6vw,120px);padding:var(--space-3) var(--space-4);resize:vertical}textarea.form-control{height:auto;min-height:calc(var(--input-height) * 2.5)}.form-check-input:checked{background-color:var(--color-primary)!important;border-color:var(--color-primary)!important}.form-check-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 .2rem rgba(var(--color-primary-rgb),.25)}.search-wrapper{position:relative;display:flex;align-items:center}.search-wrapper .bi-search{position:absolute;left:var(--space-3);color:var(--text-muted);font-size:var(--fs-body);pointer-events:none}.search-wrapper .form-control{padding-left:calc(var(--space-3) * 2 + 1em)}.page-toolbar{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap;margin-bottom:var(--space-5)}.page-toolbar .search-wrapper{flex:1;min-width:12.5rem}.page-toolbar .filter-select{min-width:8.75rem}.page-toolbar .btn-themed{flex-shrink:0}.filter-row input.form-control,.filter-row .form-select,.datatable-controls input.form-control,.datatable-controls .form-select,.search-input,.leads-search,.leads-filter-select{height:var(--input-height-sm);font-size:var(--fs-body);border-radius:var(--radius-md);border-color:var(--border);padding-top:.3rem;padding-bottom:.3rem}.filter-row input.form-control:focus,.filter-row .form-select:focus,.datatable-controls input.form-control:focus,.datatable-controls .form-select:focus,.search-input:focus,.leads-search:focus,.leads-filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 .15rem rgba(var(--color-primary-rgb),.15)}.datatable-search .search-icon{top:50%;transform:translateY(-50%);left:var(--space-3);color:var(--text-muted);font-size:var(--fs-small)}.datatable-search .search-input{padding-left:var(--space-7)}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-2);transition:box-shadow var(--transition)}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-card .card-body{padding:0!important}.stat-card-top{display:flex;align-items:center;justify-content:space-between}.stat-label{font-size:var(--fs-tiny);font-weight:600;letter-spacing:.06em;text-transform:none;color:var(--text-muted)}.stat-icon{width:var(--avatar-sm);height:var(--avatar-sm);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-inverse);flex-shrink:0}.stat-icon.primary{background:var(--color-primary)}.stat-icon.info{background:var(--color-info)}.stat-icon.warning{background:var(--color-warning)}.stat-icon.success{background:var(--color-success)}.stat-icon.danger{background:var(--color-danger)}.stat-icon.neutral{background:var(--bg-hover);color:var(--text-secondary)}.stat-value{font-size:var(--fs-display);font-weight:700;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-primary);line-height:1;margin:var(--space-2) 0}.stat-trend{font-size:var(--fs-small);font-weight:500;display:flex;align-items:center;gap:var(--space-1)}.stat-trend.up{color:var(--color-success)}.stat-trend.down{color:var(--color-danger)}.stat-trend.neutral{color:var(--text-muted)}.icon-wrapper{width:clamp(32px,2.4vw,38px);height:clamp(32px,2.4vw,38px);min-width:clamp(32px,2.4vw,38px);min-height:clamp(32px,2.4vw,38px);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--icon-lg);color:var(--text-inverse)}.icon-wrapper.bg-primary{background:var(--color-primary)!important}.icon-wrapper.bg-success{background:var(--color-success)!important}.icon-wrapper.bg-warning{background:var(--color-warning)!important}.icon-wrapper.bg-info{background:var(--color-info)!important}.icon-wrapper.bg-danger{background:var(--color-danger)!important}.stat-card-icon-badge{width:clamp(26px,2vw,32px);height:clamp(26px,2vw,32px);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--fs-section);color:var(--text-inverse);flex-shrink:0}.stat-card-icon-badge--info{background:var(--color-info)}.stat-card-icon-badge--primary{background:var(--color-primary)}.stat-card-icon-badge--warning{background:var(--color-warning)}.stat-card-icon-badge--success{background:var(--color-success)}.stat-card-icon-badge--danger{background:var(--color-danger)}.stat-card-icon-badge--accent{background:var(--color-accent)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-bs-backdrop{background:#00000080}.modal-dialog{background:transparent;max-height:90vh;display:flex;flex-direction:column}.modal-content{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:none;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.modal-header{background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary) 100%)!important;color:var(--text-inverse)!important;padding:var(--space-5) var(--space-6);border-bottom:none;display:flex;align-items:center;justify-content:space-between}.modal-title{color:var(--text-inverse);font-weight:700;font-size:var(--fs-section);margin:0}.modal-header .btn-close{background:#ffffff26 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/.75rem auto no-repeat;border-radius:var(--radius-full);width:var(--avatar-sm);height:var(--avatar-sm);opacity:1;filter:none;flex-shrink:0;padding:0;border:none;cursor:pointer;transition:background var(--transition-fast)}.modal-header .btn-close:hover{background-color:#ffffff4d}.modal-body{padding:var(--space-5) var(--space-6);overflow-y:auto;flex:1 1 auto;min-height:0}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);background:var(--bg-card);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}@keyframes modalIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.drawer-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:500;display:flex;justify-content:flex-end}[dir=rtl] .drawer-overlay{justify-content:flex-start}.drawer-panel{position:relative;height:100%;background:var(--bg-card);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}[dir=rtl] .drawer-panel{border-left:none;border-right:1px solid var(--border)}.drawer-sm{width:clamp(320px,28vw,420px)}.drawer-md{width:clamp(400px,35vw,560px)}.drawer-lg{width:clamp(500px,45vw,720px)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border);flex-shrink:0}.drawer-title{font-size:var(--fs-section);font-weight:600;color:var(--text-primary);line-height:1.3;margin:0}.drawer-close{flex-shrink:0}.drawer-progress{height:3px;background:var(--color-primary);animation:drawer-progress 1.5s ease infinite;flex-shrink:0}@keyframes drawer-progress{0%{transform:translate(-100%)}to{transform:translate(100%)}}.drawer-body{flex:1;overflow-y:auto;padding:var(--space-6)}.drawer-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);flex-shrink:0;background:var(--bg-card)}[dir=rtl] .drawer-footer{flex-direction:row-reverse}.drawer-fade-enter-active,.drawer-fade-leave-active{transition:opacity var(--transition-slow)}.drawer-fade-enter-from,.drawer-fade-leave-to{opacity:0}.drawer-slide-enter-active,.drawer-slide-leave-active{transition:transform var(--transition-slow)}.drawer-slide-enter-from,.drawer-slide-leave-to{transform:translate(100%)}[dir=rtl] .drawer-slide-enter-from,[dir=rtl] .drawer-slide-leave-to{transform:translate(-100%)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);text-align:center;color:var(--text-muted);gap:var(--space-2)}.empty-state svg,.empty-state .empty-icon{opacity:.4}.empty-state h3{font-size:var(--fs-section);font-weight:600;color:var(--text-secondary)}.empty-state p{font-size:var(--fs-body);color:var(--text-muted);max-width:clamp(240px,22vw,400px)}.view-switcher-bar{display:flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-4)}.view-switch-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--fs-small);font-weight:500;color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.view-switch-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.view-switch-btn.active{background:rgba(var(--color-primary-rgb),.08);color:var(--color-primary);border-color:var(--color-primary);font-weight:600}.divider{height:1px;background:var(--border);margin:var(--space-4) 0}.text-muted{color:var(--text-muted)}.text-secondary-color{color:var(--text-secondary)}.font-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.font-medium{font-weight:500}.font-semibold{font-weight:600}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-label{font-size:var(--fs-tiny);font-weight:600;letter-spacing:.08em;text-transform:none;color:var(--text-muted);margin-bottom:var(--space-2)}.text-themed{color:var(--color-primary)}.bg-themed{background-color:var(--color-primary);color:var(--text-inverse)}.bg-themed-light{background-color:rgba(var(--color-primary-rgb),.08)}.border-themed{border-color:var(--color-primary)}.bg-primary{background-color:var(--color-primary)}.text-primary{color:var(--color-primary)}.border-primary{border-color:var(--color-primary)}a.text-primary:hover{color:var(--color-primary-dark)}.bg-purple{background-color:var(--color-primary)}.text-purple{color:var(--color-primary)}.datatable-length,.show-entries-row,.entries-selector{display:none}.status-dot-label{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--fs-body)}.status-dot{width:.4375rem;height:.4375rem;border-radius:var(--radius-full);flex-shrink:0;display:inline-block}.base-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-full);overflow:hidden}.base-avatar--sm{width:24px;height:24px}.base-avatar--md{width:32px;height:32px}.base-avatar--lg{width:40px;height:40px}.base-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full)}.base-avatar-initial{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-weight:600;border-radius:var(--radius-full)}.base-avatar--sm .base-avatar-initial{font-size:10px}.base-avatar--md .base-avatar-initial{font-size:12px}.base-avatar--lg .base-avatar-initial{font-size:15px}.base-avatar--has-status{position:relative}.base-avatar-status-dot{position:absolute;bottom:0;right:0;width:8px;height:8px;border-radius:var(--radius-full);border:2px solid var(--bg-body);box-sizing:content-box}.base-avatar-status-dot--online{background-color:var(--color-success, #10B981)}.base-avatar-status-dot--offline{background-color:var(--text-muted, #94A3B8)}.base-avatar-status-dot--busy{background-color:var(--color-danger, #EF4444)}.base-avatar-status-dot--break{background-color:var(--color-warning, #F59E0B)}.cell-avatar-row{display:flex;align-items:center;gap:8px}.cell-name-link{color:var(--color-primary);text-decoration:none;font-weight:500}.cell-name-link:hover{text-decoration:underline}.priority-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:500;text-transform:none;letter-spacing:normal;white-space:nowrap}.priority-pill-dot{width:6px;height:6px;border-radius:var(--radius-full);flex-shrink:0}.priority-pill--urgent{background:#ef44441a;color:#dc2626}.priority-pill--urgent .priority-pill-dot{background:#dc2626}.priority-pill--high{background:#f59e0b1a;color:#d97706}.priority-pill--high .priority-pill-dot{background:#d97706}.priority-pill--medium{background:#10b9811a;color:#059669}.priority-pill--medium .priority-pill-dot{background:#059669}.priority-pill--low{background:#6b72801a;color:#6b7280}.priority-pill--low .priority-pill-dot{background:#6b7280}.priority-pill--info{background:#3b82f61a;color:#2563eb}.priority-pill--info .priority-pill-dot{background:#2563eb}.dot-success{background-color:var(--color-success)}.dot-warning{background-color:var(--color-warning)}.dot-danger{background-color:var(--color-danger)}.dot-secondary{background-color:var(--neutral-500)}.dot-info{background-color:var(--color-info)}.dot-primary{background-color:var(--color-primary)}.header{position:fixed;top:0;right:0;left:var(--sidebar-width);height:var(--header-height);padding:0;overflow:hidden;z-index:100;transition:left .2s ease}.header-right{display:flex;align-items:center;gap:var(--space-1);margin-left:auto}.header-icon-btn{width:var(--sidebar-icon-btn);height:var(--sidebar-icon-btn);min-width:var(--sidebar-icon-btn);min-height:var(--sidebar-icon-btn);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--text-secondary);position:relative;transition:all var(--transition);flex-shrink:0}.header-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-radius:var(--radius-md)}.notif-badge{position:absolute;top:1px;right:1px;min-width:clamp(12px,.8vw,15px);height:clamp(12px,.8vw,15px);background:var(--color-danger);color:var(--text-inverse);font-size:clamp(.55rem,.5vw,.625rem);font-weight:700;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;border:1px solid var(--bg-card);padding:0 var(--space-1);line-height:1}.header-user{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-1);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition);margin-left:var(--space-1)}.header-user:hover{background:var(--bg-hover)}.header-avatar{width:var(--avatar-sm);height:var(--avatar-sm);border-radius:var(--radius-full);background:var(--color-primary);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:var(--fs-small);font-weight:700;flex-shrink:0;text-transform:none}.header-user-name{font-size:var(--fs-small);font-weight:600;color:var(--text-primary);display:block;line-height:1.2;white-space:nowrap}.header-user-role{font-size:var(--fs-tiny);color:var(--text-muted);display:block;text-transform:none;letter-spacing:.04em;line-height:1.2}.header-redesign{position:fixed;top:0;left:0;width:100%;height:var(--header-height);min-height:var(--header-height);z-index:1100;background:var(--bg-card);border-bottom:1px solid var(--border);overflow:visible}.header-redesign .logo{display:none}.header-logo-zone{width:var(--sidebar-rail-width);min-width:var(--sidebar-rail-width);height:100%;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--border);flex-shrink:0}.header-logo-img{width:28px;height:28px;object-fit:contain}.header-inner-redesign{display:flex;width:100%;height:var(--header-height);align-items:center;justify-content:space-between;padding:0 var(--space-4) 0 0;gap:0;overflow:visible}.header-left-redesign{display:flex;align-items:center;gap:var(--space-3);flex:1;padding-left:var(--space-4)}.header-right-redesign{display:flex;align-items:center;gap:var(--space-1);margin-left:auto;flex-shrink:0;overflow:visible;position:relative}.header-hamburger{width:clamp(1.5rem,1.8vw,1.875rem);height:clamp(1.5rem,1.8vw,1.875rem);border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition),color var(--transition);font-size:var(--fs-body);flex-shrink:0;padding:0}.header-hamburger:hover{background:var(--bg-hover);color:var(--text-primary)}.header-search-compact{position:relative;width:clamp(10rem,16vw,16rem)}.header-search-input-wrap{position:relative;display:flex;align-items:center}.header-search-icon{position:absolute;left:var(--space-3);color:var(--text-muted);font-size:var(--fs-small);pointer-events:none;z-index:1}.header-search-field{width:100%;height:var(--btn-height-sm);padding:0 var(--space-3) 0 calc(var(--space-3) * 2 + 1em);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-card);color:var(--text-primary);font-size:var(--fs-small);font-family:var(--font-sans);outline:none;transition:border-color var(--transition)}.header-search-field::placeholder{color:var(--text-muted)}.header-search-field:focus{border-color:var(--border-focus)}.header-search-field:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.header-right-redesign .header-icon-btn{width:var(--sidebar-icon-btn);height:var(--sidebar-icon-btn);border-radius:var(--radius-sm);text-decoration:none;padding:0}.header-right-redesign .header-icon-btn svg,.header-right-redesign .header-icon-btn i{width:var(--sidebar-icon-size);height:var(--sidebar-icon-size);font-size:var(--sidebar-icon-size);flex-shrink:0}.header-notif-wrap{overflow:visible;position:relative;flex-shrink:0}.notification-dropdown{position:fixed;top:var(--header-height);right:var(--space-6);width:clamp(280px,22vw,360px);max-height:clamp(300px,40vh,500px);overflow-y:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:9999;padding:0;margin:0}.theme-pill{display:flex;align-items:center;background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-full);padding:3px;gap:2px;flex-shrink:0}.theme-pill-btn{width:clamp(1.5rem,1.8vw,1.875rem);height:clamp(1.5rem,1.8vw,1.875rem);border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition),color var(--transition);padding:0}.theme-pill-btn.active{background:var(--color-primary);color:var(--text-inverse)}.header-inner-redesign .header-user{flex-shrink:0}.header-user-text{display:flex;flex-direction:column;min-width:0}.header-user-text .header-user-name,.header-user-text .header-user-role{display:block;visibility:visible}.header-chevron{color:var(--text-muted);flex-shrink:0;overflow:hidden;transition:transform .2s ease}.header-chevron--open{transform:rotate(180deg)}.profile-dropdown{position:fixed;top:var(--header-height);right:var(--space-4);width:clamp(220px,16vw,260px);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:9999;overflow:hidden}.profile-dropdown-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4)}.profile-dropdown-avatar{width:var(--avatar-sm);height:var(--avatar-sm);min-width:var(--avatar-sm);border-radius:var(--radius-full);background:var(--color-primary);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:var(--fs-small);font-weight:700;flex-shrink:0;text-transform:none}.profile-dropdown-header>div{min-width:0;max-width:160px;overflow:hidden}.profile-dropdown-name{font-size:var(--fs-small);font-weight:600;color:var(--text-primary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.profile-dropdown-email{font-size:var(--fs-tiny);color:var(--text-muted)}.profile-dropdown-divider{height:1px;background:var(--border);margin:0}.profile-dropdown-menu{padding:var(--space-2) 0}.profile-dropdown-item{display:flex;align-items:center;gap:var(--space-2);height:clamp(36px,2.6vw,44px);padding:0 var(--space-3);width:100%;font-size:var(--fs-sm);color:var(--text-primary);text-decoration:none;background:transparent;border:none;cursor:pointer;font-family:var(--font-sans);transition:background var(--transition),color var(--transition)}.profile-dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.profile-dropdown .router-link-active,.profile-dropdown .router-link-exact-active{background:transparent;color:var(--text-primary);border-left:none}.profile-dropdown-logout{width:100%;padding:var(--space-2) var(--space-3);height:clamp(36px,2.6vw,44px);margin-bottom:var(--space-1)}.profile-dropdown-logout:hover{color:var(--color-danger);background:var(--bg-hover)}.search-item--loading,.search-item--empty{color:var(--text-muted);font-size:var(--fs-small);padding:var(--space-4);text-align:center;justify-content:center}.search-item-sub{font-size:var(--fs-tiny);color:var(--text-muted);display:block}.sidebar-toggle-header-btn{flex-shrink:0;width:var(--btn-height);height:var(--btn-height);border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--fs-body);transition:background var(--transition-fast),color var(--transition-fast);margin-right:var(--space-2)}.sidebar-toggle-header-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-tabs .nav-link.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.nav-pills .nav-link.active{background-color:var(--color-primary)}.page-item.active .page-link{background-color:var(--color-primary);border-color:var(--color-primary)}.page-link:hover{color:var(--color-primary)}.progress-bar,.progress-bar.bg-themed{background-color:var(--color-primary)!important}.progress-bar.bg-success{background-color:var(--color-success)!important}.progress-bar.bg-warning{background-color:var(--color-warning)!important}.progress-bar.bg-danger{background-color:var(--color-danger)!important}.spinner-border.text-primary,.spinner-grow.text-primary{color:var(--color-primary)}.alert-primary{background-color:rgba(var(--color-primary-rgb),.1);border-color:var(--color-primary);color:var(--color-primary-dark)}.dropdown{position:relative}.dropdown-menu{background:var(--dropdown-bg)!important;border:1px solid var(--dropdown-border)!important;box-shadow:var(--dropdown-shadow)!important;border-radius:var(--dropdown-radius)!important;padding:var(--dropdown-padding)!important;min-width:200px;width:max-content;overflow-y:auto;max-height:var(--dropdown-max-height);top:100%!important;margin-top:var(--dropdown-gap)!important;transform:none!important}.dropdown-menu[data-bs-popper]{top:100%!important;margin-top:var(--dropdown-gap)!important;transform:none!important}.dropdown-item,.base-select-option{font-size:var(--dropdown-item-font-size)!important;font-weight:400!important;text-transform:none!important;letter-spacing:normal!important;padding:var(--dropdown-item-padding-y) var(--dropdown-item-padding-x)!important;min-height:var(--dropdown-item-min-height)!important;color:var(--dropdown-item-color)!important;border-radius:var(--dropdown-item-radius);display:flex;align-items:center;gap:var(--space-2);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);text-decoration:none}.dropdown-item:hover,.dropdown-item:focus,.base-select-option:hover{background:var(--dropdown-item-hover-bg)!important;color:var(--dropdown-item-color)!important}.dropdown-item.active,.dropdown-item:active,.base-select-option.selected{background:transparent!important;color:var(--color-primary)!important;font-weight:500!important}.dropdown-divider{border-top-color:var(--dropdown-divider-color)!important;margin:var(--space-1) 0}.dropdown-toggle{font-size:var(--dropdown-item-font-size)}.dropdown-header{font-size:var(--fs-tiny);font-weight:600;color:var(--text-muted);text-transform:none;letter-spacing:.05em;padding:var(--space-2) var(--dropdown-item-padding-x)}body.dark-mode .dropdown-menu,[data-bs-theme=dark] .dropdown-menu{background:var(--dropdown-bg)!important;border-color:var(--dropdown-border)!important;box-shadow:0 4px 12px #0000004d!important}body.dark-mode .dropdown-item,[data-bs-theme=dark] .dropdown-item{color:var(--dropdown-item-color)!important}body.dark-mode .dropdown-item:hover,body.dark-mode .dropdown-item:focus,[data-bs-theme=dark] .dropdown-item:hover,[data-bs-theme=dark] .dropdown-item:focus{background:var(--dropdown-item-hover-bg)!important;color:var(--dropdown-item-color)!important}body.dark-mode .dropdown-item.active,[data-bs-theme=dark] .dropdown-item.active{background:var(--dropdown-item-active-bg)!important;color:var(--dropdown-item-active-color)!important}.base-select{position:relative;display:inline-flex;flex-direction:column}.form-group .base-select,.modal-body .base-select,.drawer-body .base-select,.col>.base-select,[class*=col-]>.base-select{width:100%}button.base-select-trigger,.base-select>button,.base-select-trigger{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:var(--space-2);width:100%;min-height:var(--input-height, 36px)!important;padding:6px 12px!important;background-color:var(--select-bg, #fff)!important;border-width:1px!important;border-style:solid!important;border-color:var(--border-strong, #94A3B8)!important;border-radius:var(--select-radius, 10px)!important;font-size:var(--select-font-size, 13px)!important;font-weight:400!important;font-family:var(--font-sans)!important;color:var(--select-color, #0F1923)!important;cursor:pointer;opacity:1!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;transition:border-color var(--transition),box-shadow var(--transition);text-align:left;line-height:1.4;white-space:nowrap}button.base-select-trigger.placeholder,.base-select-trigger.placeholder{color:var(--select-placeholder, #334155)!important}button.base-select-trigger:hover,.base-select-trigger:hover{border-color:var(--color-accent, #00B4D8)!important}button.base-select-trigger:focus,.base-select-trigger:focus,.base-select.open>button.base-select-trigger,.base-select.open>.base-select-trigger{border-color:var(--color-primary, #004459)!important;box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 0, 68, 89),.15)!important;outline:none!important}.base-select-trigger:disabled{opacity:.6!important;cursor:not-allowed}.base-select--sm .base-select-trigger{min-height:var(--select-height-sm, 28px)!important;padding:var(--btn-sm-padding-y, 4px) var(--btn-sm-padding-x, 12px)!important}.base-select--dropup .base-select-dropdown{top:auto!important;bottom:100%!important;margin-top:0;margin-bottom:var(--dropdown-gap)}.base-select--sm:not([style*=minWidth]){min-width:70px!important}.base-select-caret{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--text-muted, #94A3B8);flex-shrink:0;transition:transform var(--transition-fast)}.base-select.open .base-select-caret{transform:rotate(180deg)}.base-select-dropdown{position:absolute;top:100%;left:0;min-width:100%;width:max-content;margin-top:var(--dropdown-gap, 4px);background:var(--dropdown-bg, #fff)!important;border:1px solid var(--dropdown-border, #E2E8F0)!important;border-radius:var(--dropdown-radius, 14px)!important;box-shadow:var(--dropdown-shadow, 0 4px 12px rgba(0,0,0,.08))!important;padding:var(--dropdown-padding, 6px)!important;max-height:var(--dropdown-max-height, 320px);overflow-y:auto;z-index:1050}.base-select-empty{padding:var(--space-3);text-align:center;color:var(--text-muted);font-size:var(--dropdown-item-font-size, 13px)}body.dark-mode button.base-select-trigger,body.dark-mode .base-select-trigger,[data-bs-theme=dark] button.base-select-trigger,[data-bs-theme=dark] .base-select-trigger{background-color:var(--bg-card)!important;border-color:var(--border)!important;color:var(--text-primary)!important}body.dark-mode button.base-select-trigger.placeholder,[data-bs-theme=dark] button.base-select-trigger.placeholder{color:var(--text-muted)!important}body.dark-mode .base-select-dropdown,[data-bs-theme=dark] .base-select-dropdown{background:var(--bg-card)!important;border-color:var(--border)!important;box-shadow:0 4px 12px #0000004d!important}body.dark-mode .base-select-option,[data-bs-theme=dark] .base-select-option{color:var(--text-primary)}body.dark-mode .base-select-option:hover,[data-bs-theme=dark] .base-select-option:hover{background:var(--bg-hover)!important}body.dark-mode .base-select-option.selected,[data-bs-theme=dark] .base-select-option.selected{color:var(--color-accent)!important}body.dark-mode .base-select-caret,[data-bs-theme=dark] .base-select-caret{border-top-color:var(--text-muted)}.base-search{display:inline-flex}.base-search-trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--select-padding-y) var(--select-padding-x);min-height:var(--select-height);background:var(--select-bg);border:1px solid var(--border-strong);border-radius:var(--select-radius);color:var(--text-muted);font-size:var(--select-font-size);font-family:var(--font-sans);cursor:pointer;transition:border-color var(--transition)}.base-search-trigger:hover{border-color:var(--color-accent)}.base-search-trigger i{font-size:var(--icon-md)}.base-search-expanded{position:relative;display:flex;align-items:center}.base-search-icon{position:absolute;left:12px;color:var(--text-muted);font-size:var(--icon-md);pointer-events:none}.base-search-input{padding-left:36px!important;min-width:200px}.form-group .base-search,.modal-body .base-search,.drawer-body .base-search,[class*=col-]>.base-search{width:100%}[class*=col-]>.base-search .base-search-input,.form-group .base-search .base-search-input{width:100%}body.dark-mode .base-search-trigger,[data-bs-theme=dark] .base-search-trigger{background:var(--select-bg);border-color:var(--border);color:var(--text-muted)}.base-select.base-select--sm button.base-select-trigger,.base-select.base-select--sm>button.base-select-trigger,.base-select.base-select--sm .base-select-trigger,button.base-select-trigger.base-select--sm-trigger{min-height:26px!important;max-height:26px!important;height:26px!important;font-size:12px!important;padding:0 10px!important;line-height:26px!important;white-space:nowrap!important}.base-select.base-select--sm .base-select-caret{border-left-width:4px;border-right-width:4px;border-top-width:4px}.base-select.base-select--sm .base-select-option{font-size:12px!important;padding:var(--space-2) var(--space-3)!important}.base-search.base-search--sm .base-search-trigger{min-height:26px!important;max-height:26px!important;height:26px!important;font-size:12px!important;padding:0 10px!important}.base-search.base-search--sm .base-search-trigger i,.base-search.base-search--sm .base-search-trigger span{font-size:12px!important}.base-search.base-search--sm input.base-search-input,input[type=text].base-search-input.base-search--sm-input{height:26px!important;min-height:26px!important;max-height:26px!important;font-size:12px!important;padding:0 10px 0 28px!important}.base-search.base-search--sm .base-search-icon{font-size:12px!important;left:8px}.filter-row input[type=date],.filter-row input[type=month],.filter-row input[type=datetime-local]{height:26px!important;min-height:26px!important;max-height:26px!important;font-size:12px!important;padding:0 8px!important;line-height:26px!important;width:130px!important;flex-shrink:0}.filter-row .form-control-sm{height:26px!important;min-height:26px!important;max-height:26px!important;font-size:12px!important;padding:0 8px!important;line-height:26px!important}.filter-row .btn.btn-sm{height:26px!important;min-height:26px!important;font-size:12px!important;padding:0 10px!important;line-height:26px!important}.onboarding-checklist{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface, var(--bg-card));padding:var(--space-5);margin-bottom:var(--space-5)}.onboarding-checklist-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);font-size:var(--fs-section)}.onboarding-checklist-header i{color:var(--color-primary)}.onboarding-checklist-dismiss{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-1);font-size:var(--fs-body)}.onboarding-checklist-dismiss:hover{color:var(--text-primary)}.onboarding-checklist-progress{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.onboarding-checklist-progress-bar{flex:1;height:6px;background:var(--bg-hover);border-radius:var(--radius-full);overflow:hidden}.onboarding-checklist-progress-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width var(--transition-normal)}.onboarding-checklist-progress-text{font-size:var(--fs-small);color:var(--text-secondary);white-space:nowrap}.onboarding-checklist-items{display:flex;flex-direction:column;gap:var(--space-3)}.onboarding-checklist-item{display:flex;align-items:center;gap:var(--space-3);font-size:var(--fs-body)}.onboarding-checklist-item i{font-size:var(--fs-section);color:var(--text-secondary);flex-shrink:0}.onboarding-checklist-item--done i{color:var(--color-success, #10B981)}.onboarding-checklist-item--done .onboarding-checklist-item-text{color:var(--text-secondary);text-decoration:line-through}.onboarding-checklist-item-link{color:var(--color-primary);text-decoration:none;font-weight:var(--fw-medium)}.onboarding-checklist-item-link:hover{text-decoration:underline}.app-vertical-nav.sidebar-dual{position:fixed!important;top:var(--header-height)!important;left:0!important;width:var(--sidebar-width)!important;height:calc(100dvh - var(--header-height))!important;display:flex!important;flex-direction:row!important;overflow:visible!important;z-index:1000!important;transition:width .2s ease!important;padding:0 0 env(safe-area-inset-bottom,0px) 0!important;box-shadow:none!important;background:var(--bg-sidebar)!important}body.app-vertical-nav--collapse{--sidebar-width: var(--sidebar-width-collapsed)}body.app-vertical-nav--collapse .main-wrapper,body.app-vertical-nav--collapse .app-content{margin-left:var(--sidebar-width-collapsed)!important}body.app-vertical-nav--collapse .app-vertical-nav.sidebar-dual{width:var(--sidebar-width-collapsed)!important;overflow:visible!important;padding:0!important;box-shadow:none!important}body.app-vertical-nav--collapse .sidebar-rail{width:var(--sidebar-width-collapsed)!important;padding-right:0!important}.app-default-nav,body.app-vertical-nav--collapse .app-default-nav{left:0!important;width:100%!important;margin-left:0!important;background:var(--bg-header)!important;border-bottom:1px solid var(--border-default)!important}.main-wrapper{margin-left:var(--sidebar-width)!important;margin-top:var(--header-height)!important;transition:margin-left .2s ease!important}.sidebar-rail{width:var(--sidebar-rail-width);flex:0 0 var(--sidebar-rail-width);min-width:var(--sidebar-rail-width);max-width:var(--sidebar-rail-width);height:calc(100dvh - var(--header-height))!important;display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--border-default);background:var(--bg-sidebar)!important;overflow:hidden;position:relative;z-index:2}.sidebar-rail-top{width:100%;height:var(--header-height);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-rail-logo-btn{display:flex;align-items:center;justify-content:center}.sidebar-rail-logo-img{width:clamp(22px,1.6vw,28px);height:clamp(22px,1.6vw,28px);object-fit:contain}.sidebar-rail-groups{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);overflow:hidden}.sidebar-rail-bottom{width:100%;height:var(--header-height);display:flex;align-items:center;justify-content:center;border-top:1px solid var(--border);flex-shrink:0}.sidebar-group-item{width:100%;display:flex;justify-content:center}.sidebar-group-btn{width:clamp(32px,2.4vw,40px);height:clamp(32px,2.4vw,40px);display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.sidebar-group-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-group-btn.active{background:var(--bg-active);color:var(--color-primary)}.sidebar-group-icon{font-size:var(--icon-md);line-height:1}.sidebar-logout-btn{position:relative;width:clamp(32px,2.4vw,40px);height:clamp(32px,2.4vw,40px);display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);font-size:var(--icon-md)}.sidebar-logout-btn:hover{background:var(--bg-hover);color:var(--color-danger)}.sidebar-logout-tooltip{position:absolute;left:calc(100% + var(--space-2));top:50%;transform:translateY(-50%);background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);box-shadow:var(--shadow-sm);font-size:var(--fs-tiny);font-weight:500;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);z-index:9999}.sidebar-logout-btn:hover .sidebar-logout-tooltip{opacity:1}.sidebar-panel{flex:0 0 var(--sidebar-panel-width);width:var(--sidebar-panel-width);min-width:var(--sidebar-panel-width);height:calc(100dvh - var(--header-height))!important;max-height:calc(100dvh - var(--header-height))!important;display:flex!important;flex-direction:column!important;background:var(--bg-sidebar);border-right:1px solid var(--border-default)!important;overflow:hidden!important;visibility:visible;transition:width .2s ease,flex-basis .2s ease,min-width .2s ease,visibility 0s linear 0s}body.app-vertical-nav--collapse .sidebar-panel{width:0!important;min-width:0!important;max-width:0!important;flex-basis:0!important;padding:0!important;margin:0!important;border:none!important;overflow:hidden!important;visibility:hidden!important;transition:width .2s ease,flex-basis .2s ease,visibility 0s linear .2s}.sidebar-panel-top{height:var(--header-height);padding:0 var(--space-3);border-bottom:1px solid var(--border);flex-shrink:0;display:flex;align-items:center}.sidebar-panel-logo-link{display:block;width:100%}.sidebar-panel-logo-img{width:100%;height:clamp(18px,1.4vw,24px);object-fit:contain;object-position:left center}.sidebar-panel-group-title{padding:var(--space-3) var(--space-3) var(--space-1) var(--space-3);font-size:var(--fs-tiny);font-weight:600;color:var(--text-muted);letter-spacing:.06em;flex-shrink:0}.sidebar-panel-header{flex-shrink:0!important}.sidebar-panel-nav{flex:1 1 0!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden;padding:var(--space-2) var(--space-1) var(--space-8) var(--space-1);display:flex;flex-direction:column;gap:0}.sidebar-panel-footer{flex-shrink:0!important}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-2);height:clamp(26px,2vw,32px);border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-size:var(--fs-small);font-weight:500;transition:background var(--transition-fast),color var(--transition-fast);position:relative}.sidebar-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-nav-item.active{background:var(--bg-active);color:var(--color-primary);font-weight:600}.sidebar-nav-item.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--color-primary)}.sidebar-nav-icon{width:var(--icon-md);height:var(--icon-md);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--icon-md)}.sidebar-nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.sidebar-panel-footer{height:var(--header-height);padding:0 var(--space-3);border-top:1px solid var(--border);flex-shrink:0;display:flex;flex-direction:column;justify-content:center}.sidebar-footer-title{font-size:var(--fs-small);font-weight:600;color:var(--text-primary);line-height:1.3}.sidebar-footer-tagline{font-size:var(--fs-tiny);color:var(--text-muted);margin-top:var(--space-1)}.nav-section-label,.sidebar-section-title,.menu-section-label,.nav-divider-item{display:none}.app-vertical-nav{height:100dvh;background:var(--bg-card);padding:var(--space-5) var(--space-7);position:fixed;left:0;top:0;z-index:999;overflow-x:hidden;box-shadow:18px 4px 35px #00000005;margin:0;transition:width .3s ease}.app-vertical-nav .app-vertical-nav-toggle{background:transparent;width:1.5rem;height:1.5rem;line-height:1.5rem;padding:0;color:var(--text-primary);font-size:1.5rem;flex-shrink:0;margin-left:1.25rem;border:0}.app-vertical-nav .app-vertical-nav-toggle:focus{outline:none}.app-vertical-nav .app-vertical-nav-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.app-vertical-nav .app-vertical-nav-toggle:hover{color:var(--color-primary)}.app-vertical-nav .logo{position:relative;text-align:center;padding:0 var(--space-5);margin-bottom:var(--space-7);justify-content:space-between}.app-vertical-nav .logo a{display:inline-block}.app-vertical-nav .logo a img{width:100%}.app-vertical-nav ul.main-menu{padding:0;margin:0;list-style:none}.app-vertical-nav ul.main-menu li{border:0;list-style:none;display:block;position:relative;font-size:var(--fs-section);font-weight:500;line-height:1.5rem;width:100%;border-radius:var(--radius-md);overflow:hidden;margin:var(--space-1) 0}.app-vertical-nav ul.main-menu li a{list-style:none;position:relative;font-family:var(--font-sans);font-size:var(--fs-body);font-weight:600;line-height:1.875rem;text-decoration:none;text-align:center;color:var(--text-primary);display:flex;align-items:center;padding:var(--space-2) var(--space-6)}.app-vertical-nav ul.main-menu li a .nav-icon{position:relative;margin-right:var(--space-4)}.app-vertical-nav ul.main-menu li.current>a,.app-vertical-nav ul.main-menu li.active>a,.app-vertical-nav ul.main-menu li:hover>a{color:var(--color-primary)!important;background-color:var(--color-primary-light)!important;transition:none}.shortcuts-panel-title{padding:0;flex:1}.shortcuts-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4) var(--space-2) var(--space-4)}.shortcuts-edit-btn{display:inline-flex;align-items:center;justify-content:center;width:clamp(28px,2vw,36px);height:clamp(28px,2vw,36px);border:none;background:transparent;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:var(--fs-small);transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0}.shortcuts-edit-btn:hover{background:var(--bg-hover);color:var(--color-primary)}.shortcuts-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);color:var(--text-muted);font-size:var(--fs-small);text-align:center}.shortcuts-empty-state .bi{font-size:var(--fs-display);opacity:.4}.shortcuts-hint{font-size:var(--fs-tiny);color:var(--text-muted);line-height:1.4}.shortcut-drag-handle{opacity:0;cursor:grab;color:var(--text-muted);font-size:var(--fs-small);display:inline-flex;align-items:center;margin-left:auto;padding-left:var(--space-2);flex-shrink:0;transition:opacity var(--transition-fast)}.sidebar-nav-item:hover .shortcut-drag-handle{opacity:1}.shortcuts-drop-target{border:2px dashed var(--color-primary);color:var(--color-primary);background:var(--bg-active)}@keyframes shortcuts-pulse{0%{color:var(--color-primary);transform:scale(1)}50%{color:var(--color-accent);transform:scale(1.3)}to{color:var(--color-primary);transform:scale(1)}}.shortcuts-pulse{animation:shortcuts-pulse .5s ease}.shortcuts-modal-backdrop{position:fixed;inset:0;background:#00000080;z-index:2000;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.shortcuts-modal-dialog{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:clamp(320px,40vw,540px);max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.shortcuts-modal-body{overflow-y:auto;padding:var(--space-4) var(--space-5);flex:1}.shortcuts-counter{font-size:var(--fs-tiny);color:var(--text-muted);margin-bottom:var(--space-4);display:block}.shortcuts-modal-group{margin-bottom:var(--space-4)}.shortcuts-modal-label{font-size:var(--fs-tiny);color:var(--text-muted);font-weight:600;letter-spacing:.08em;text-transform:none;margin-bottom:var(--space-2)}.shortcuts-modal-item{display:flex;align-items:center;gap:var(--space-3);height:clamp(38px,2.8vw,50px);padding:0 var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);font-size:var(--fs-small);color:var(--text-secondary)}.shortcuts-modal-item:hover{background:var(--bg-hover);color:var(--text-primary)}.shortcuts-modal-item--disabled{opacity:.4;cursor:not-allowed}.shortcuts-modal-item--disabled:hover{background:transparent;color:var(--text-secondary)}.shortcuts-toast{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);background:var(--neutral-900);color:var(--text-inverse);font-size:var(--fs-small);font-weight:500;padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);z-index:9999;pointer-events:none;white-space:nowrap}.sidebar-group-item{position:static}.rail-flyout{position:fixed;left:calc(var(--sidebar-rail-width) + 1px);top:calc(var(--header-height) + 1px);margin-top:0;height:800px;max-height:calc(100dvh - var(--header-height));width:var(--sidebar-panel-width);min-width:var(--sidebar-panel-width);max-width:var(--sidebar-panel-width);overflow-y:auto;background:var(--bg-card);border:1px solid var(--border);border-top:none;border-left:none;border-radius:0 0 var(--radius-md) 0;box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:9999;pointer-events:auto}.rail-flyout:before,.rail-flyout:after{display:none;content:none}.rail-flyout-title{font-size:var(--fs-tiny);font-weight:600;color:var(--text-muted);text-transform:none;letter-spacing:.06em;padding:var(--space-3) var(--sidebar-nav-padding-x) var(--space-1)}.rail-flyout-link{display:flex;align-items:center;gap:var(--sidebar-nav-gap);padding:var(--sidebar-nav-padding-y) var(--sidebar-nav-padding-x);min-height:var(--sidebar-nav-min-height);border-radius:var(--radius-md);font-size:var(--sidebar-nav-font-size);font-weight:450;color:var(--text-secondary);text-decoration:none;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background var(--transition-fast),color var(--transition-fast)}.rail-flyout-link:hover{background:var(--bg-hover);color:var(--color-primary)}.rail-flyout-link.router-link-active{background:rgba(var(--color-primary-rgb),.08);color:var(--color-primary);font-weight:500}.rail-flyout-link i{font-size:var(--sidebar-nav-font-size);width:var(--icon-md);text-align:center;flex-shrink:0}.coming-soon-pill{display:inline-block;font-size:10px;font-weight:600;line-height:1;padding:2px 6px;border-radius:var(--radius-full);background:rgba(var(--bs-warning-rgb),.15);color:var(--bs-warning);margin-left:auto;white-space:nowrap;flex-shrink:0}.board-detail-page{display:flex;flex-direction:column;height:100%;min-height:0}.board-header{padding:var(--toolbar-padding-y) var(--toolbar-padding-x);border-bottom:1px solid var(--border-default)}.board-back-link{font-size:var(--fs-tiny);color:var(--text-secondary);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-1)}.board-back-link:hover{color:var(--color-primary)}.board-header-main{margin-top:var(--space-2)}.board-identity{display:flex;align-items:center;gap:var(--space-2)}.board-icon{font-size:var(--fs-h3);line-height:1}.board-name{font-size:var(--fs-h3);font-weight:600;color:var(--text-primary);margin:0;cursor:text;font-family:var(--font-sans)}.board-name-input{font-size:var(--fs-h3);font-weight:600;color:var(--text-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);padding:0 var(--space-2);background:var(--bg-surface);outline:none;font-family:var(--font-sans)}.board-desc{font-size:var(--fs-tiny);color:var(--text-secondary);margin-top:var(--space-1);cursor:text}.board-desc-input{font-size:var(--fs-tiny);color:var(--text-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);width:100%;max-width:500px;background:var(--bg-surface);outline:none;font-family:var(--font-sans)}.board-view-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-default);padding:0 var(--toolbar-padding-x)}.board-view-tabs button{padding:var(--space-3) var(--space-5);font-family:var(--font-sans);font-size:var(--select-font-size);font-weight:400;color:var(--text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap;transition:color .15s,border-color .15s}.board-view-tabs button:hover{color:var(--color-primary)}.board-view-tabs button.active{color:var(--color-primary);font-weight:500;border-bottom-color:var(--color-primary)}.board-view-tabs button i{font-size:var(--fs-small)}.board-toolbar{display:flex;align-items:center;justify-content:space-between;padding:6px var(--toolbar-padding-x);border-bottom:1px solid var(--border-default);gap:var(--space-3)}.board-toolbar-left,.board-toolbar-right{display:flex;align-items:center;gap:var(--space-2)}.board-toolbar-pill{height:var(--btn-height-sm);padding:0 var(--space-3);font-size:var(--fs-tiny);font-weight:500;font-family:var(--font-sans);color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-full);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-1);white-space:nowrap}.board-toolbar-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.board-toolbar-pill i{font-size:var(--fs-tiny)}.board-toolbar-btn{width:var(--btn-height-sm);height:var(--btn-height-sm);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--fs-small)}.board-toolbar-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.board-search-input{height:var(--btn-height-sm);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:0 var(--space-3);font-size:var(--fs-tiny);font-family:var(--font-sans);background:var(--bg-surface);color:var(--text-primary);outline:none;width:180px}.board-search-input:focus{border-color:var(--color-primary)}.board-search-input::placeholder{color:var(--text-muted)}.board-member-avatars{display:flex;align-items:center}.board-member-avatars .board-member-avatar{width:24px;height:24px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-card);margin-left:-6px}.board-member-avatars .board-member-avatar:first-child{margin-left:0}.board-content{flex:1;overflow:auto;min-height:0}.board-loading{display:flex;justify-content:center;align-items:center;padding:var(--space-8)}.board-not-found{text-align:center;padding:var(--space-8);color:var(--text-muted)}.board-not-found i{font-size:48px;display:block;margin-bottom:var(--space-3)}.board-list-view{padding:var(--space-3) var(--toolbar-padding-x)}.board-group{margin-bottom:var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-card)}.board-group-header{display:flex;align-items:center;gap:var(--space-2);padding:6px var(--toolbar-padding-x);height:var(--btn-height);cursor:pointer;-webkit-user-select:none;user-select:none}.board-group-header .bi-chevron-right,.board-group-header .bi-chevron-down{font-size:var(--fs-tiny);color:var(--text-muted);flex-shrink:0}.board-group-badge{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:11px;color:#fff;font-size:var(--fs-tiny);font-weight:600;font-family:var(--font-sans);line-height:1}.board-group-count{font-size:var(--fs-tiny);color:var(--text-muted);margin-left:var(--space-1)}.board-group-actions{margin-left:auto}.board-group-menu-btn{border:none;background:none;color:var(--text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);font-size:var(--fs-small);line-height:1;opacity:0;transition:opacity .15s}.board-group-header:hover .board-group-menu-btn{opacity:1}.board-group-menu-btn:hover{background:var(--bg-hover);color:var(--color-primary)}.board-column-headers{display:flex;align-items:center;padding:0 var(--toolbar-padding-x);padding-left:calc(var(--toolbar-padding-x) + 20px + var(--space-2));height:var(--btn-height-sm);font-size:var(--table-header-font-size);font-weight:600;font-family:var(--font-sans);color:var(--text-muted);border-bottom:1px solid var(--border-default);background:var(--bg-surface)}.board-col-name{flex:1;min-width:0}.board-col-assignee,.board-col-date,.board-col-priority{width:90px;flex-shrink:0;text-align:center}.board-task-row{height:var(--btn-height);display:flex;align-items:center;gap:var(--space-2);padding:0 var(--toolbar-padding-x);border-bottom:1px solid var(--border-default);cursor:pointer;font-family:var(--font-sans);transition:background-color .1s}.board-task-row:hover{background:var(--bg-hover)}.board-status-icon{width:20px;flex-shrink:0;font-size:14px;display:flex;align-items:center;justify-content:center}.board-task-name{flex:1;min-width:0;font-size:var(--select-font-size);font-family:var(--font-sans);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-task-done{text-decoration:line-through;color:var(--text-muted)}.board-unassigned{color:var(--text-muted);font-size:var(--fs-tiny)}.board-date-value{font-size:var(--fs-tiny);color:var(--text-secondary);font-family:var(--font-sans)}.board-empty-cell{color:var(--text-muted);font-size:var(--fs-tiny)}.board-priority-flag{display:inline-flex;align-items:center;gap:3px;font-size:var(--fs-tiny);font-weight:500;font-family:var(--font-sans)}.board-priority-flag.priority-urgent{color:var(--bs-danger)}.board-priority-flag.priority-high{color:var(--bs-warning)}.board-priority-flag.priority-medium{color:var(--bs-info)}.board-priority-flag.priority-low{color:var(--text-secondary)}.board-priority-flag.priority-none{color:var(--text-muted)}.board-add-task-row{padding:0 var(--toolbar-padding-x)}.board-add-task-btn{border:none;background:none;color:var(--text-muted);font-size:var(--fs-tiny);font-family:var(--font-sans);padding:6px 0;cursor:pointer;display:flex;align-items:center;gap:var(--space-1);height:var(--btn-height)}.board-add-task-btn:hover{color:var(--color-primary)}.board-add-task-input-row{display:flex;align-items:center;gap:var(--space-2);height:var(--btn-height)}.board-add-icon{color:var(--text-muted);font-size:var(--fs-tiny)}.board-add-task-input{flex:1;border:none;outline:none;font-size:var(--select-font-size);font-family:var(--font-sans);background:transparent;color:var(--text-primary);padding:0}.board-add-task-input::placeholder{color:var(--text-muted)}.board-add-group{padding:var(--space-2) var(--toolbar-padding-x)}.board-add-group-btn{border:none;background:none;color:var(--text-muted);font-size:var(--fs-tiny);font-family:var(--font-sans);cursor:pointer;display:flex;align-items:center;gap:var(--space-1);height:var(--btn-height)}.board-add-group-btn:hover{color:var(--color-primary)}.board-add-group-input-row{display:flex;align-items:center;gap:var(--space-2)}.board-add-group-input{flex:1;height:var(--btn-height-sm);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:0 var(--space-3);font-size:var(--fs-tiny);font-family:var(--font-sans);background:var(--bg-surface);color:var(--text-primary);outline:none}.board-add-group-input:focus{border-color:var(--color-primary)}.board-add-group-color{width:var(--btn-height-sm);height:var(--btn-height-sm);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:2px;cursor:pointer;background:var(--bg-surface)}.board-col-custom{flex-shrink:0;min-width:80px;position:relative;display:flex;align-items:center;gap:2px;text-align:center;justify-content:center}.board-col-custom-name{font-size:inherit;cursor:default;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.board-col-rename-input{width:100%;border:1px solid var(--color-primary);border-radius:var(--radius-sm);padding:0 var(--space-1);font-size:inherit;font-family:var(--font-sans);background:var(--bg-surface);color:var(--text-primary);outline:none;height:20px}.board-col-menu{position:relative}.board-col-menu-btn{border:none;background:none;color:var(--text-muted);cursor:pointer;font-size:10px;padding:0;opacity:0;transition:opacity .15s}.board-column-headers:hover .board-col-menu-btn{opacity:1}.board-col-dropdown{position:absolute;top:100%;right:0;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:100;min-width:140px;padding:var(--space-1)}.board-col-dropdown button{display:flex;align-items:center;gap:var(--space-2);width:100%;border:none;background:none;padding:var(--space-2) var(--space-3);font-size:var(--fs-tiny);font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);text-align:left}.board-col-dropdown button:hover{background:var(--bg-hover)}.board-col-add{width:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.board-col-add-btn{border:none;background:none;color:var(--text-muted);cursor:pointer;font-size:var(--fs-tiny);width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.board-col-add-btn:hover{background:var(--bg-hover);color:var(--color-primary)}.board-cell-input,.board-cell-select{width:100%;height:24px;border:1px solid var(--color-primary);border-radius:var(--radius-sm);padding:0 var(--space-2);font-size:var(--fs-tiny);font-family:var(--font-sans);background:var(--bg-surface);color:var(--text-primary);outline:none}.board-cell-text{font-size:var(--fs-tiny);font-family:var(--font-sans);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-cell-checkbox{cursor:pointer;font-size:14px;color:var(--color-primary)}.board-cell-rating{display:flex;gap:1px}.board-cell-rating .bi{cursor:pointer;font-size:var(--select-font-size);color:var(--bs-warning)}.board-cell-progress{display:flex;align-items:center;gap:var(--space-1);width:100%}.board-progress-bar{flex:1;height:4px;background:var(--bg-hover);border-radius:var(--radius-full);overflow:hidden}.board-progress-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full)}.board-progress-text{font-size:10px;color:var(--text-muted);min-width:28px;text-align:right}.board-dropdown-pill{display:inline-block;padding:1px 8px;border-radius:var(--radius-full);color:#fff;font-size:var(--fs-tiny);font-weight:500;font-family:var(--font-sans);white-space:nowrap}.board-label-pill{display:inline-block;padding:1px 6px;border-radius:var(--radius-full);color:#fff;font-size:10px;font-weight:500;margin-right:2px}.board-cell-labels{display:flex;flex-wrap:wrap;gap:2px;overflow:hidden}.board-cell-link a{font-size:var(--fs-tiny);color:var(--color-primary);text-decoration:none;font-family:var(--font-sans)}.board-cell-link a:hover{text-decoration:underline}.boards-page{height:100%;display:flex;flex-direction:column}.boards-header{display:flex;align-items:center;justify-content:space-between;padding:var(--toolbar-padding-y) var(--toolbar-padding-x);border-bottom:1px solid var(--border-default)}.boards-title{font-size:var(--fs-h3);font-weight:600;color:var(--text-primary);font-family:var(--font-sans);margin:0}.boards-subtitle{font-size:var(--fs-tiny);color:var(--text-secondary);margin:2px 0 0;font-family:var(--font-sans)}.boards-loading{display:flex;justify-content:center;padding:var(--space-8)}.boards-empty{text-align:center;padding:var(--space-8)}.boards-empty-icon{font-size:48px;color:var(--text-muted);display:block;margin-bottom:var(--space-3)}.boards-empty-title{font-size:var(--fs-h4);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.boards-empty-subtitle{font-size:var(--fs-small);color:var(--text-secondary);margin-bottom:var(--space-4)}.boards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);padding:var(--space-4) var(--toolbar-padding-x)}@media(max-width:992px){.boards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.boards-grid{grid-template-columns:1fr}}.board-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:box-shadow .15s;position:relative}.board-card:hover{box-shadow:var(--shadow-sm)}.board-card-color-bar{height:4px;background-color:var(--_card-color, var(--color-primary))}.board-card-body{padding:var(--space-3) var(--space-4)}.board-card-header,.board-card-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--select-font-size);font-weight:600;font-family:var(--font-sans);color:var(--text-primary);margin-bottom:var(--space-1)}.board-card-title .board-card-icon{font-size:var(--fs-body)}.board-card-desc{font-size:var(--fs-tiny);font-family:var(--font-sans);color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-3);line-height:1.4}.board-card-footer{display:flex;align-items:center;gap:var(--space-3);font-size:var(--fs-tiny);color:var(--text-muted);font-family:var(--font-sans)}.board-card-stat{display:inline-flex;align-items:center;gap:var(--space-1)}.board-card-name{font-size:var(--select-font-size);font-weight:600;color:var(--text-primary);font-family:var(--font-sans)}.board-card-icon{font-size:var(--fs-body)}.board-card-pill{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--fs-tiny);color:var(--text-muted)}.board-card-pill i{font-size:var(--fs-tiny)}.board-card-avatars{display:flex;align-items:center}.board-card-avatar{width:24px;height:24px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-card);margin-left:-6px;font-family:var(--font-sans)}.board-card-avatar:first-child{margin-left:0}.board-card-avatar-extra{background:var(--bg-hover);color:var(--text-secondary);font-size:9px}.board-card-time{margin-left:auto;font-size:var(--fs-tiny);color:var(--text-muted)}.board-card-dropdown{position:absolute;top:100%;right:0;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:120px;z-index:20;padding:var(--space-1)}.board-card-dropdown-item{display:flex;align-items:center;gap:var(--space-2);width:100%;border:none;background:none;padding:var(--space-2) var(--space-3);font-size:var(--fs-tiny);font-family:var(--font-sans);cursor:pointer;border-radius:var(--radius-sm);color:var(--text-primary)}.board-card-dropdown-item:hover{background:var(--bg-hover)}.board-card-dropdown-danger{color:var(--bs-danger)}.board-card-menu{position:absolute;top:var(--space-2);right:var(--space-2);z-index:10}.board-card-menu-btn{border:none;background:var(--bg-card);color:var(--text-muted);cursor:pointer;width:24px;height:24px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:var(--fs-small);opacity:0;transition:opacity .15s}.board-card:hover .board-card-menu-btn{opacity:1}.board-card-menu-btn:hover{background:var(--bg-hover);color:var(--color-primary)}.board-card-menu-dropdown{position:absolute;top:100%;right:0;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:120px;z-index:20;padding:var(--space-1)}.board-card-menu-dropdown button{display:flex;align-items:center;gap:var(--space-2);width:100%;border:none;background:none;padding:var(--space-2) var(--space-3);font-size:var(--fs-tiny);font-family:var(--font-sans);color:var(--bs-danger);cursor:pointer;border-radius:var(--radius-sm)}.board-card-menu-dropdown button:hover{background:var(--bg-hover)}.board-modal-overlay{position:fixed;inset:0;background:#0006;z-index:1060;display:flex;align-items:center;justify-content:center}.board-modal{background:var(--bg-card);border-radius:var(--radius-lg);width:420px;max-width:90vw;padding:var(--space-6);box-shadow:var(--shadow-lg)}.board-modal h3{font-size:var(--fs-h4);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4);font-family:var(--font-sans)}.board-modal-field{margin-bottom:var(--space-3)}.board-modal-field label{display:block;font-size:var(--fs-tiny);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-1);font-family:var(--font-sans)}.board-modal-field input,.board-modal-field textarea{width:100%;height:var(--input-height);padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--select-font-size);font-family:var(--font-sans);background:var(--bg-surface);color:var(--text-primary);outline:none}.board-modal-field textarea{height:72px;resize:vertical}.board-modal-field input:focus,.board-modal-field textarea:focus{border-color:var(--color-primary)}.board-color-grid,.board-icon-grid{display:flex;gap:var(--space-2);flex-wrap:wrap}.board-color-swatch{width:28px;height:28px;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;transition:border-color .15s}.board-color-swatch.active,.board-color-swatch:hover{border-color:var(--color-primary)}.board-icon-option{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:18px}.board-icon-option.active,.board-icon-option:hover{border-color:var(--color-primary);background:var(--bg-hover)}.board-modal-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4)}.create-modal-overlay{position:fixed;inset:0;background:#0006;z-index:1060;display:flex;align-items:center;justify-content:center}.create-modal{background:var(--bg-card);border-radius:var(--radius-lg);width:420px;max-width:90vw;box-shadow:var(--shadow-lg);font-family:var(--font-sans)}.create-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-default)}.create-modal-title{font-size:var(--fs-h4);font-weight:600;color:var(--text-primary);margin:0}.create-modal-close{border:none;background:none;color:var(--text-muted);cursor:pointer;font-size:var(--fs-body)}.create-modal-close:hover{color:var(--color-primary)}.create-modal-body{padding:var(--space-4) var(--space-5)}.create-modal-field{margin-bottom:var(--space-3)}.create-modal-label{display:block;font-size:var(--fs-tiny);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-1)}.create-modal-colors,.create-modal-icons{display:flex;gap:var(--space-2);flex-wrap:wrap}.color-swatch{width:28px;height:28px;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center}.color-swatch-active{border-color:var(--color-primary)}.color-swatch-inner{width:100%;height:100%;border-radius:3px;background-color:var(--swatch-bg, var(--text-muted))}.icon-swatch{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:18px;background:none}.icon-swatch-active{border-color:var(--color-primary);background:var(--bg-hover)}.icon-swatch:hover{background:var(--bg-hover)}.create-modal-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-default)}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .2s}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0}.board-empty{text-align:center;padding:var(--space-8);color:var(--text-muted)}.board-empty i{font-size:48px;display:block;margin-bottom:var(--space-3)}.board-empty h3{font-size:var(--fs-h4);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.board-empty p{font-size:var(--fs-small);margin-bottom:var(--space-4)}.kanban-view{padding:var(--space-4) var(--toolbar-padding-x);overflow-x:auto}.kanban-columns{display:flex;gap:var(--space-3);min-width:fit-content}.kanban-column{width:260px;flex-shrink:0;background:var(--bg-body);border:1px solid var(--border-default);border-radius:var(--radius-md);display:flex;flex-direction:column;max-height:calc(100vh - 280px)}.kanban-column-header{padding:var(--space-2) var(--space-3);display:flex;align-items:center;gap:var(--space-2);border-bottom:1px solid var(--border-default)}.kanban-column-badge{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:11px;color:#fff;font-size:var(--fs-tiny);font-weight:600;font-family:var(--font-sans);background-color:var(--col-color, var(--text-muted))}.kanban-column-count{font-size:var(--fs-tiny);color:var(--text-muted)}.kanban-cards{flex:1;overflow-y:auto;padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.kanban-cards--drag-over{background:var(--bg-hover)}.kanban-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);cursor:pointer;transition:box-shadow .15s;font-family:var(--font-sans)}.kanban-card:hover{box-shadow:var(--shadow-sm)}.kanban-card.dragging{opacity:.5}.kanban-card-name{font-size:var(--select-font-size);font-weight:500;color:var(--text-primary);margin-bottom:var(--space-1)}.kanban-card-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-tiny);color:var(--text-muted)}.kanban-card-date{display:flex;align-items:center;gap:3px}.kanban-card-priority.priority-urgent{color:var(--bs-danger)}.kanban-card-priority.priority-high{color:var(--bs-warning)}.kanban-card-priority.priority-medium{color:var(--bs-info)}.kanban-card-priority.priority-low{color:var(--text-secondary)}.kanban-add-card{padding:var(--space-2) var(--space-3)}.kanban-add-card-btn{width:100%;border:none;background:none;color:var(--text-muted);font-size:var(--fs-tiny);font-family:var(--font-sans);cursor:pointer;text-align:left;padding:var(--space-2) 0;display:flex;align-items:center;gap:var(--space-1)}.kanban-add-card-btn:hover{color:var(--color-primary)}.kanban-add-card-form{display:flex;flex-direction:column;gap:var(--space-2)}.kanban-add-card-input{width:100%;height:var(--input-height);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--select-font-size);font-family:var(--font-sans);background:var(--bg-surface);color:var(--text-primary);outline:none}.kanban-add-card-input:focus{border-color:var(--color-primary)}.kanban-add-card-actions{display:flex;gap:var(--space-2)}.board-calendar-view{padding:var(--space-4) var(--toolbar-padding-x)}.board-calendar-nav{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.calendar-month-title{font-size:var(--fs-body);font-weight:600;font-family:var(--font-sans);color:var(--text-primary);min-width:180px;text-align:center;margin:0}.calendar-nav-btn{width:var(--btn-height);height:var(--btn-height);border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--fs-small)}.calendar-nav-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.calendar-today-btn{font-size:var(--fs-tiny);font-family:var(--font-sans);padding:4px var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;margin-left:auto}.calendar-today-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.bc-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:1px}.bc-weekday{text-align:center;font-size:var(--table-header-font-size);font-weight:600;font-family:var(--font-sans);color:var(--text-muted);padding:var(--space-2)}.bc-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border-default);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.bc-cell{background:var(--bg-card);min-height:90px;padding:var(--space-2)}.bc-cell-today{background:rgba(var(--color-primary-rgb),.04)}.bc-cell-other-month{opacity:.35}.bc-cell-date{font-size:var(--fs-tiny);font-weight:500;font-family:var(--font-sans);color:var(--text-secondary);margin-bottom:var(--space-1)}.bc-cell-today .bc-cell-date{color:#fff;background:var(--color-primary);width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center}.bc-task-pill{font-size:var(--fs-tiny);font-family:var(--font-sans);padding:1px 6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px;line-height:1.6}.bc-task-pill:hover{filter:brightness(.9)}.td-layout{display:flex;height:100%;min-height:0;font-family:var(--font-sans)}.td-main{flex:1;overflow-y:auto;padding:var(--toolbar-padding-x);min-width:0;border-right:1px solid var(--border-default)}.td-breadcrumb{display:flex;align-items:center;gap:var(--space-1);font-size:var(--fs-tiny);color:var(--text-secondary);margin-bottom:var(--space-2)}.td-breadcrumb i{font-size:10px}.td-type-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.td-type-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:1px 6px;border-radius:var(--radius-sm);background:var(--bg-hover);color:var(--text-secondary)}.td-id{font-size:var(--fs-tiny);color:var(--text-muted);font-family:var(--font-mono, monospace)}.td-name-wrap{margin-bottom:var(--space-4)}.td-name{font-size:20px;font-weight:600;color:var(--text-primary);margin:0;cursor:text;line-height:1.3}.td-name:hover{color:var(--color-primary)}.td-name-input{font-size:20px;font-weight:600;color:var(--text-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);width:100%;background:var(--bg-surface);outline:none}.td-fields{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-5)}.td-field{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-default);min-height:38px}.td-field:nth-child(odd){border-right:1px solid var(--border-default)}.td-field:nth-last-child(-n+2){border-bottom:none}.td-field-label{font-size:var(--fs-tiny);color:var(--text-muted);font-weight:500;display:flex;align-items:center;gap:var(--space-1);white-space:nowrap;min-width:80px}.td-field-label i{font-size:var(--fs-tiny)}.td-field-value{flex:1;min-width:0}.td-empty-val{font-size:var(--select-font-size);color:var(--text-muted);cursor:pointer}.td-empty-val:hover{color:var(--color-primary)}.td-status-pill{display:inline-flex;align-items:center;gap:var(--space-1);height:24px;padding:0 var(--space-2);border-radius:var(--radius-full);color:#fff;font-size:var(--fs-tiny);font-weight:600;border:none;cursor:pointer;background-color:var(--pill-bg, var(--text-muted))}.td-status-pill:hover{filter:brightness(.9)}.td-status-pill .bi-chevron-down{font-size:9px;opacity:.7}.td-priority-btn{display:inline-flex;align-items:center;gap:var(--space-1);border:none;background:none;cursor:pointer;font-size:var(--select-font-size);font-weight:500;color:var(--text-primary);padding:0}.td-priority-btn:hover{opacity:.8}.td-priority-btn.priority-urgent .bi-flag-fill{color:var(--bs-danger)}.td-priority-btn.priority-high .bi-flag-fill{color:var(--bs-warning)}.td-priority-btn.priority-medium .bi-flag-fill{color:var(--bs-info)}.td-priority-btn.priority-low .bi-flag-fill{color:var(--text-secondary)}.td-priority-btn.priority-none .bi-flag-fill{color:var(--text-muted)}.td-meta-btn{display:inline-flex;align-items:center;gap:var(--space-2);border:none;background:none;cursor:pointer;font-size:var(--select-font-size);color:var(--text-primary);padding:0}.td-meta-btn:hover{color:var(--color-primary)}.td-dropdown-wrap{position:relative}.td-dropdown{position:absolute;top:calc(100% + 4px);left:0;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:200;min-width:160px;max-height:240px;overflow-y:auto;padding:var(--space-1)}.td-dropdown-item{display:flex;align-items:center;gap:var(--space-2);width:100%;border:none;background:none;padding:var(--space-2) var(--space-3);font-size:var(--select-font-size);color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm)}.td-dropdown-item:hover{background:var(--bg-hover)}.td-dropdown-item.priority-urgent{color:var(--bs-danger)}.td-dropdown-item.priority-high{color:var(--bs-warning)}.td-dropdown-item.priority-medium{color:var(--bs-info)}.td-dropdown-item.priority-low{color:var(--text-secondary)}.td-dropdown-item.priority-none{color:var(--text-muted)}.td-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;background-color:var(--dot-bg, var(--text-muted))}.td-dates-row{display:flex;align-items:center;gap:var(--space-1)}.td-date-input{height:24px;border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:0 var(--space-1);font-size:var(--fs-tiny);background:var(--bg-surface);color:var(--text-primary);outline:none;width:110px}.td-date-input:focus{border-color:var(--color-primary)}.td-date-arrow{font-size:10px;color:var(--text-muted)}.td-section{margin-bottom:var(--space-4)}.td-section-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--select-font-size);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-default)}.td-section-header i{color:var(--text-muted);font-size:var(--fs-small)}.td-section-count{margin-left:auto;font-size:var(--fs-tiny);font-weight:500;color:var(--text-muted)}.td-description{width:100%;min-height:80px;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--select-font-size);font-family:var(--font-sans);background:var(--bg-surface);color:var(--text-primary);outline:none;resize:vertical;line-height:1.5}.td-description:focus{border-color:var(--color-primary)}.td-description::placeholder{color:var(--text-muted)}.td-custom-fields{display:flex;flex-direction:column;gap:var(--space-1)}.td-custom-field-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1) 0}.td-custom-field-label{font-size:var(--fs-tiny);color:var(--text-muted);min-width:90px}.td-custom-field-input{flex:1;height:var(--btn-height-sm);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:0 var(--space-2);font-size:var(--select-font-size);background:var(--bg-surface);color:var(--text-primary);outline:none}.td-custom-field-input:focus{border-color:var(--color-primary)}.td-subtask-progress{margin-bottom:var(--space-2)}.td-subtask-bar{height:4px;background:var(--bg-hover);border-radius:var(--radius-full);overflow:hidden}.td-subtask-bar-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width .2s}.td-subtask-list{display:flex;flex-direction:column}.td-subtask-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;font-size:var(--select-font-size)}.td-subtask-check{accent-color:var(--color-primary);cursor:pointer}.td-subtask-name{flex:1}.td-subtask-done{text-decoration:line-through;color:var(--text-muted)}.td-subtask-add{margin-top:var(--space-2)}.td-subtask-add-input{width:100%;height:var(--btn-height);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:0 var(--space-3);font-size:var(--select-font-size);background:var(--bg-surface);color:var(--text-primary);outline:none}.td-subtask-add-input:focus{border-color:var(--color-primary)}.td-subtask-add-input::placeholder{color:var(--text-muted)}.td-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5);border:1px dashed var(--border-default);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--fs-tiny);cursor:pointer}.td-placeholder i{font-size:24px}.td-placeholder:hover{border-color:var(--color-primary);color:var(--color-primary)}.td-activity{width:260px;flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-body);min-height:0}.td-activity-header{padding:var(--space-3) var(--space-3);border-bottom:1px solid var(--border-default)}.td-activity-title{font-size:var(--select-font-size);font-weight:600;color:var(--text-primary)}.td-comments-list{flex:1;overflow-y:auto;padding:var(--space-2) var(--space-3)}.td-activity-empty{text-align:center;padding:var(--space-6) 0;color:var(--text-muted);font-size:var(--fs-tiny)}.td-comment{display:flex;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border-default)}.td-comment:last-child{border-bottom:none}.td-comment-body{flex:1;min-width:0}.td-comment-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:2px}.td-comment-author{font-size:var(--fs-tiny);font-weight:600;color:var(--text-primary)}.td-comment-time{font-size:10px;color:var(--text-muted)}.td-comment-text{font-size:var(--fs-tiny);color:var(--text-primary);margin:0;line-height:1.4;word-break:break-word}.td-comment-compose{border-top:1px solid var(--border-default);padding:var(--space-3);background:var(--bg-card)}.td-comment-input{width:100%;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-2);font-size:var(--fs-tiny);font-family:var(--font-sans);background:var(--bg-surface);color:var(--text-primary);outline:none;resize:none}.td-comment-input:focus{border-color:var(--color-primary)}.td-comment-input::placeholder{color:var(--text-muted)}.td-comment-actions{display:flex;justify-content:flex-end;margin-top:var(--space-2)}.drawer-body:has(.td-layout){padding:0;overflow:hidden}.task-detail-name-wrap{margin-bottom:var(--space-3)}.task-detail-name{font-size:18px;font-weight:600;color:var(--text-primary);cursor:text;margin:0;font-family:var(--font-sans);line-height:1.3}.task-detail-name:hover{color:var(--color-primary)}.task-detail-name-input{font-size:18px;font-weight:600;color:var(--text-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);width:100%;background:var(--bg-surface);outline:none;font-family:var(--font-sans)}.task-detail-status-row{display:flex;gap:var(--space-4);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-default)}.task-detail-field{display:flex;flex-direction:column;gap:var(--space-1)}.task-detail-label{font-size:var(--fs-tiny);font-weight:500;color:var(--text-muted);font-family:var(--font-sans)}.task-detail-dropdown-wrap{position:relative}.task-status-badge{display:inline-flex;align-items:center;gap:var(--space-1);height:var(--btn-height);padding:0 var(--space-3);border-radius:var(--radius-full);color:#fff;font-size:var(--fs-tiny);font-weight:600;font-family:var(--font-sans);cursor:pointer;border:none;background-color:var(--badge-color, var(--text-muted))}.task-status-badge:hover{filter:brightness(.9)}.task-status-badge .bi-chevron-down{font-size:10px;opacity:.8}.task-detail-priority-btn{display:inline-flex;align-items:center;gap:var(--space-1);height:var(--btn-height);padding:0 var(--space-3);border-radius:var(--radius-md);font-size:var(--select-font-size);font-weight:500;font-family:var(--font-sans);cursor:pointer;border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-primary)}.task-detail-priority-btn:hover{border-color:var(--color-primary)}.task-detail-priority-btn .bi-chevron-down{font-size:10px;color:var(--text-muted)}.task-detail-priority-btn.priority-urgent .bi-flag-fill{color:var(--bs-danger)}.task-detail-priority-btn.priority-high .bi-flag-fill{color:var(--bs-warning)}.task-detail-priority-btn.priority-medium .bi-flag-fill{color:var(--bs-info)}.task-detail-priority-btn.priority-low .bi-flag-fill{color:var(--text-secondary)}.task-detail-priority-btn.priority-none .bi-flag-fill{color:var(--text-muted)}.task-detail-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0;background-color:var(--dot-color, var(--text-muted))}.task-detail-meta{display:grid;grid-template-columns:80px 1fr;gap:var(--space-2) var(--space-3);align-items:center;font-size:var(--select-font-size);font-family:var(--font-sans);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-default)}.task-detail-meta-btn{display:inline-flex;align-items:center;gap:var(--space-2);border:none;background:none;cursor:pointer;font-size:var(--select-font-size);font-family:var(--font-sans);color:var(--text-primary);padding:var(--space-1) 0}.task-detail-meta-btn:hover{color:var(--color-primary)}.task-detail-meta-btn .bi-person-plus{color:var(--text-muted);font-size:var(--fs-body)}.task-detail-meta-value{color:var(--text-primary);font-size:var(--select-font-size)}.task-detail-date-input{height:var(--btn-height);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:0 var(--space-2);font-size:var(--fs-tiny);font-family:var(--font-sans);background:var(--bg-surface);color:var(--text-primary);outline:none}.task-detail-date-input:focus{border-color:var(--color-primary)}.task-detail-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-default);margin-bottom:var(--space-4)}.task-detail-tab{padding:var(--space-3) var(--space-5);border:none;background:none;border-bottom:2px solid transparent;cursor:pointer;font-size:var(--select-font-size);font-family:var(--font-sans);color:var(--text-secondary);display:inline-flex;align-items:center;gap:var(--space-1)}.task-detail-tab:hover{color:var(--color-primary)}.task-detail-tab.active{border-bottom-color:var(--color-primary);color:var(--color-primary);font-weight:500}.task-detail-tab-count{background:var(--bg-hover);color:var(--text-secondary);font-size:10px;font-weight:600;padding:1px 6px;border-radius:var(--radius-full)}.task-detail-tab.active .task-detail-tab-count{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.task-detail-tab-content{min-height:200px}.task-detail-empty{text-align:center;padding:var(--space-6);color:var(--text-muted);font-size:var(--fs-small)}.task-detail-textarea{width:100%;min-height:120px;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--select-font-size);font-family:var(--font-sans);background:var(--bg-surface);color:var(--text-primary);outline:none;resize:vertical;line-height:1.5}.task-detail-textarea:focus{border-color:var(--color-primary)}.task-detail-textarea::placeholder{color:var(--text-muted)}.subtask-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;font-size:var(--select-font-size);font-family:var(--font-sans)}.subtask-check{accent-color:var(--color-primary)}.subtask-done{text-decoration:line-through;color:var(--text-muted)}.subtask-add-row{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.subtask-add-input{flex:1;height:var(--btn-height);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:0 var(--space-3);font-size:var(--select-font-size);font-family:var(--font-sans);background:var(--bg-surface);color:var(--text-primary);outline:none}.subtask-add-input:focus{border-color:var(--color-primary)}.comment-item{display:flex;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-default);font-family:var(--font-sans)}.comment-content{flex:1}.comment-meta{font-size:var(--fs-tiny);color:var(--text-muted);margin-bottom:var(--space-1);font-family:var(--font-sans)}.comment-meta strong{color:var(--text-primary);font-weight:500}.comment-text{font-size:var(--select-font-size);color:var(--text-primary);line-height:1.5}.comment-compose{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.comment-input{flex:1;height:var(--input-height);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--select-font-size);font-family:var(--font-sans);background:var(--bg-surface);color:var(--text-primary);outline:none}.comment-input:focus{border-color:var(--color-primary)}.task-description-area{width:100%;min-height:120px;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--select-font-size);font-family:var(--font-sans);background:var(--bg-surface);color:var(--text-primary);outline:none;resize:vertical}.task-description-area:focus{border-color:var(--color-primary)}.task-detail-dropdown{position:absolute;top:calc(100% + 4px);left:0;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:100;min-width:160px;padding:var(--space-1)}.task-detail-dropdown-item{display:flex;align-items:center;gap:var(--space-2);width:100%;border:none;background:none;padding:var(--space-2) var(--space-3);font-size:var(--select-font-size);font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm)}.task-detail-dropdown-item:hover{background:var(--bg-hover)}.task-detail-dropdown-item .bi-flag-fill{margin-right:2px}.task-detail-dropdown-item.priority-urgent{color:var(--bs-danger)}.task-detail-dropdown-item.priority-high{color:var(--bs-warning)}.task-detail-dropdown-item.priority-medium{color:var(--bs-info)}.task-detail-dropdown-item.priority-low{color:var(--text-secondary)}.task-detail-dropdown-item.priority-none{color:var(--text-muted)}.comment-author{font-weight:500;color:var(--text-primary)}.comment-time{color:var(--text-muted);margin-left:var(--space-2)}.comment-send-btn{align-self:flex-end;margin-top:var(--space-2)}.message-item{display:flex;padding:2px var(--toolbar-padding-x);position:relative;transition:background-color .1s;margin:0}.message-item--first{margin-top:var(--space-3)}.message-item:hover,.message-item.hovered{background:var(--bg-hover)}.chat-msg-avatar-col{width:36px;flex-shrink:0;display:flex;align-items:flex-start;justify-content:flex-end;padding-top:3px}.chat-msg-hover-time{font-size:10px;color:transparent;white-space:nowrap;font-family:var(--font-sans);-webkit-user-select:none;user-select:none}.message-item:hover .chat-msg-hover-time{color:var(--text-muted)}.chat-msg-body{flex:1;min-width:0;padding-left:var(--toolbar-padding-x)}.chat-msg-header{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:1px}.chat-msg-author{font-size:var(--select-font-size);font-weight:700;color:var(--text-primary);font-family:var(--font-sans);cursor:pointer}.chat-msg-author:hover{text-decoration:underline}.chat-msg-time{font-size:var(--fs-tiny);color:var(--text-muted);font-family:var(--font-sans)}.text-pre-wrap{white-space:pre-wrap;word-break:break-word;font-size:var(--select-font-size);font-family:var(--font-sans);color:var(--text-primary);line-height:1.46;margin:0}.message-actions{position:absolute;top:-12px;right:var(--toolbar-padding-x);display:flex;gap:1px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:6px;padding:2px;box-shadow:var(--shadow-sm);z-index:10}.message-actions .btn-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--text-muted);cursor:pointer;border-radius:4px;font-size:16px}.message-actions .btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.reactions-container{display:flex;flex-wrap:wrap;gap:4px;margin-top:var(--space-1)}.reaction-badge{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border:1px solid var(--border-default);border-radius:12px;background:transparent;cursor:pointer;transition:border-color .15s,background .15s}.reaction-badge:hover{border-color:var(--color-primary);background:var(--bg-hover)}.reaction-badge.user-reacted{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.06)}.reaction-emoji{font-size:14px;line-height:1}.reaction-count{font-size:var(--fs-tiny);font-weight:500;color:var(--text-secondary)}.emoji-picker{position:absolute;bottom:calc(100% + 4px);right:var(--toolbar-padding-x);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-2);display:flex;gap:var(--space-1);z-index:20}.emoji-picker-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;border-radius:var(--radius-sm);font-size:20px}.emoji-picker-button:hover{background:var(--bg-hover)}.chat-date-separator{display:flex;align-items:center;margin:var(--space-4) 0 var(--space-2);padding:0 var(--toolbar-padding-x)}.chat-date-separator:before,.chat-date-separator:after{content:"";flex:1;border-bottom:1px solid var(--border-default)}.chat-date-pill{padding:var(--space-1) var(--space-3);font-size:var(--fs-tiny);font-weight:600;color:var(--text-secondary);white-space:nowrap;font-family:var(--font-sans);border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--bg-card)}.chat-composer{padding:0 var(--toolbar-padding-x) var(--toolbar-padding-x);background:var(--bg-body)}.chat-composer-box{border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-card);transition:border-color .15s}.chat-composer-box:focus-within{border-color:var(--color-primary)}.chat-composer-input{width:100%;border:none;padding:var(--space-3);font-size:var(--select-font-size);font-family:var(--font-sans);background:transparent;color:var(--text-primary);outline:none;resize:none;min-height:40px;max-height:120px;line-height:1.46}.chat-composer-input::placeholder{color:var(--text-muted)}.chat-composer-toolbar{display:flex;justify-content:space-between;align-items:center;padding:4px var(--space-2);border-top:1px solid var(--border-default)}.chat-composer-left{display:flex;gap:2px}.chat-composer-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);font-size:18px}.chat-composer-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.chat-composer-send{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:var(--bg-hover);color:var(--text-muted);cursor:not-allowed;border-radius:var(--radius-md);font-size:var(--fs-small);transition:background .15s,color .15s}.chat-composer-send--active{background:var(--color-primary);color:#fff;cursor:pointer}.chat-composer-send--active:hover{background:var(--color-primary-hover)}.chat-header-name{font-size:var(--fs-h4);font-weight:600;color:var(--text-primary);margin:0;font-family:var(--font-sans)}.chat-header-members,.chat-header-status{font-size:var(--fs-tiny);color:var(--text-muted);font-family:var(--font-sans)}.chat-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;vertical-align:middle}.chat-status-dot.online{background:var(--bs-success)}.chat-status-dot.offline{background:var(--text-muted)}.fields-panel{position:fixed;top:0;right:0;width:300px;height:100vh;background:var(--bg-card);border-left:1px solid var(--border-default);z-index:1050;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);font-family:var(--font-sans)}.fields-panel-backdrop{position:fixed;inset:0;background:#00000026;z-index:1049}.fields-panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default)}.fields-panel-title{font-size:var(--fs-body);font-weight:600;margin:0;color:var(--text-primary)}.fields-panel-close{border:none;background:none;cursor:pointer;color:var(--text-muted);font-size:var(--fs-body)}.fields-panel-close:hover{color:var(--color-primary)}.fields-panel-search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-default);color:var(--text-muted)}.fields-search-input{flex:1;border:none;outline:none;background:transparent;font-size:var(--fs-tiny);font-family:var(--font-sans);color:var(--text-primary)}.fields-search-input::placeholder{color:var(--text-muted)}.fields-panel-tabs{display:flex;border-bottom:1px solid var(--border-default)}.fields-panel-tabs button{flex:1;padding:var(--space-2);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:var(--fs-tiny);font-weight:500;font-family:var(--font-sans);color:var(--text-secondary)}.fields-panel-tabs button.active{border-color:var(--color-primary);color:var(--color-primary)}.fields-type-list{flex:1;overflow-y:auto;padding:var(--space-2)}.fields-type-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;font-size:var(--fs-tiny);font-family:var(--font-sans);color:var(--text-primary)}.fields-type-item:hover{background:var(--bg-hover)}.fields-type-item i{width:20px;text-align:center;font-size:var(--fs-body);color:var(--text-secondary)}.fields-coming-soon{margin-left:auto;font-size:10px;padding:1px 6px;border-radius:var(--radius-full);background:rgba(var(--bs-warning-rgb),.15);color:var(--bs-warning);font-weight:600}.fields-existing-list{padding:var(--space-3) var(--space-4)}.fields-existing-hint{font-size:var(--fs-tiny);color:var(--text-muted);margin-bottom:var(--space-2)}.fields-existing-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--fs-tiny);font-family:var(--font-sans);color:var(--text-primary)}.fields-existing-active{margin-left:auto;font-size:10px;color:var(--bs-success);font-weight:500}.fields-create-form{position:absolute;inset:0;display:flex;flex-direction:column;z-index:2}.fields-create-backdrop{position:absolute;inset:0;background:#00000014}.fields-create-card{position:relative;background:var(--bg-card);padding:var(--space-4);margin:var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:3}.fields-create-card h4{font-size:var(--fs-small);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3)}.fields-create-group{margin-bottom:var(--space-3)}.fields-create-group label{display:block;font-size:var(--fs-tiny);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-1)}.fields-create-input{width:100%;height:var(--input-height);padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--select-font-size);font-family:var(--font-sans);background:var(--bg-surface);color:var(--text-primary);outline:none}.fields-create-input:focus{border-color:var(--color-primary)}.fields-option-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.fields-option-color{width:22px;height:22px;border:none;border-radius:var(--radius-sm);cursor:pointer;padding:0}.fields-option-input{flex:1;height:var(--btn-height-sm);padding:0 var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--fs-tiny);font-family:var(--font-sans);background:var(--bg-surface);color:var(--text-primary);outline:none}.fields-option-remove{border:none;background:none;color:var(--text-muted);cursor:pointer}.fields-option-add{border:none;background:none;color:var(--color-primary);cursor:pointer;font-size:var(--fs-tiny);font-family:var(--font-sans);padding:var(--space-1) 0;display:flex;align-items:center;gap:var(--space-1)}.fields-create-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.slide-enter-active,.slide-leave-active{transition:transform .2s ease}.slide-enter-from,.slide-leave-to{transform:translate(100%)}.board-member-stack{display:flex;align-items:center}.board-member-stack>*{margin-left:-6px}.board-member-stack>*:first-child{margin-left:0}.Vue-Toastification__container{z-index:9999}.Vue-Toastification__toast{font-family:inherit;border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026;padding:var(--space-5) var(--space-6);min-height:auto}.Vue-Toastification__toast--success{background-color:var(--color-primary);border-left:4px solid var(--color-primary-dark)}.Vue-Toastification__toast--success .Vue-Toastification__icon{color:var(--text-inverse)}.Vue-Toastification__toast--error{background-color:var(--color-danger);border-left:4px solid var(--color-danger)}.Vue-Toastification__toast--warning{background-color:var(--color-warning);border-left:4px solid var(--color-warning);color:var(--neutral-950)}.Vue-Toastification__toast--warning .Vue-Toastification__icon{color:var(--neutral-950)}.Vue-Toastification__toast--warning .Vue-Toastification__close-button{color:var(--neutral-950);opacity:.7}.Vue-Toastification__toast--info{background-color:var(--color-info);border-left:4px solid var(--color-info)}.Vue-Toastification__toast-body{padding:0;font-size:var(--fs-body);line-height:1.5}.Vue-Toastification__icon{margin-right:var(--space-3);width:var(--fs-title);height:var(--fs-title);display:flex;align-items:center;justify-content:center}.Vue-Toastification__close-button{opacity:.7;font-size:var(--fs-section);font-weight:300;color:var(--text-inverse);padding:0;margin-left:var(--space-4)}.Vue-Toastification__close-button:hover{opacity:1}.Vue-Toastification__progress-bar{height:3px;background-color:#ffffff4d}.ss-table .cell-name .name-primary{font-weight:500;color:var(--color-primary);cursor:pointer;font-size:var(--fs-body);text-decoration:none}.ss-table .cell-name .name-primary:hover{text-decoration:underline}.ss-table .cell-name .name-sub{font-size:var(--fs-small);color:var(--text-muted);margin-top:1px}.ss-table .cell-plain{font-size:var(--fs-body);color:var(--text-primary)}.ss-table .cell-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-body);white-space:nowrap}.ss-table .status-dot{width:.4375rem;height:.4375rem;border-radius:var(--radius-full);flex-shrink:0}.status-dot.dot-success{background-color:var(--color-success)}.status-dot.dot-warning{background-color:var(--color-warning)}.status-dot.dot-danger{background-color:var(--color-danger)}.status-dot.dot-secondary{background-color:var(--neutral-500)}.status-dot.dot-info{background-color:var(--color-info)}.status-dot.dot-primary{background-color:var(--color-primary)}.ss-table .cell-status-badge .badge{border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);font-size:var(--fs-small);font-weight:500}.ss-table .cell-currency{text-align:right;font-variant-numeric:tabular-nums;font-weight:500;font-size:var(--fs-body)}.ss-table th.cell-currency{text-align:right}.ss-table .cell-date{font-size:var(--fs-body);white-space:nowrap;color:var(--text-primary)}.ss-table .cell-date .date-range{display:flex;flex-direction:column;gap:2px}.ss-table .cell-date .date-range span{display:flex;align-items:center;gap:var(--space-1);font-size:var(--fs-small)}.ss-table .cell-avatar{display:flex;align-items:center;gap:var(--space-3)}.ss-table .cell-avatar .av-circle{width:var(--avatar-sm);height:var(--avatar-sm);border-radius:var(--radius-full);background-color:rgba(var(--color-primary-rgb),.1);color:var(--color-primary);font-size:var(--fs-tiny);font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-transform:none}.ss-table .cell-avatar .av-name{font-weight:500;font-size:var(--fs-body)}.ss-table .cell-avatar .av-sub{font-size:var(--fs-small);color:var(--text-muted)}.ss-table .count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;border-radius:var(--radius-full);background-color:rgba(var(--color-primary-rgb),.1);color:var(--color-primary);font-size:var(--fs-tiny);font-weight:600;padding:0 var(--space-1)}.ss-table .cell-actions{text-align:right;white-space:nowrap;width:var(--avatar-lg)}.ss-table .action-btn{background:transparent;border:none;color:var(--text-muted);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast);font-size:var(--fs-section)}.ss-table .action-btn:hover{color:var(--text-primary);background-color:var(--bg-hover)}.ss-table-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border);background-color:var(--bg-card)}.ss-table-wrap .ss-table{margin:0}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.table-filters{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.search-input{width:clamp(180px,16vw,300px);height:var(--btn-height-sm)}.filter-select{height:var(--btn-height-sm);min-width:clamp(120px,9vw,180px);padding:0 clamp(24px,2vw,36px) 0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--fs-body);font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-card);cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;transition:border-color var(--transition),box-shadow var(--transition)}.filter-select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.08)}.table-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.table-toolbar .search-wrapper{flex:1;min-width:12.5rem}.table-toolbar .filter-select{min-width:8.75rem}.week-total{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-small);color:var(--text-muted);font-weight:500}.time-tracker-input-row{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3)}.time-project-select{flex:1;max-width:clamp(240px,22vw,380px)}.ss-table .empty-row td{padding:var(--space-8) var(--space-4);text-align:center;color:var(--text-muted)}.ss-th{font-size:var(--fs-tiny);font-weight:600;text-transform:none;letter-spacing:.04em;color:var(--text-muted);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);white-space:nowrap;background-color:transparent;vertical-align:bottom}.confirm-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--space-4)}.confirm-box{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-6);max-width:26.25rem;width:100%;box-shadow:var(--shadow-xl)}.confirm-title{font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.confirm-message{color:var(--text-secondary);font-size:var(--fs-body);margin-bottom:var(--space-5);line-height:1.6}.confirm-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.support-chat-layout{display:flex;height:calc(100vh - var(--header-height));overflow:hidden;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.chat-queue-panel{width:clamp(240px,18vw,320px);flex-shrink:0;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.chat-queue-stats{display:flex;align-items:center;justify-content:space-around;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--bg-body)}.chat-queue-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.chat-queue-stat-value{font-size:var(--fs-section);font-weight:700;font-family:var(--font-mono);color:var(--text-primary)}.chat-queue-stat-label{font-size:var(--fs-tiny);color:var(--text-muted);text-transform:none;letter-spacing:.04em}.chat-queue-section-label{font-size:var(--fs-tiny);font-weight:600;text-transform:none;letter-spacing:.06em;color:var(--text-muted);padding:var(--space-3) var(--space-4) var(--space-1)}.chat-queue-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--border)}.chat-queue-item:hover{background:var(--bg-hover)}.chat-queue-item.active{background:var(--bg-active)}.visitor-dot{width:clamp(8px,.6vw,12px);height:clamp(8px,.6vw,12px);border-radius:var(--radius-full);flex-shrink:0;margin-top:var(--space-1)}.visitor-dot.waiting{background:var(--color-warning)}.visitor-dot.active{background:var(--color-success)}.visitor-dot.ended{background:var(--text-muted)}.visitor-name{font-size:var(--fs-small);font-weight:600;color:var(--text-primary);line-height:1.2}.visitor-preview{font-size:var(--fs-tiny);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:var(--space-1)}.chat-active-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-active-header{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.chat-messages-area{flex:1;overflow-y:auto;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.support-bubble{max-width:70%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--fs-body);line-height:1.5}.support-bubble.visitor{background:var(--bg-hover);color:var(--text-primary);border-bottom-left-radius:var(--radius-sm);align-self:flex-start}.support-bubble.agent{background:var(--color-primary);color:var(--text-inverse);border-bottom-right-radius:var(--radius-sm);align-self:flex-end}.chat-input-area{padding:var(--space-3) var(--space-5) var(--space-4);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-2);position:relative}.chat-input-row{display:flex;align-items:flex-end;gap:var(--space-3)}.chat-canned-btn{flex-shrink:0;height:var(--input-height);padding:0 var(--space-3)}.canned-picker{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 4px 16px #0000001f;max-height:clamp(220px,18vw,340px);display:flex;flex-direction:column;overflow:hidden}.canned-picker-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);flex-shrink:0}.canned-picker-search{flex:1;height:var(--btn-height-sm);font-size:var(--fs-small)}.canned-picker-list{overflow-y:auto;flex:1}.canned-picker-empty{padding:var(--space-4) var(--space-5);color:var(--text-muted);font-size:var(--fs-small);text-align:center}.canned-picker-item{padding:var(--space-3) var(--space-4);cursor:pointer;border-bottom:1px solid var(--border);transition:background var(--transition);position:relative}.canned-picker-item:last-child{border-bottom:none}.canned-picker-item:hover{background:var(--bg-hover)}.canned-picker-title{font-size:var(--fs-small);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.canned-picker-preview{font-size:var(--fs-tiny);color:var(--text-muted);line-height:1.4}.canned-picker-shortcut{position:absolute;top:var(--space-3);right:var(--space-4);font-size:var(--fs-tiny);font-family:var(--font-mono);background:var(--bg-hover);color:var(--text-muted);padding:1px var(--space-2);border-radius:var(--radius-sm)}.canned-response-list{display:flex;flex-direction:column;gap:var(--space-3)}.canned-response-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}.canned-response-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3)}.canned-response-title{font-size:var(--fs-body);font-weight:600;color:var(--text-primary)}.canned-response-body{font-size:var(--fs-small);color:var(--text-secondary);white-space:pre-wrap;line-height:1.5;border-left:3px solid var(--border);padding-left:var(--space-3)}.chat-input-field{flex:1;min-height:var(--input-height);max-height:clamp(100px,8vw,140px);padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--fs-body);font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-body);outline:none;resize:none;line-height:1.5;transition:border-color var(--transition)}.chat-input-field:focus{border-color:var(--border-focus)}.chat-input-field::placeholder{color:var(--text-muted)}.chat-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);color:var(--text-muted);padding:var(--space-8);text-align:center}.chat-status-dot{width:clamp(8px,.6vw,10px);height:clamp(8px,.6vw,10px);border-radius:var(--radius-full);flex-shrink:0}.chat-status-dot.active{background:var(--color-success)}.chat-status-dot.waiting{background:var(--color-warning)}.ticket-layout{display:grid;grid-template-columns:1fr clamp(260px,20vw,360px);gap:var(--space-5);align-items:start}.ticket-thread{display:flex;flex-direction:column;gap:var(--space-4)}.ticket-message{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-xs)}.ticket-message.internal{background:var(--bg-hover);border-color:var(--border-strong)}.ticket-message-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.ticket-message-sender{font-size:var(--fs-small);font-weight:600;color:var(--text-primary)}.ticket-message-time{font-size:var(--fs-tiny);color:var(--text-muted)}.ticket-message-body{font-size:var(--fs-body);color:var(--text-primary);line-height:1.6;white-space:pre-wrap}.internal-label{font-size:var(--fs-tiny);font-weight:600;color:var(--color-warning);text-transform:none;letter-spacing:.06em;margin-left:var(--space-2)}.ticket-reply-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.reply-type-tabs{display:flex;border-bottom:1px solid var(--border)}.reply-type-tab{padding:var(--space-3) var(--space-4);font-size:var(--fs-small);font-weight:500;color:var(--text-secondary);cursor:pointer;border:none;background:transparent;border-bottom:2px solid transparent;transition:all var(--transition);font-family:var(--font-sans)}.reply-type-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.reply-textarea{width:100%;min-height:clamp(100px,8vw,150px);padding:var(--space-4);border:none;outline:none;font-size:var(--fs-body);font-family:var(--font-sans);color:var(--text-primary);background:transparent;resize:vertical;line-height:1.6}.reply-textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.reply-textarea::placeholder{color:var(--text-muted)}.reply-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);background:var(--bg-body)}.ticket-info-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);position:sticky;top:calc(var(--header-height) + var(--space-4))}.ticket-info-row{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.ticket-info-row:last-child{border-bottom:none}.ticket-info-label{font-size:var(--fs-tiny);font-weight:600;text-transform:none;letter-spacing:.06em;color:var(--text-muted)}.ticket-info-value{font-size:var(--fs-body);color:var(--text-primary);font-weight:500}.kb-layout{display:grid;grid-template-columns:clamp(180px,15vw,260px) 1fr;gap:var(--space-6);align-items:start}.kb-search-bar{height:var(--input-height);font-size:var(--fs-body);margin-bottom:var(--space-5);width:100%}.kb-category-nav{display:flex;flex-direction:column;gap:var(--space-1);position:sticky;top:calc(var(--header-height) + var(--space-4))}.kb-category-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--fs-small);font-weight:500;color:var(--text-secondary);cursor:pointer;border:none;background:transparent;transition:all var(--transition);width:100%;font-family:var(--font-sans)}.kb-category-item:hover{background:var(--bg-hover);color:var(--text-primary)}.kb-category-item.active{background:var(--bg-active);color:var(--color-primary);font-weight:600}.kb-category-count{font-size:var(--fs-tiny);color:var(--text-muted);font-family:var(--font-mono)}.kb-articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(240px,18vw,360px),1fr));gap:var(--space-4)}.kb-article-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition);display:flex;flex-direction:column;gap:var(--space-2)}.kb-article-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.kb-article-title{font-size:var(--fs-body);font-weight:600;color:var(--text-primary);line-height:1.3}.kb-article-meta{font-size:var(--fs-tiny);color:var(--text-muted)}.kb-article-preview{font-size:var(--fs-small);color:var(--text-secondary);line-height:1.5;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kb-article-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border)}.kb-helpful{font-size:var(--fs-tiny);color:var(--text-muted)}.meeting-type-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.meeting-type-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--fs-small);font-weight:500;border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);font-family:var(--font-sans)}.meeting-type-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.meeting-type-btn.active{background:var(--bg-active);border-color:var(--color-primary);color:var(--color-primary);font-weight:600}.meeting-link-row{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) 0;border-top:1px solid var(--border);margin-top:var(--space-3)}.meeting-linked-entity{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-small);color:var(--text-link);text-decoration:none;font-weight:500}.meeting-linked-entity:hover{text-decoration:underline}.target-progress-bar{width:100%;height:clamp(6px,.5vw,8px);background:var(--bg-hover);border-radius:var(--radius-full);overflow:hidden}.target-progress-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width var(--transition-slow)}.target-progress-fill.on-track,.target-progress-fill.success{background:var(--color-success)}.target-progress-fill.at-risk,.target-progress-fill.warning{background:var(--color-warning)}.target-progress-fill.behind,.target-progress-fill.danger{background:var(--color-danger)}.recurring-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--fs-tiny);font-weight:600;color:var(--color-info)}.credit-note-ref{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--color-info);font-weight:500}.csat-widget{padding:var(--space-5);margin-top:var(--space-4)}.csat-title{font-size:var(--fs-small);font-weight:600;text-transform:none;letter-spacing:.06em;color:var(--text-muted);margin-bottom:var(--space-3)}.csat-rating{display:flex;align-items:center;gap:var(--space-3)}.csat-stars{font-size:var(--fs-section);letter-spacing:2px;color:var(--color-warning)}.csat-score{font-size:var(--fs-section);font-weight:700;font-family:var(--font-mono);color:var(--color-warning)}.csat-comment{font-size:var(--fs-small);color:var(--text-secondary);font-style:italic;margin-top:var(--space-2)}.csat-pending{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.announcements-section{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.announcement-banner{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border-left:4px solid}.announcement-banner.info{background:var(--bg-active);border-left-color:var(--color-info)}.announcement-banner.warning{background:#f59e0b14;border-left-color:var(--color-warning)}.announcement-banner.success{background:#10b98114;border-left-color:var(--color-success)}.announcement-banner.urgent{background:#ef444414;border-left-color:var(--color-danger)}.announcement-content{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.announcement-title{font-size:var(--fs-small);font-weight:600;color:var(--text-primary)}.announcement-body{font-size:var(--fs-small);color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.budget-widget{padding:var(--space-5)}.budget-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin:var(--space-4) 0}.star-rating{display:flex;align-items:center;gap:var(--space-1)}.star-btn{background:transparent;border:none;cursor:pointer;color:var(--border-strong);font-size:var(--fs-section);padding:0;transition:color var(--transition);line-height:1}.star-btn.filled,.star-btn:hover{color:var(--color-warning)}.rating-category-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--border);gap:var(--space-4)}.rating-category-row:last-child{border-bottom:none}.rating-category-name{font-size:var(--fs-body);font-weight:500;color:var(--text-primary);flex:1}.overall-rating-display{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-hover);border-radius:var(--radius-lg);margin-top:var(--space-4)}.overall-rating-value{font-size:var(--fs-display);font-weight:700;font-family:var(--font-mono);color:var(--color-warning);line-height:1}.overall-rating-label{font-size:var(--fs-small);color:var(--text-muted)}.document-icon{width:clamp(40px,3vw,56px);height:clamp(40px,3vw,56px);border-radius:var(--radius-md);background:var(--bg-hover);display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-bottom:var(--space-2);flex-shrink:0;font-size:var(--fs-section)}.file-drop-zone{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;cursor:pointer;transition:all var(--transition);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);color:var(--text-muted)}.file-drop-zone:hover{border-color:var(--color-primary);background:var(--bg-active);color:var(--color-primary)}.file-drop-label{font-size:var(--fs-body);font-weight:500;color:var(--text-secondary)}.file-drop-hint{font-size:var(--fs-small);color:var(--text-muted)}.dashboard-section-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4);margin-bottom:var(--space-5)}.section-overview-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-decoration:none;transition:all var(--transition);cursor:pointer}.section-overview-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-2px)}.section-overview-icon{width:var(--avatar-lg);height:var(--avatar-lg);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--fs-section);color:var(--text-inverse)}.section-overview-icon.sales{background:var(--color-primary)}.section-overview-icon.project-mgmt{background:var(--color-info)}.section-overview-icon.human-resources{background:var(--color-success)}.section-overview-icon.finance{background:var(--color-warning)}.section-overview-icon.support{background:var(--color-danger)}.section-overview-label{font-size:var(--fs-small);font-weight:600;color:var(--text-primary);text-align:center}.section-overview-stat{font-size:var(--fs-tiny);color:var(--text-muted);font-family:var(--font-mono)}.chart-placeholder{height:clamp(160px,14vw,220px);background:var(--bg-body);border:1px dashed var(--border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--fs-small)}.section-dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.section-dashboard-title{font-size:var(--fs-title);font-weight:700;color:var(--text-primary)}.section-dashboard-subtitle{font-size:var(--fs-small);color:var(--text-muted);margin-top:var(--space-1)}.priority-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.priority-row:last-child{border-bottom:none}.priority-label{font-size:var(--fs-small);font-weight:500;color:var(--text-primary);min-width:6rem}.priority-mini-bar{flex:1;height:clamp(6px,.4vw,8px);background:var(--bg-hover);border-radius:var(--radius-full);overflow:hidden;margin:0 var(--space-3)}.priority-mini-fill{height:100%;border-radius:var(--radius-full)}.priority-mini-fill.urgent{background:var(--color-danger)}.priority-mini-fill.high{background:var(--color-warning)}.priority-mini-fill.medium{background:var(--color-info)}.priority-mini-fill.low{background:var(--color-success)}.invoice-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.invoice-status-cell{background:var(--bg-body);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);text-align:center}.invoice-status-count{font-size:var(--fs-title);font-weight:700;color:var(--text-primary);line-height:1}.invoice-status-label{font-size:var(--fs-tiny);color:var(--text-muted);margin-top:var(--space-1);text-transform:none;letter-spacing:.05em}.dashboard-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);height:100%;display:flex;flex-direction:column}.dashboard-card-body{padding:var(--space-5);flex:1;display:flex;flex-direction:column}.dashboard-card-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--border);flex-shrink:0}.dashboard-card-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-body);font-weight:600;color:var(--text-primary)}.dashboard-card-title i{font-size:var(--fs-section);color:var(--text-secondary)}.dashboard-time-badge{font-size:var(--fs-tiny);font-weight:600;color:var(--text-muted);background:var(--bg-hover);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3)}.dashboard-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5);height:100%;border-left:3px solid var(--border-strong);transition:box-shadow var(--transition);display:flex;flex-direction:column}.dashboard-stat-card:hover{box-shadow:var(--shadow-md)}.dashboard-stat-accent.info{border-left-color:var(--color-info)}.dashboard-stat-accent.primary{border-left-color:var(--color-primary)}.dashboard-stat-accent.warning{border-left-color:var(--color-warning)}.dashboard-stat-accent.success{border-left-color:var(--color-success)}.dashboard-stat-label{font-size:var(--fs-tiny);font-weight:600;color:var(--text-muted);text-transform:none;letter-spacing:.06em;margin-bottom:var(--space-2)}.dashboard-stat-value{font-size:var(--fs-display);font-weight:700;font-family:var(--font-mono);color:var(--text-primary);line-height:1;margin-bottom:var(--space-2)}.dashboard-stat-trend{font-size:var(--fs-tiny);font-weight:600;display:flex;align-items:center;gap:var(--space-1)}.dashboard-stat-trend.up{color:var(--color-success)}.dashboard-stat-trend.down{color:var(--color-danger)}.dashboard-module-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5);display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.dashboard-module-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.dashboard-module-icon{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--fs-section);color:var(--text-inverse);flex-shrink:0}.dashboard-module-icon.sales{background:var(--color-primary)}.dashboard-module-icon.project-mgmt{background:var(--color-info)}.dashboard-module-icon.human-resources{background:var(--color-success)}.dashboard-module-icon.finance{background:var(--color-warning)}.dashboard-module-icon.support{background:var(--color-danger)}.dashboard-module-name{font-size:var(--fs-body);font-weight:600;color:var(--text-primary);margin-top:var(--space-3)}.dashboard-module-stat{font-size:var(--fs-tiny);color:var(--text-muted);margin-top:var(--space-1);font-family:var(--font-mono)}.dashboard-invoice-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.dashboard-invoice-tile{background:var(--bg-hover);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-1)}.dashboard-invoice-tile-icon{font-size:var(--fs-section);line-height:1}.dashboard-invoice-tile-value{font-size:var(--fs-title);font-family:var(--font-mono);font-weight:700;line-height:1}.dashboard-invoice-tile-label{font-size:var(--fs-tiny);color:var(--text-muted);text-transform:none;letter-spacing:.04em}.dashboard-invoice-tile.draft .dashboard-invoice-tile-icon,.dashboard-invoice-tile.draft .dashboard-invoice-tile-value{color:var(--text-muted)}.dashboard-invoice-tile.sent .dashboard-invoice-tile-icon,.dashboard-invoice-tile.sent .dashboard-invoice-tile-value{color:var(--color-info)}.dashboard-invoice-tile.paid .dashboard-invoice-tile-icon,.dashboard-invoice-tile.paid .dashboard-invoice-tile-value{color:var(--color-success)}.dashboard-invoice-tile.overdue .dashboard-invoice-tile-icon,.dashboard-invoice-tile.overdue .dashboard-invoice-tile-value{color:var(--color-danger)}.dashboard-invoice-tile.draft{border-left:4px solid var(--text-muted)}.dashboard-invoice-tile.sent{border-left:4px solid var(--color-info)}.dashboard-invoice-tile.paid{border-left:4px solid var(--color-success)}.dashboard-invoice-tile.overdue{border-left:4px solid var(--color-danger)}.dashboard-attendance-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.dashboard-attendance-row:last-child{border-bottom:none}.dashboard-attendance-stats{display:flex;padding-top:var(--space-4);border-top:1px solid var(--border);margin-top:var(--space-3)}.dashboard-attendance-stat-item{display:flex;flex-direction:column;align-items:center;flex:1;text-align:center}.dashboard-attendance-stat-value{font-size:var(--fs-section);font-family:var(--font-mono);font-weight:700;line-height:1}.dashboard-attendance-stat-label{font-size:var(--fs-tiny);color:var(--text-muted);margin-top:var(--space-1)}.dashboard-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);text-align:center;color:var(--text-muted);gap:var(--space-2);flex:1}.dashboard-empty-icon{font-size:var(--fs-display);opacity:.4;color:var(--text-muted);display:block;margin-bottom:var(--space-2)}.dashboard-empty-text{font-size:var(--fs-small);color:var(--text-muted)}.attendance-stat-pills{display:flex;gap:var(--space-5);padding-top:var(--space-3);border-top:1px solid var(--border);margin-top:var(--space-2)}.attendance-stat{display:flex;align-items:center;gap:var(--space-2)}.attendance-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.attendance-dot.success{background:var(--color-success)}.attendance-dot.warning{background:var(--color-warning)}.attendance-dot.danger{background:var(--color-danger)}.attendance-stat-value{font-size:var(--fs-body);font-family:var(--font-mono);font-weight:700;line-height:1;color:var(--text-primary)}.attendance-stat-label{font-size:var(--fs-tiny);color:var(--text-muted)}.approval-stats{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-5)}.approval-stat-card{background:var(--bg-card);border:1px solid var(--border);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-sm);min-width:140px;flex:1}.approval-stat-card.warning{border-left-color:var(--color-warning)}.approval-stat-card.danger{border-left-color:var(--color-danger)}.approval-stat-card.success{border-left-color:var(--color-success)}.approval-stat-card.info{border-left-color:var(--color-info)}.approval-stat-value{font-size:var(--fs-display);font-weight:700;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-primary);line-height:1;margin-bottom:var(--space-1)}.approval-stat-label{font-size:var(--fs-small);color:var(--text-muted);font-weight:500}.approval-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--transition-fast);border-radius:var(--radius-sm)}.approval-item:hover{background:var(--bg-hover);padding-left:var(--space-1);padding-right:var(--space-1)}.approval-item-count{font-size:var(--fs-tiny);font-weight:700;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:var(--color-primary);color:var(--text-inverse);flex-shrink:0;min-width:1.5rem;text-align:center}.shifts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.shift-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-3);transition:box-shadow var(--transition)}.shift-card:hover{box-shadow:var(--shadow-md)}.shift-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.shift-card-title{font-size:var(--fs-body);font-weight:600;color:var(--text-primary);line-height:1.3}.shift-card-icon{width:var(--avatar-sm);height:var(--avatar-sm);border-radius:var(--radius-md);background:var(--bg-hover);display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.shift-times{display:flex;flex-direction:column;gap:var(--space-1)}.shift-time-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-body);color:var(--text-secondary)}.shift-time-row svg{color:var(--text-muted);flex-shrink:0}.shift-employees-count{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-small);color:var(--text-muted);padding:var(--space-2) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.shift-card-actions{display:flex;align-items:center;gap:var(--space-2)}.shift-edit-btn{flex:1;height:var(--btn-height-sm);font-size:var(--fs-small)}.shift-delete-btn{width:var(--btn-height-sm);height:var(--btn-height-sm);flex-shrink:0}.theme-toggle-btn{width:var(--avatar-md);height:var(--avatar-md);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--text-secondary);transition:all var(--transition)}.theme-toggle-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.color-preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-top:var(--space-3)}.color-preset-tile{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3);cursor:pointer;text-align:center;transition:background var(--transition-fast),border-color var(--transition-fast);position:relative}.color-preset-tile:hover{background:var(--bg-hover)}.color-preset-tile.active{border:2px solid var(--color-primary)}.color-preset-swatch-wrap{position:relative;width:2.5rem;height:2.5rem;margin:0 auto}.color-preset-swatch{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);display:block}.color-preset-check{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-size:var(--fs-body);font-weight:700}.color-preset-name{font-size:var(--fs-tiny);color:var(--text-muted);margin-top:var(--space-2)}.custom-color-row{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3)}.custom-color-label{font-size:var(--fs-small);color:var(--text-secondary);min-width:7.5rem;flex-shrink:0}.color-input{width:2.5rem;height:2.5rem;border-radius:var(--radius-md);border:1px solid var(--border);padding:2px;cursor:pointer;flex-shrink:0;background:none}.color-hex-input{flex:1;max-width:10rem;font-family:var(--font-mono);font-size:var(--fs-small)}.theme-preview-box{background:var(--bg-hover);border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-4);border:1px solid var(--border)}.preview-btn{color:var(--text-inverse);border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:var(--fs-small);font-weight:600;cursor:default}.preview-badge{color:var(--text-inverse);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);font-size:var(--fs-tiny);font-weight:600}.font-picker-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.font-pill{border:1px solid var(--border);border-radius:var(--radius-full);padding:var(--space-1) var(--space-4);font-size:var(--fs-small);cursor:pointer;color:var(--text-primary);background:var(--bg-card);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.font-pill:hover{background:var(--bg-hover);border-color:var(--color-primary)}.font-pill.active{background:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary)}.pref-label{font-size:var(--fs-small);font-weight:600;color:var(--text-primary);display:block;margin-bottom:var(--space-1)}.pref-sublabel{font-size:var(--fs-tiny);color:var(--text-muted);margin-bottom:0}[dir=rtl]{text-align:right}[dir=rtl] .app-vertical-nav,[dir=rtl] .sidebar{right:0;left:auto}[dir=rtl] .app-main-content,[dir=rtl] .main-content{margin-right:var(--sidebar-width);margin-left:0}[dir=rtl] .header-inner-redesign,[dir=rtl] .header-left-redesign,[dir=rtl] .header-right-redesign{flex-direction:row-reverse}[dir=rtl] .header-search-icon{right:var(--space-3);left:auto}[dir=rtl] .header-search-field{padding-right:calc(var(--space-3) + 1.25rem);padding-left:var(--space-3)}[dir=rtl] .profile-dropdown-item,[dir=rtl] .lang-option,[dir=rtl] .sidebar-tab{flex-direction:row-reverse;text-align:right}[dir=rtl] .stat-card,[dir=rtl] .dashboard-module-card{flex-direction:row-reverse}[dir=rtl] table{direction:rtl}[dir=rtl] th,[dir=rtl] td{text-align:right}[dir=rtl] .form-label,[dir=rtl] label{text-align:right;display:block}[dir=rtl] .input-group{flex-direction:row-reverse}[dir=rtl] .breadcrumb-item+.breadcrumb-item:before{content:"\\"}[dir=rtl] .badge{margin-left:0;margin-right:var(--space-1)}[dir=rtl] .nav-link i,[dir=rtl] .sidebar-tab i{margin-right:0;margin-left:var(--space-2)}[dir=rtl] .modal-header .btn-close{margin-left:0;margin-right:auto}[dir=rtl] .Vue-Toastification__container{left:var(--space-5);right:auto}[dir=rtl] .settings-container{grid-template-columns:1fr var(--space-8)}[dir=rtl] .pagination,[dir=rtl] .header-user{flex-direction:row-reverse}[dir=rtl] .header-user-text{text-align:right}[dir=rtl] .stat-card-accent-primary,[dir=rtl] .stat-card-accent-success,[dir=rtl] .stat-card-accent-warning,[dir=rtl] .stat-card-accent-danger{border-left:none;border-right:4px solid}[dir=rtl] .progress-bar{margin-right:0;margin-left:auto}@media print{.app-sidebar,.app-header,.app-topbar,.mobile-sidebar-overlay,.main-header,[class*=sidebar],[class*=topbar],[class*=navbar]{display:none!important}.main-wrapper,.app-content,.inner-contents{margin:0!important;padding:0!important;width:100%!important}body{background:#fff!important}}:root .dark-mode,body.dark-mode{--dark-bg-primary: var(--bg-body);--dark-bg-secondary: var(--bg-hover);--dark-bg-tertiary: var(--neutral-800);--dark-border: var(--border);--dark-text-primary: var(--text-primary);--dark-text-secondary: var(--text-secondary);--dark-text-muted: var(--text-muted)}body.dark-mode{color-scheme:dark}body.dark-mode .form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")!important}body.dark-mode .form-input:focus,body.dark-mode .form-select:focus,body.dark-mode .form-control:focus{box-shadow:0 0 0 3px #00b4d81f}body.dark-mode .filter-select:focus,[data-bs-theme=dark] .filter-select:focus{box-shadow:0 0 0 3px #00b4d81f}body.dark-mode .form-control,body.dark-mode .form-select,body.dark-mode input,body.dark-mode textarea,body.dark-mode select{background:var(--bg-hover)!important;border-color:var(--border)!important;color:var(--text-primary)!important}body.dark-mode .form-control:focus,body.dark-mode .form-select:focus{background:var(--bg-hover)!important;color:var(--text-primary)!important;border-color:var(--color-accent)!important;box-shadow:0 0 0 2px #00b4d833!important}body.dark-mode .form-control::placeholder{color:var(--text-muted)}body.dark-mode .header{background:var(--bg-card);color:var(--text-primary)}body.dark-mode .card,body.dark-mode .card-header,body.dark-mode .card-footer,body.dark-mode .card-body{background:var(--bg-card);color:var(--text-primary);border-color:var(--border)}body.dark-mode .app-vertical-nav{background:var(--bg-sidebar);color:var(--text-primary)}body.dark-mode .app-vertical-nav .app-vertical-nav-toggle{color:#fffc}body.dark-mode .app-vertical-nav ul.main-menu li a{color:#ffffffbf}body.dark-mode .app-vertical-nav ul.main-menu li.active>a,body.dark-mode .app-vertical-nav ul.main-menu li.menu-item.active>a,body.dark-mode .app-vertical-nav ul.main-menu li.current>a{background-color:#00b4d826;color:var(--color-accent)}body.dark-mode .app-vertical-nav ul.main-menu li.active>a .nav-icon,body.dark-mode .app-vertical-nav ul.main-menu li.active>a .nav-icon i,body.dark-mode .app-vertical-nav ul.main-menu li.menu-item.active>a .nav-icon,body.dark-mode .app-vertical-nav ul.main-menu li.menu-item.active>a .nav-icon i{color:var(--color-accent)}body.dark-mode .app-vertical-nav ul.main-menu li a:hover,body.dark-mode .app-vertical-nav ul.main-menu li:hover>a{background-color:rgba(var(--color-primary-rgb),.2);color:var(--color-accent)}body.dark-mode .app-vertical-nav ul.main-menu li a:hover .nav-icon,body.dark-mode .app-vertical-nav ul.main-menu li a:hover .nav-icon i,body.dark-mode .app-vertical-nav ul.main-menu li:hover>a .nav-icon,body.dark-mode .app-vertical-nav ul.main-menu li:hover>a .nav-icon i{color:var(--color-accent)}body.dark-mode .app-vertical-nav .menu-section-title,body.dark-mode .app-vertical-nav .menu-section-title span,body.dark-mode .app-vertical-nav .text-gray,body.dark-mode .app-vertical-nav li.menu-section-title{color:#fff6}body.dark-mode .app-vertical-nav .card{background:transparent;border:none}body.dark-mode .app-vertical-nav .card h6{color:#ffffff80}body.dark-mode .modal-content{background:var(--bg-card)!important;border-color:var(--border)!important}body.dark-mode .modal-body{color:var(--text-primary)}body.dark-mode .modal-footer{background:var(--bg-card);border-color:var(--border)}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6,body.dark-mode .text-black{color:var(--text-primary)}body.dark-mode .text-muted,body.dark-mode .text-secondary{color:var(--text-secondary)}body.dark-mode strong{color:var(--text-primary)}body.dark-mode .table thead th,[data-bs-theme=dark] .table thead th{color:var(--text-secondary)!important;background:var(--bg-table-header)!important;border-color:var(--table-border)!important}body.dark-mode .table tbody td,[data-bs-theme=dark] .table tbody td{color:var(--text-primary)!important;border-color:var(--table-border)!important}body.dark-mode .table,[data-bs-theme=dark] .table{color:var(--text-primary)!important;background:var(--table-bg)!important}body.dark-mode .table tbody tr:hover,[data-bs-theme=dark] .table tbody tr:hover{background:var(--table-row-hover-bg)!important}body.dark-mode .list-group-item{background-color:var(--bg-card);border-color:var(--border);color:var(--text-primary)}body.dark-mode .btn-ghost{color:var(--text-muted)}body.dark-mode .btn-ghost:hover{background-color:#ffffff0f;color:var(--text-primary)}body.dark-mode .btn-themed-outline{border-color:var(--color-accent);color:var(--color-accent)}body.dark-mode .btn-themed-outline:hover:not(:disabled){background-color:#00b4d81f;color:var(--color-accent)}body.dark-mode .badge-soft-success{background-color:#19875433;color:#4ade80}body.dark-mode .badge-soft-warning{background-color:#f59e0b33;color:#fbbf24}body.dark-mode .badge-soft-danger{background-color:#dc354533;color:#f87171}body.dark-mode .badge-soft-secondary{background-color:#6c757d33;color:#9ca3af}body.dark-mode .badge-soft-info{background-color:#0dcaf033;color:#22d3ee}body.dark-mode .badge-soft-primary{background-color:#00b4d833;color:#38bdf8}body.dark-mode .badge-soft-teal{background-color:#00b4d833;color:#22d3ee}body.dark-mode .badge-soft-indigo{background-color:#6366f133;color:#818cf8}body.dark-mode .badge-soft-amber{background-color:#f59e0b33;color:#fbbf24}body.dark-mode .bg-light,body.dark-mode.bg-light,body.dark-mode .bg-white{background:var(--bg-body)!important}body.dark-mode .app-content,body.dark-mode .main-wrapper,body.dark-mode #app{background-color:var(--bg-body)!important}body.dark-mode .card,body.dark-mode .card-body,body.dark-mode .table-responsive,body.dark-mode .table,body.dark-mode .page-header,body.dark-mode .card-header,body.dark-mode .filter-row,body.dark-mode .table-toolbar{background:transparent!important}body.dark-mode .dataTables_wrapper .dataTables_length select,body.dark-mode .dataTables_wrapper .dataTables_filter input[type=search],body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button{background:var(--bg-hover)!important;border-color:var(--border)!important;color:var(--text-primary)!important}body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button:hover{background:var(--bg-body)!important;color:var(--text-primary)!important}body.dark-mode .header .user-info,body.dark-mode .header .user-profile,body.dark-mode .header .nav-item.dropdown,body.dark-mode .header .nav-toggler .bg-light,body.dark-mode .header .d-flex.bg-light{background:var(--bg-hover)!important}@media(prefers-color-scheme:dark){.Vue-Toastification__toast{box-shadow:0 4px 12px #0000004d}}@media(max-width:576px){.page-toolbar{flex-direction:column}.page-toolbar>*{width:100%}.table-toolbar{flex-direction:column;align-items:stretch}.table-toolbar>*{width:100%}.row.g-3>[class*=col-md-],.row.g-4>[class*=col-md-]{flex:0 0 100%;max-width:100%}.modal-dialog{margin:0;max-width:100%;height:100%}.modal-content{border-radius:0;min-height:100vh}.form-head.d-flex,.page-header.d-flex{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.form-head .btn,.page-header .btn{width:100%;text-align:center}.d-mobile-none{display:none}.col-xl-3.col-sm-6{flex:0 0 50%;max-width:50%}}@media(max-width:640px){.drawer-sm,.drawer-md,.drawer-lg{width:100vw}.shifts-grid{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-section-cards{grid-template-columns:repeat(2,1fr)}.d-flex.gap-2.flex-wrap{flex-wrap:wrap}.datatable-search,.search-wrapper{width:100%}.card-body{padding:var(--space-4)}.page-header h4,.form-head h2{font-size:var(--fs-section)}.table-responsive{border-radius:0 0 var(--radius-md) var(--radius-md)}.col-lg-8,.col-lg-4{flex:0 0 100%;max-width:100%}.employee-main{margin-left:0}.employee-content{padding:var(--space-4)}.employee-header{padding:0 var(--space-4)}}@media(max-width:480px){.dashboard-section-cards{grid-template-columns:1fr}}@media(max-width:1024px){.shifts-grid{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:600px){.Vue-Toastification__toast{margin-bottom:var(--space-2);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}.Vue-Toastification__toast-body{font-size:var(--fs-small)}}@media(min-width:1200px){.header{margin:0}.main-wrapper,.app-content{margin-left:var(--sidebar-width);margin-top:var(--header-height);transition:margin-left .2s ease}.main-wrapper:has(.chat-page-wrapper){height:calc(100vh - var(--header-height));display:flex;flex-direction:column}.main-wrapper:has(.chat-page-wrapper) .container-fluid{flex:1;display:flex;flex-direction:column;min-height:0}.main-wrapper:has(.chat-page-wrapper) .inner-contents{flex:1;display:flex;flex-direction:column;min-height:0}.header-mobile-option{display:none}.header-mobile-option.expand{display:block}}@media(max-width:1199px){.header{z-index:1;position:relative;pointer-events:none}.app-vertical-nav{position:fixed;left:calc(-1 * var(--sidebar-width, 20.625rem));z-index:1000;transition:left var(--transition-normal);width:var(--sidebar-width, 20.625rem);top:0;height:100vh;overflow-y:auto}body.app-vertical-nav--active .app-vertical-nav{left:0}.header,.main-wrapper,.app-content{margin-left:0}.main-wrapper{padding-top:var(--header-height)}body.app-vertical-nav--collapse .main-wrapper,body.app-vertical-nav--collapse .app-content{margin-left:0}body.app-vertical-nav--collapse .app-vertical-nav{width:var(--sidebar-collapsed-width);left:calc(-1 * var(--sidebar-collapsed-width));top:0;height:100vh}body.app-vertical-nav--collapse.app-vertical-nav--active .app-vertical-nav{left:0;width:var(--sidebar-collapsed-width);top:0;height:100vh}.small-header{padding:var(--space-2) var(--space-4);position:fixed;top:0;left:0;right:0;z-index:10000;background:var(--bg-card);box-shadow:0 1px 3px #00000014;min-height:auto;pointer-events:auto}body.dark-mode .small-header{background:var(--bg-card);border-bottom:1px solid var(--border)}.header.small-header .logo,header.small-header .logo,.small-header.header .logo{margin:0;padding:0}.header.small-header .logo img,header.small-header .logo img,.small-header.header .logo img{height:var(--avatar-sm);margin:0;padding:0}.small-header .d-flex{z-index:10001;position:relative;pointer-events:auto}.app-mobile-menu-opener,.app-header-expand-toggle{background:transparent;border:none;color:inherit;padding:var(--space-2);margin:0;z-index:10002;position:relative;pointer-events:auto;cursor:pointer}.app-mobile-menu-opener .close{display:none}.app-mobile-menu-opener .open,body.app-vertical-nav--active .app-mobile-menu-opener .close{display:inline}body.app-vertical-nav--active .app-mobile-menu-opener .open{display:none}body.app-vertical-nav--active .app-vertical-nav{box-shadow:2px 0 10px #0000004d}body.app-vertical-nav--active{overflow:hidden}.main-wrapper .container-fluid{padding-left:var(--space-4);padding-right:var(--space-4)}.main-wrapper .inner-contents{padding-top:var(--space-4)}}.loading-spinner .spinner-border[data-v-6340cc3e]{width:var(--spinner-size, 2.5rem);height:var(--spinner-size, 2.5rem)}.table-skeleton[data-v-fa6d52d6]{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.skeleton-row[data-v-fa6d52d6]{background:var(--bg-card);min-height:3rem}.skeleton-row[data-v-fa6d52d6]:nth-child(2n){background:var(--bg-body)}.placeholder[data-v-fa6d52d6]{display:inline-block;opacity:.5}.stat-card[data-v-764f1b42]{background:var(--card-bg);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary);box-shadow:var(--shadow-sm);padding:var(--space-5);height:100%;min-height:clamp(100px,8vw,130px);transition:box-shadow var(--transition-normal)}.stat-card.accent-primary[data-v-764f1b42]{border-left-color:var(--color-primary)!important}.stat-card.accent-success[data-v-764f1b42]{border-left-color:var(--color-success)!important}.stat-card.accent-warning[data-v-764f1b42]{border-left-color:var(--color-warning)!important}.stat-card.accent-info[data-v-764f1b42]{border-left-color:var(--color-info)!important}.stat-card.accent-danger[data-v-764f1b42]{border-left-color:var(--color-danger)!important}.stat-card.accent-accent[data-v-764f1b42]{border-left-color:var(--color-accent)!important}.stat-card[data-v-764f1b42]:hover{box-shadow:var(--shadow-md)}.stat-card-body[data-v-764f1b42]{display:flex;flex-direction:column}.stat-card-top-row[data-v-764f1b42]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.stat-label[data-v-764f1b42]{font-size:var(--fs-tiny);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;padding-top:var(--space-1)}.stat-value[data-v-764f1b42]{font-size:var(--fs-display);font-weight:800;font-family:var(--font-mono);color:var(--color-text);line-height:1;margin-bottom:var(--space-2)}.stat-value--muted[data-v-764f1b42]{color:var(--color-text-faint)}.stat-subtitle[data-v-764f1b42]{font-size:var(--fs-small);color:var(--color-text-muted);margin-bottom:var(--space-1)}.stat-skeleton[data-v-764f1b42]{height:var(--fs-display);width:5rem;background:var(--color-border);border-radius:var(--radius-sm);margin-bottom:var(--space-2);animation:pulse-764f1b42 1.5s ease-in-out infinite}@keyframes pulse-764f1b42{0%,to{opacity:1}50%{opacity:.4}}.stat-trend[data-v-764f1b42]{font-size:var(--fs-small);font-weight:500;margin-top:var(--space-1)}.trend-up[data-v-764f1b42]{color:var(--bs-success)}.trend-down[data-v-764f1b42]{color:var(--bs-danger)}.empty-state[data-v-ece3ce9a]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-6);text-align:center}.empty-state-icon[data-v-ece3ce9a]{width:var(--avatar-lg);height:var(--avatar-lg);border-radius:var(--radius-full);background:var(--theme-primary-light);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-5);opacity:.85}.empty-state-icon i[data-v-ece3ce9a]{font-size:var(--fs-title);color:var(--theme-primary)}.empty-state-title[data-v-ece3ce9a]{font-weight:var(--fw-bold);color:var(--color-text);margin-bottom:var(--space-2)}.empty-state-description[data-v-ece3ce9a]{color:var(--color-text-muted);font-size:var(--fs-small);max-width:23.75rem;margin-bottom:var(--space-6);line-height:1.6}