.modal-backdrop{background-color:var(--modal-backdrop-bg);backdrop-filter:blur(2px)}.modal-content{background:var(--color-surface);border:none;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-2xl)}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:var(--border-width) solid var(--color-border);background:var(--color-surface);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.modal-body{padding:var(--space-6);color:var(--color-text-primary);background:var(--color-surface)}.modal-footer{padding:var(--space-4) var(--space-6);border-top:var(--border-width) solid var(--color-border);background:var(--color-surface);border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);gap:var(--space-3)}.modal .btn-close{opacity:0.6;transition:var(--transition-colors)}.modal .btn-close:hover{opacity:1}.modal-sm .modal-content{max-width:400px}.modal-lg .modal-content{max-width:800px}.modal-xl .modal-content{max-width:1140px}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-primary);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4);border-radius:var(--border-radius);transition:var(--transition-all)}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,a.btn-primary:hover,a.btn-primary:focus,a.btn-primary:active{background:var(--color-primary-hover)!important;border-color:var(--color-primary-hover)!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}.btn-secondary{background:var(--color-surface-secondary);border-color:var(--color-border);color:var(--color-text-primary);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4);border-radius:var(--border-radius);transition:var(--transition-all)}.btn-secondary:hover,.btn-secondary:focus{background:var(--color-surface-tertiary);border-color:var(--color-border);color:var(--color-text-primary)}.btn-danger{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-text-on-primary);font-weight:var(--font-weight-medium)}.btn-danger:hover,.btn-danger:focus{background:var(--color-danger-dark);border-color:var(--color-danger-dark);color:var(--color-text-on-primary)}.btn-success{background:var(--color-success);border-color:var(--color-success);color:var(--color-text-on-primary);font-weight:var(--font-weight-medium)}.btn-success:hover,.btn-success:focus{background:var(--color-success-dark);border-color:var(--color-success-dark);color:var(--color-text-on-primary)}.btn-warning{background:var(--color-warning);border-color:var(--color-warning);color:var(--color-text-on-primary);font-weight:var(--font-weight-medium)}.btn-warning:hover,.btn-warning:focus{background:var(--color-warning-dark);border-color:var(--color-warning-dark);color:var(--color-text-on-primary)}.btn-outline-primary{color:var(--color-primary);border-color:var(--color-primary);background:transparent}.btn-outline-primary:hover,.btn-outline-primary:focus,.btn-outline-primary:active,a.btn-outline-primary:hover,a.btn-outline-primary:focus,a.btn-outline-primary:active{background:var(--color-primary)!important;border-color:var(--color-primary)!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}.btn-outline-secondary{color:var(--color-text-primary);border-color:var(--color-border);background:transparent}.btn-outline-secondary:hover,.btn-outline-secondary:focus{background:var(--color-surface-secondary);border-color:var(--color-border);color:var(--color-text-primary)}.card{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.card-header{padding:var(--space-4) var(--space-5);background:var(--color-surface);border-bottom:var(--border-width) solid var(--color-border);font-weight:var(--font-weight-semibold)}.card-body{padding:var(--space-5)}.card-footer{padding:var(--space-4) var(--space-5);background:var(--color-surface-secondary);border-top:var(--border-width) solid var(--color-border)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.alert{padding:var(--space-4);border-radius:var(--border-radius);border:none;font-size:var(--font-size-sm)}.alert-success{background:var(--color-success-bg);color:var(--color-success-dark)}.alert-warning{background:var(--color-warning-bg);color:var(--color-warning-dark)}.alert-danger{background:var(--color-danger-bg);color:var(--color-danger-dark)}.alert-info{background:var(--color-info-bg);color:var(--color-info-dark)}.badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-full)}.badge.bg-primary,.badge-primary{background:var(--color-primary)!important;color:var(--color-text-on-primary)}.badge.bg-success,.badge-success{background:var(--color-success)!important;color:var(--color-text-on-primary)}.badge.bg-warning,.badge-warning{background:var(--color-warning)!important;color:var(--color-text-on-primary)}.badge.bg-danger,.badge-danger{background:var(--color-danger)!important;color:var(--color-text-on-primary)}.badge.bg-info,.badge-info{background:var(--color-info)!important;color:var(--color-text-on-primary)}.badge.bg-secondary,.badge-secondary{background:var(--color-surface-tertiary)!important;color:var(--color-text-primary)}.settings-page .badge.bg-secondary{background:#6b7280!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;border-color:#6b7280!important}.settings-page .badge.bg-secondary i{color:#1e293b!important;-webkit-text-fill-color:#1e293b!important}.form-control{border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-2) var(--space-3);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-surface);transition:var(--transition-colors)}.form-control:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.form-control::placeholder{color:var(--color-text-tertiary)}.form-select{border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-2) var(--space-3);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-surface)}.form-select:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.form-label{font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-2)}.form-text{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.table{color:var(--color-text-primary);border-color:var(--color-border)}.table>thead{background:var(--color-surface-secondary)}.table>thead th{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--color-border)}.table>tbody td{padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--color-border-light);vertical-align:middle}.table-striped>tbody>tr:nth-of-type(odd){background-color:var(--color-surface-secondary)}.table-hover>tbody>tr:hover{background-color:var(--color-primary-light)}.dropdown-menu{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);padding:var(--space-2)}.dropdown-item{padding:var(--space-2) var(--space-4);color:var(--color-text-primary);border-radius:var(--border-radius-sm);transition:var(--transition-colors)}.dropdown-item:hover,.dropdown-item:focus{background:var(--color-surface-secondary);color:var(--color-text-primary)}.dropdown-item.active,.dropdown-item:active{background:var(--color-primary);color:var(--color-text-on-primary)}.dropdown-header{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:var(--space-2) var(--space-4)}.dropdown-divider{border-color:var(--color-border);margin:var(--space-2) 0}.nav-tabs{border-bottom:var(--border-width) solid var(--color-border)}.nav-tabs .nav-link{color:var(--color-text-secondary);border:none;border-bottom:2px solid transparent;padding:var(--space-3) var(--space-4);font-weight:var(--font-weight-medium);transition:var(--transition-colors)}.nav-tabs .nav-link:hover{color:var(--color-text-primary);border-bottom-color:var(--color-border)}.nav-tabs:not(.header-main-nav) .nav-link.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:transparent}.header-main-nav .nav-link.active,.nav-tabs .nav-link.active[style*="background"]{color:var(--color-text-on-primary)!important}.pagination{gap:var(--space-1)}.page-link{padding:var(--space-2) var(--space-3);color:var(--color-text-primary);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);transition:var(--transition-colors)}.page-link:hover{background:var(--color-surface-secondary);border-color:var(--color-border);color:var(--color-text-primary)}.page-item.active .page-link{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-primary)}.page-item.disabled .page-link{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-tertiary)}.list-group{border-radius:var(--border-radius)}.list-group-item{padding:var(--space-3) var(--space-4);border-color:var(--color-border);color:var(--color-text-primary);background:var(--color-surface)}.list-group-item:first-child{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.list-group-item:last-child{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.list-group-item.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-primary)}.list-group-item-action:hover,.list-group-item-action:focus{background:var(--color-surface-secondary)}.spinner-border{color:var(--color-primary)}.spinner-border.text-primary{color:var(--color-primary)}.spinner-border.text-secondary{color:var(--color-text-secondary)}.breadcrumb{background:transparent;padding:0;margin-bottom:var(--space-4)}.breadcrumb-item{font-size:var(--font-size-sm)}.breadcrumb-item a{color:var(--color-primary);text-decoration:none}.breadcrumb-item a:hover{color:var(--color-primary-hover);text-decoration:underline}.breadcrumb-item.active{color:var(--color-text-secondary)}.breadcrumb-item + .breadcrumb-item::before{color:var(--color-text-tertiary)}body:not(.using-keyboard) *:focus{outline:none}@media (prefers-contrast:high){*:focus-visible{outline-width:3px;outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid currentColor;outline-offset:3px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}*:focus-visible{transition:outline 0.15s ease!important}}@media (max-width:768px){button,.btn,a[role="button"],input[type="checkbox"],input[type="radio"],.modern-switch{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}p a,span a,td a:not(.btn){min-width:auto;min-height:auto}}.modal.show{isolation:isolate}[aria-live="polite"],[aria-live="assertive"]{position:relative}.toast[role="alert"],.alert[role="alert"]{position:relative}button:disabled,input:disabled,select:disabled,textarea:disabled,[aria-disabled="true"]{cursor:not-allowed;opacity:0.6;pointer-events:none}button:disabled:focus,input:disabled:focus,select:disabled:focus,textarea:disabled:focus{outline:none;box-shadow:none}[aria-busy="true"]{position:relative;cursor:wait}.loading-spinner[role="status"]{position:relative}.error-message[role="alert"],[aria-invalid="true"] + .error-message{display:flex;align-items:center;gap:var(--space-1);color:var(--color-danger);font-size:var(--font-size-sm);margin-top:var(--space-1)}.error-message::before{content:"⚠";font-weight:var(--font-weight-bold)}[data-theme="dark"]{--focus-outline:2px solid rgba(96,165,250,0.8);--color-focus-ring:rgba(96,165,250,0.3)}[data-theme="dark"] *:focus-visible{outline-color:rgba(96,165,250,0.8);box-shadow:0 0 0 3px rgba(96,165,250,0.2)}.ds-alert{padding:var(--space-4)!important;border-radius:var(--border-radius)!important;border:none!important;border-left:var(--border-width-4) solid currentColor!important;margin-bottom:var(--space-4)!important;display:flex!important;align-items:flex-start!important;gap:var(--space-3)!important;position:relative;background-color:var(--color-surface)!important;box-shadow:var(--shadow-sm)!important}.ds-alert[style*="display: none"],.ds-alert.d-none,.ds-alert:empty{display:none!important}.ds-alert__icon{flex-shrink:0;font-size:var(--font-size-lg)}.ds-alert__content{flex:1}.ds-alert__title{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.ds-alert__message{color:var(--color-text-secondary)}.ds-alert__close{flex-shrink:0;background:none;border:none;cursor:pointer;padding:var(--space-2);color:var(--color-text-secondary);transition:var(--transition-colors);border-radius:var(--border-radius-sm)}.ds-alert__close:hover{background-color:var(--color-alert-hover);color:var(--color-text-primary)}.ds-alert--success{color:var(--color-success-dark)!important;border-color:var(--color-success)!important;background-color:var(--color-success-bg)!important}.ds-alert--danger{color:var(--color-danger-dark)!important;border-color:var(--color-danger)!important;background-color:var(--color-danger-bg)!important}.ds-alert--warning{color:var(--color-warning-dark)!important;border-color:var(--color-warning)!important;background-color:var(--color-warning-bg)!important}.ds-alert--info{color:var(--color-info-dark)!important;border-color:var(--color-info)!important;background-color:var(--color-info-bg)!important}.ds-alert--warning-gradient{background:linear-gradient(135deg,var(--color-warning-bg-gradient-start) 0%,var(--color-warning-bg-gradient-end) 100%);border-left-color:var(--color-warning);border-left-width:var(--space-1)}.ds-alert.fade-out{opacity:0;transform:translateY(-10px);transition:all 0.3s ease}.ds-alert-actions{margin-top:var(--space-4)}.ds-divider{height:var(--border-width);background:var(--color-border);border:none;margin:var(--space-4) 0}.ds-divider--strong{background:var(--color-border-strong)}.ds-divider--light{background:var(--color-border-light)}.ds-warning-box{background:linear-gradient(135deg,var(--color-warning-bg-gradient-start) 0%,var(--color-warning-bg-gradient-end) 100%);border-left:5px solid var(--color-warning-bright);border-radius:var(--border-radius);padding:var(--space-6);margin-top:var(--space-4);margin-bottom:var(--space-6);box-shadow:0 2px 12px rgba(255,152,0,0.15);display:flex;align-items:flex-start;gap:var(--space-4)}.ds-warning-box__icon{color:var(--color-warning-bright);font-size:var(--font-size-2xl);margin-top:2px;flex-shrink:0}.ds-warning-box__content{flex:1}.ds-warning-box h6{color:var(--color-warning-darker);font-weight:var(--font-weight-bold);margin:0 0 var(--space-3) 0;font-size:var(--font-size-base)}.ds-warning-box p{margin:0 0 var(--space-4) 0;color:var(--color-brown);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.ds-info-box{background:linear-gradient(135deg,var(--color-info-gradient-start) 0%,var(--color-info-gradient-end) 100%);border-left:var(--border-width-4) solid var(--color-cyan);border-radius:var(--border-radius);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-6);box-shadow:0 2px 8px rgba(2,132,199,0.1);display:flex;align-items:flex-start;gap:var(--space-3)}.ds-info-box__icon{color:var(--color-cyan);font-size:var(--font-size-xl);margin-top:var(--space-0-5);flex-shrink:0}.ds-info-box__content{flex:1}.ds-warning-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);margin-top:var(--space-3);border-radius:var(--border-radius);overflow:hidden}.ds-warning-table thead tr{background:rgba(255,152,0,0.15);border-bottom:2px solid var(--color-warning-bright)}.ds-warning-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-weight-bold);color:var(--color-warning-darker);font-size:var(--font-size-sm)}.ds-warning-table td{padding:var(--space-3) var(--space-4);color:var(--color-brown);vertical-align:top}.ds-warning-table tbody tr{border-bottom:var(--border-width) solid rgba(255,152,0,0.15);transition:background 0.2s ease}.ds-warning-table tbody tr:hover{background:rgba(255,152,0,0.05)}.ds-warning-table tbody tr:last-child{border-bottom:none}.ds-warning-table tbody tr.ds-warning-table__row--highlight{background:rgba(211,47,47,0.08)}.ds-warning-table tbody tr.ds-warning-table__row--highlight:hover{background:rgba(211,47,47,0.12)}.ds-notice{padding:var(--space-4);border-radius:var(--border-radius);background:var(--color-info-bg);border:1px solid var(--color-info-border);color:var(--color-info-dark);margin-bottom:var(--space-4)}.ds-notice--warning{background:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning-dark)}.ds-notice--success{background:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success-dark)}.ds-notice--danger{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger-dark)}#global-toast-container>div,#global-toast-container>div *,#global-toast-container>div span,#global-toast-container>div i{color:#ffffff!important}.ds-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--badge-padding-y) var(--badge-padding-x);font-size:var(--badge-font-size);font-weight:var(--font-weight-medium);line-height:var(--line-height-none);border-radius:var(--badge-border-radius);border:var(--border-width) solid transparent;white-space:nowrap}.ds-badge--success{background:var(--color-success-bg);color:var(--color-success-dark);border-color:var(--color-success-border)}.ds-badge--warning{background:var(--color-warning-bg);color:var(--color-warning-dark);border-color:var(--color-warning-border)}.ds-badge--danger{background:var(--color-danger-bg);color:var(--color-danger-dark);border-color:var(--color-danger-border)}.ds-badge--info{background:var(--color-info-bg);color:var(--color-info-dark);border-color:var(--color-info-border)}.ds-badge--neutral{background:var(--color-surface-secondary);color:var(--color-text-secondary);border-color:var(--color-border)}.ds-badge--primary{background:var(--color-primary);color:#ffffff;border-color:var(--color-primary)}.ds-badge--sm{padding:calc(var(--badge-padding-y) / 2) var(--badge-padding-x);font-size:0.625rem}.ds-badge--xs{padding:calc(var(--badge-padding-y) / 2) var(--badge-padding-x);font-size:var(--font-size-xs)}.ds-badge--lg{padding:var(--space-1-5) var(--space-3);font-size:var(--font-size-sm)}.ds-badge--inline{font-size:var(--font-size-xs);vertical-align:middle}.ds-badge-list-item{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface-secondary);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);margin-right:var(--space-2);margin-bottom:var(--space-2)}.ds-badge-remove-btn{background:none;border:none;color:var(--color-danger);cursor:pointer;padding:0;line-height:1}.ds-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--btn-padding-y) var(--btn-padding-x);min-height:var(--btn-height);font-size:var(--font-size-base);font-weight:var(--btn-font-weight);font-family:var(--font-family-base);line-height:var(--line-height-normal);text-decoration:none;text-align:center;white-space:nowrap;vertical-align:middle;border:var(--border-width) solid transparent;border-radius:var(--btn-border-radius);cursor:pointer;user-select:none;transition:all 150ms ease;gap:var(--space-2)}.ds-btn:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.ds-btn:disabled,.ds-btn.ds-btn--disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.ds-btn--primary{background:var(--color-primary);color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;border-color:var(--color-primary)}.ds-btn--primary i,.ds-btn--primary span{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}.ds-btn--primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.ds-btn--secondary{background:var(--color-gray-200,#e5e7eb);color:var(--color-text-primary);border-color:var(--color-gray-300,#d1d5db)}.ds-btn--secondary:hover:not(:disabled){background:var(--color-gray-300,#d1d5db);border-color:var(--color-gray-400,#9ca3af);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.ds-btn--outline{background:transparent;color:var(--color-text-primary);border-color:var(--color-border-strong)}.ds-btn--outline:hover:not(:disabled){background:var(--color-hover);color:var(--color-text-primary);border-color:var(--color-border-strong)}.ds-btn--ghost{background:transparent;color:var(--color-text-primary);border-color:transparent}.ds-btn--ghost:hover:not(:disabled){background:var(--color-hover);transform:translateY(-1px)}.ds-btn--inverse{background:color-mix(in srgb,var(--color-surface) 2%,transparent);color:#ffffff;border-color:rgba(255,255,255,0.3)}.ds-btn--inverse:hover:not(:disabled){background:color-mix(in srgb,var(--color-surface) 3%,transparent);color:#ffffff;transform:translateX(-2px)}.ds-btn--success{background:var(--color-success);color:#ffffff;border-color:var(--color-success)}.ds-btn--success:hover:not(:disabled){background:var(--color-success-dark);border-color:var(--color-success-dark);color:#ffffff}.ds-btn--danger{background:var(--color-danger);color:#ffffff;border-color:var(--color-danger)}.ds-btn--danger:hover:not(:disabled){background:var(--color-danger-dark);border-color:var(--color-danger-dark);color:#ffffff}.ds-btn--warning{background:var(--color-warning);color:#ffffff;border-color:var(--color-warning)}.ds-btn[aria-pressed="true"],.ds-btn.is-active,.ds-layout-toggle__btn[aria-pressed="true"],.ds-layout-toggle__btn.is-active{background-color:var(--color-primary)!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;border-color:var(--color-primary)!important}.ds-btn--primary[aria-pressed="true"],.ds-btn--primary.is-active{background-color:var(--color-primary)!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}.ds-btn--secondary[aria-pressed="true"],.ds-btn--secondary.is-active{background-color:var(--color-primary)!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;border-color:var(--color-primary)!important}.ds-btn--warning:hover:not(:disabled){background:var(--color-warning-dark);border-color:var(--color-warning-dark);color:#ffffff}.ds-btn--info{background:var(--color-info);color:#ffffff;border-color:var(--color-info)}.ds-btn--info:hover:not(:disabled){background:var(--color-info-dark);border-color:var(--color-info-dark);color:#ffffff}.ds-btn--outline-primary{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.ds-btn--outline-primary:hover:not(:disabled){background:var(--color-primary);color:#ffffff}[data-theme="dark"] .ds-btn--outline-primary,html[data-theme="dark"] .ds-btn--outline-primary{color:var(--color-info,#38bdf8);border-color:var(--color-info,#38bdf8)}[data-theme="dark"] .ds-btn--outline-primary i,html[data-theme="dark"] .ds-btn--outline-primary i{color:inherit}[data-theme="dark"] .ds-btn--outline-primary:hover:not(:disabled),html[data-theme="dark"] .ds-btn--outline-primary:hover:not(:disabled){background:var(--color-info,#38bdf8);border-color:var(--color-info,#38bdf8);color:#ffffff}.ds-btn--outline-success{background:transparent;color:var(--color-success);border-color:var(--color-success)}.ds-btn--outline-success:hover:not(:disabled){background:var(--color-success);color:#ffffff}.ds-btn--outline-danger{background:transparent;color:var(--color-danger);border-color:var(--color-danger)}.ds-btn--outline-danger:hover:not(:disabled){background:var(--color-danger);color:#ffffff}.btn-loading,.ds-btn--loading,button.btn-loading,a.btn-loading{position:relative;pointer-events:none;cursor:wait!important}.btn-loading:disabled,.ds-btn--loading:disabled{opacity:0.8}.btn-loading .spinner-border,.ds-btn--loading .spinner-border{width:1em;height:1em;border-width:0.15em;vertical-align:-0.125em}.btn-sm.btn-loading .spinner-border,.ds-btn--sm.btn-loading .spinner-border{width:0.875em;height:0.875em;border-width:0.12em}.btn-lg.btn-loading .spinner-border,.ds-btn--lg.btn-loading .spinner-border{width:1.25em;height:1.25em;border-width:0.18em}.btn-loading.btn-icon-only .spinner-border,.ds-btn--loading.ds-btn--icon .spinner-border{margin:0}.btn-loading{transition:none}.btn-primary.btn-loading,.ds-btn--primary.btn-loading{background-color:var(--color-primary);border-color:var(--color-primary)}.btn-secondary.btn-loading,.ds-btn--secondary.btn-loading{background-color:var(--bs-secondary,#6c757d);border-color:var(--bs-secondary,#6c757d)}.btn-success.btn-loading,.ds-btn--success.btn-loading{background-color:var(--color-success);border-color:var(--color-success)}.btn-danger.btn-loading,.ds-btn--danger.btn-loading{background-color:var(--color-danger);border-color:var(--color-danger)}.btn-warning.btn-loading,.ds-btn--warning.btn-loading{background-color:var(--color-warning);border-color:var(--color-warning)}.btn-info.btn-loading,.ds-btn--info.btn-loading{background-color:var(--color-info);border-color:var(--color-info)}.btn-outline-primary.btn-loading,.btn-outline-secondary.btn-loading,.btn-outline-success.btn-loading,.btn-outline-danger.btn-loading,.btn-outline-warning.btn-loading,.btn-outline-info.btn-loading{opacity:0.7}.ds-btn--outline-success:hover:not(:disabled){background:var(--color-success);color:#ffffff}.ds-btn--outline-danger{background:transparent;color:var(--color-danger);border-color:var(--color-danger)}.ds-btn--outline-danger:hover:not(:disabled){background:var(--color-danger);color:#ffffff}.ds-btn--outline-warning{background:transparent;color:var(--color-warning);border-color:var(--color-warning)}.ds-btn--outline-warning:hover:not(:disabled){background:var(--color-warning);color:#ffffff}.ds-btn--outline-info{background:transparent;color:var(--color-info);border-color:var(--color-info)}.ds-btn--outline-info:hover:not(:disabled){background:var(--color-info);color:#ffffff}.ds-btn--outline-secondary{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border)}.ds-btn--outline-secondary:hover:not(:disabled){background:var(--color-surface-secondary);color:var(--color-text-primary)}.ds-btn--link{background:transparent;color:var(--color-primary);border-color:transparent;padding:0;min-height:auto;text-decoration:underline}.ds-btn--link:hover:not(:disabled){color:var(--color-primary-hover);background:transparent;transform:none}.ds-btn--close{background:transparent;border:none;padding:var(--space-2);min-height:auto;color:var(--color-text-secondary);opacity:0.7}.ds-btn--close:hover:not(:disabled){background:var(--color-hover);opacity:1;transform:none}.ds-btn--sm{padding:calc(var(--btn-padding-y) - var(--space-1)) var(--space-3);font-size:var(--font-size-sm);min-height:var(--btn-height-sm)}.ds-btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--font-size-md);min-height:var(--btn-height-lg)}.ds-btn--xl{padding:var(--space-8) var(--space-4);font-size:var(--font-size-base);min-height:var(--btn-height-lg)}.ds-btn__icon{display:inline-flex;align-items:center}.ds-btn__icon--left{margin-right:var(--space-2)}.ds-btn__icon--right{margin-left:var(--space-2)}.ds-btn--block{display:flex;width:100%}.ds-btn--gradient-blue{background:linear-gradient(135deg,var(--color-info) 0%,var(--color-info-dark) 100%);border:none;color:#ffffff;border-radius:var(--border-radius);box-shadow:var(--shadow-info)}.ds-btn--gradient-orange{background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning-dark) 100%);border:none;color:#ffffff;border-radius:var(--border-radius);box-shadow:var(--shadow-warning)}.ds-btn--gradient-purple{background:linear-gradient(135deg,var(--color-purple) 0%,var(--color-purple-dark) 100%);border:none;color:#ffffff;border-radius:var(--border-radius);box-shadow:var(--shadow-purple)}.ds-btn--gradient-red{background:linear-gradient(135deg,var(--color-danger) 0%,var(--color-danger-dark) 100%);border:none;color:#ffffff;border-radius:var(--border-radius);box-shadow:var(--shadow-danger)}.ds-btn--cancel-light{background:var(--color-surface);border:var(--border-width-2) solid var(--color-border);color:var(--color-gray-700);border-radius:var(--border-radius);transition:all 0.2s}.ds-btn--clean-white{background:var(--color-surface);border:var(--border-width-2) solid var(--color-border);color:var(--color-gray-700);border-radius:var(--border-radius);transition:all 0.2s}.ds-btn-danger-outline{color:var(--color-danger);border-color:var(--color-danger)}@media (max-width:768px){.ds-btn{min-height:var(--btn-height-mobile)}.ds-btn--sm{min-height:var(--btn-height-mobile);padding:var(--btn-padding-y) var(--btn-padding-x)}}.ds-btn--xs{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);min-height:var(--space-8)}.ds-card{background:var(--card-bg,var(--color-card-bg,#ffffff));border:none;border-radius:var(--card-border-radius);box-shadow:var(--card-shadow);overflow:hidden;transition:box-shadow 200ms ease,transform 150ms ease,background-color 200ms ease}.ds-card:hover{box-shadow:var(--card-shadow-hover);background:var(--card-bg-hover,var(--color-card-bg-hover,var(--card-bg,#ffffff)))}.ds-card__header{padding:var(--card-padding);border-bottom:none;background:transparent;display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-4)}.ds-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;line-height:var(--line-height-tight)}.ds-card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--space-1) 0 0 0;line-height:var(--line-height-normal)}.ds-card__header-actions{display:flex;gap:var(--space-2);align-items:center}.ds-card__body{padding:var(--card-padding)}.ds-card__body--no-padding{padding:0}.ds-card__footer{padding:var(--card-padding);border-top:var(--border-width) solid var(--color-border-light);background:transparent;padding-top:var(--space-4)}.ds-card--flat{box-shadow:var(--shadow-none)}.ds-card--elevated{box-shadow:var(--shadow-md)}.ds-card--elevated:hover{box-shadow:var(--shadow-lg)}.ds-card--interactive{cursor:pointer;transition:all 200ms ease}.ds-card--interactive:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.ds-card--lg{border-radius:var(--border-radius-lg)}.ds-card--lg .ds-card__body{padding:var(--card-padding-lg)}.ds-card--bordered{border:var(--border-width-2) solid var(--color-border);box-shadow:var(--shadow-sm)}.ds-card--bordered:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.ds-card--accent{border-left:4px solid var(--color-primary);border-radius:0 var(--card-border-radius) var(--card-border-radius) 0}.ds-card--accent-success{border-left:4px solid var(--color-success);border-radius:0 var(--card-border-radius) var(--card-border-radius) 0}.ds-card--accent-warning{border-left:4px solid var(--color-warning);border-radius:0 var(--card-border-radius) var(--card-border-radius) 0}.ds-card--accent-danger{border-left:4px solid var(--color-danger);border-radius:0 var(--card-border-radius) var(--card-border-radius) 0}.ds-card--accent-info{border-left:4px solid var(--color-info);border-radius:0 var(--card-border-radius) var(--card-border-radius) 0}.ds-card--accent-top{border-top:4px solid var(--color-primary)}.ds-card--accent-top-success{border-top:4px solid var(--color-success)}.ds-card--accent-top-warning{border-top:4px solid var(--color-warning)}.ds-card--accent-top-danger{border-top:4px solid var(--color-danger)}.ds-card--gradient-header{padding:0!important}.ds-card--gradient-header .ds-card__header{background:linear-gradient(135deg,#1e3a8a 0%,#1e293b 100%)!important;color:#ffffff!important;padding:1.25rem 1.5rem!important;margin:0!important;border-radius:0.75rem 0.75rem 0 0!important}.ds-card--gradient-header .ds-card__header .ds-card__title{color:#ffffff!important}.ds-card--gradient-header .ds-card__header .ds-card__subtitle{color:rgba(255,255,255,0.85)!important}.ds-card--gradient-header .ds-card__body{padding:1.5rem!important}.ds-card--gradient-header .ds-card__footer{padding:1rem 1.5rem!important}.ds-card--stat{text-align:center;padding:1.5rem!important}.ds-card--stat .ds-card__icon{width:56px;height:56px;border-radius:9999px;background-color:var(--color-info-bg-lighter,#eff6ff);color:var(--color-info-dark,#2563eb);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:24px}.ds-card--stat .ds-card__icon i{color:inherit!important}.ds-card--stat .ds-card__icon--success{background-color:var(--color-success-bg,#ecfdf5);color:var(--color-success,#10b981)}.ds-card--stat .ds-card__icon--warning{background-color:var(--color-warning-bg-lighter,#fffbeb);color:var(--color-warning,#f59e0b)}.ds-card--stat .ds-card__icon--danger{background-color:var(--color-danger-bg,#fef2f2);color:var(--color-danger,#ef4444)}.ds-card--stat .ds-card__value{font-size:1.875rem;font-weight:700;color:var(--color-text-primary);line-height:1.2;margin-bottom:0.25rem}.ds-card--stat .ds-card__label{font-size:0.875rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:0.05em}.ds-card--stat .ds-card__trend{display:inline-flex;align-items:center;gap:0.25rem;font-size:0.875rem;font-weight:500;margin-top:0.5rem;padding:0.25rem 0.5rem;border-radius:9999px}.ds-card--stat .ds-card__trend--up{background-color:var(--color-success-bg,#ecfdf5);color:var(--color-success,#10b981)}.ds-card--stat .ds-card__trend--down{background-color:var(--color-danger-bg,#fef2f2);color:var(--color-danger,#ef4444)}.ds-card__header-icon{width:40px;height:40px;border-radius:var(--border-radius);background-color:var(--color-info-bg-lighter,#eff6ff);color:var(--color-info-dark,#2563eb);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.ds-card__header-icon i{color:inherit!important}.ds-card__header-icon--success{background-color:var(--color-success-bg,#ecfdf5);color:var(--color-success,#10b981)}.ds-card__header-icon--warning{background-color:var(--color-warning-bg-lighter,#fffbeb);color:var(--color-warning,#f59e0b)}.ds-card__header-icon--danger{background-color:var(--color-danger-bg,#fef2f2);color:var(--color-danger,#ef4444)}.ds-card__header-with-icon{display:flex;align-items:center;gap:var(--space-3)}.ds-card--hoverable{cursor:pointer;transition:all 200ms ease}.ds-card--hoverable:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px rgba(0,0,0,0.15)}.ds-card__media{width:100%;height:160px;background:var(--color-surface-secondary);overflow:hidden;margin:calc(-1 * var(--card-padding,var(--space-5)));margin-bottom:var(--space-4);border-radius:var(--card-border-radius) var(--card-border-radius) 0 0}.ds-card__media img{width:100%;height:100%;object-fit:cover}.ds-card__badge{position:absolute;top:var(--space-3);right:var(--space-3);padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full);background:var(--color-primary);color:#ffffff}.ds-card--has-badge{position:relative}.ds-card__toolbar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--card-padding);border-top:1px solid var(--color-border-light);background:var(--color-surface-secondary);margin:0 calc(-1 * var(--card-padding,var(--space-5)));margin-bottom:calc(-1 * var(--card-padding,var(--space-5)));border-radius:0 0 var(--card-border-radius) var(--card-border-radius)}.ds-card--compact .ds-card__header{padding:var(--space-3);padding-bottom:var(--space-2)}.ds-card--compact .ds-card__body{padding:var(--space-3)}.ds-card--compact .ds-card__footer{padding:var(--space-3);padding-top:var(--space-2)}.ds-setting-item--elevated{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-5);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);box-shadow:var(--shadow-sm);transition:all 0.2s ease}.ds-setting-item--elevated:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.ds-setting-item--elevated .ds-setting-info{flex:1}.ds-setting-item--elevated .ds-setting-info span{display:block;margin-bottom:var(--space-1)}*:focus{outline:none}*:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset);border-radius:var(--border-radius-sm)}button:focus-visible,.btn:focus-visible,.ds-btn:focus-visible,[role="button"]:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset);box-shadow:var(--shadow-focus)}.btn-primary:focus-visible,.ds-btn--primary:focus-visible{box-shadow:0 0 0 3px rgba(30,58,138,0.3)}.btn-secondary:focus-visible,.ds-btn--secondary:focus-visible{box-shadow:0 0 0 3px rgba(107,114,128,0.2)}.btn-danger:focus-visible{box-shadow:0 0 0 3px rgba(239,68,68,0.3)}.btn-success:focus-visible{box-shadow:0 0 0 3px rgba(16,185,129,0.3)}.btn-icon:focus-visible,button[class*="icon"]:focus-visible{outline:var(--focus-outline);outline-offset:2px;box-shadow:var(--shadow-focus)}input:focus-visible,select:focus-visible,textarea:focus-visible,.ds-form-input:focus-visible,.ds-form-textarea:focus-visible{border-color:var(--color-focus);box-shadow:var(--shadow-focus);outline:none}input.error:focus-visible,.ds-form-input.error:focus-visible{border-color:var(--color-danger);box-shadow:0 0 0 3px var(--form-focus-ring-danger)}input.success:focus-visible,.ds-form-input.success:focus-visible{border-color:var(--color-success);box-shadow:0 0 0 3px var(--form-focus-ring-success)}input[type="checkbox"]:focus-visible,input[type="radio"]:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;box-shadow:var(--shadow-focus)}input[type="file"]:focus-visible{outline:var(--focus-outline);outline-offset:2px}input[type="range"]:focus-visible{outline:var(--focus-outline);outline-offset:var(--space-1)}a:focus-visible{outline:var(--focus-outline);outline-offset:2px;border-radius:var(--border-radius-sm);text-decoration:underline}nav a:focus-visible,.nav-link:focus-visible,.settings-nav a:focus-visible{outline:var(--focus-outline);outline-offset:2px;background-color:var(--color-hover)}.sidebar a:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px;background-color:var(--color-hover)}[role="tab"]:focus-visible,.tab-btn:focus-visible,.nav-tabs .nav-link:focus-visible{outline:var(--focus-outline);outline-offset:-2px;z-index:var(--z-focus-state);box-shadow:var(--shadow-focus)}.modal-header .btn-close:focus-visible,.close:focus-visible{outline:var(--focus-outline);outline-offset:2px;box-shadow:var(--shadow-focus)}.dropdown-item:focus-visible{outline:var(--focus-outline);outline-offset:-2px;background-color:var(--color-hover)}tr[tabindex]:focus-visible,.items-table tr[tabindex]:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px;background-color:var(--color-hover)}.items-table button:focus-visible,.table button:focus-visible{outline:var(--focus-outline);outline-offset:2px;box-shadow:var(--shadow-focus)}.ds-card[tabindex]:focus-visible,.card[tabindex]:focus-visible,.day-card:focus-visible{outline:var(--focus-outline);outline-offset:2px;box-shadow:var(--shadow-md);transform:translateY(-2px)}.ds-toggle-switch input:focus-visible + .ds-toggle-slider,.modern-switch input:focus-visible + .switch-slider{box-shadow:0 0 0 3px var(--color-focus-ring);outline:2px solid var(--color-focus)}.accordion-toggle:focus-visible{outline:var(--focus-outline);outline-offset:2px;background-color:var(--color-hover);box-shadow:var(--shadow-focus)}input[type="color"]:focus-visible{outline:var(--focus-outline);outline-offset:2px;box-shadow:var(--shadow-focus)}.badge[tabindex]:focus-visible,.ds-badge[tabindex]:focus-visible{outline:var(--focus-outline);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:#ffffff;padding:var(--space-2) var(--space-4);text-decoration:none;border-radius:var(--border-radius);z-index:var(--z-notification);font-weight:var(--font-weight-semibold);transition:top var(--transition-fast)}.skip-link:focus{top:var(--space-2);outline:2px solid #ffffff;outline-offset:2px}.sr-only,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only-focusable:focus,.visually-hidden-focusable:focus{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}body.using-keyboard *:focus{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.ds-form-field{margin-bottom:var(--space-4)}.ds-form-group{margin-bottom:var(--space-4)}.ds-form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-2)}.ds-form-label--required::after{content:" *";color:var(--color-danger)}.ds-form-input,.ds-form-textarea{display:block;width:100%;padding:var(--space-2-5) var(--space-3);font-size:var(--font-size-base);font-family:inherit;line-height:1.5;color:var(--color-text-primary);background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out}.ds-form-input{height:var(--input-height)}.ds-form-input--compact,.project-filters-primary .ds-form-input,.customer-filters-primary .ds-form-input{height:var(--filter-field-height,32px);min-height:var(--filter-field-height,32px);max-height:var(--filter-field-height,32px);padding-top:4px;padding-bottom:4px;font-size:var(--font-size-sm)}.ds-form-input:focus,.ds-form-textarea:focus{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 var(--form-focus-ring-size) var(--form-focus-ring-primary)}.ds-form-input::placeholder,.ds-form-textarea::placeholder{color:var(--color-text-tertiary)}.ds-form-input:disabled,.ds-form-textarea:disabled{background-color:var(--color-surface-secondary);opacity:0.6;cursor:not-allowed}.ds-form-textarea{min-height:var(--textarea-min-height);resize:vertical}input[type="time"],input[type="time"].form-control,input[type="time"].ds-form-input{color:#1f2937!important;background-color:var(--color-surface)!important}input[type="time"]:focus,input[type="time"].form-control:focus,input[type="time"].ds-form-input:focus{color:#1f2937!important;background-color:var(--color-surface)!important}input[type="time"]::selection{background-color:#2563eb!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}input[type="time"]::-moz-selection{background-color:#2563eb!important;color:#ffffff!important}input[type="time"]::-webkit-datetime-edit,input[type="time"]::-webkit-datetime-edit-fields-wrapper,input[type="time"]::-webkit-datetime-edit-text{color:#1f2937!important;-webkit-text-fill-color:#1f2937!important}input[type="time"]::-webkit-datetime-edit-hour-field,input[type="time"]::-webkit-datetime-edit-minute-field,input[type="time"]::-webkit-datetime-edit-second-field,input[type="time"]::-webkit-datetime-edit-ampm-field{color:#1f2937!important;-webkit-text-fill-color:#1f2937!important;padding:2px 4px!important;border-radius:2px!important}input[type="time"]::-webkit-datetime-edit-hour-field:focus,input[type="time"]::-webkit-datetime-edit-minute-field:focus,input[type="time"]::-webkit-datetime-edit-second-field:focus,input[type="time"]::-webkit-datetime-edit-ampm-field:focus{background-color:#2563eb!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;text-shadow:0 0 0 #ffffff!important}input[type="time"]{caret-color:#1f2937}input[type="date"],input[type="date"].form-control,input[type="date"].ds-form-input{color:#1f2937!important;-webkit-text-fill-color:#1f2937!important;background-color:var(--color-surface)!important}input[type="date"]:focus,input[type="date"].form-control:focus,input[type="date"].ds-form-input:focus{color:#1f2937!important;-webkit-text-fill-color:#1f2937!important;background-color:var(--color-surface)!important}input[type="date"]::selection{background-color:#2563eb!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}input[type="date"]::-moz-selection{background-color:#2563eb!important;color:#ffffff!important}input[type="date"]::-webkit-datetime-edit,input[type="date"]::-webkit-datetime-edit-fields-wrapper,input[type="date"]::-webkit-datetime-edit-text{color:#1f2937!important;-webkit-text-fill-color:#1f2937!important}input[type="date"]::-webkit-datetime-edit-year-field,input[type="date"]::-webkit-datetime-edit-month-field,input[type="date"]::-webkit-datetime-edit-day-field{color:#1f2937!important;-webkit-text-fill-color:#1f2937!important;padding:2px 4px!important;border-radius:2px!important}input[type="date"]::-webkit-datetime-edit-year-field:focus,input[type="date"]::-webkit-datetime-edit-month-field:focus,input[type="date"]::-webkit-datetime-edit-day-field:focus{background-color:#2563eb!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;text-shadow:0 0 0 #ffffff!important}input[type="date"]{caret-color:#1f2937}.ds-form-select{display:block;width:100%;min-height:var(--input-height);padding:var(--space-2-5) 2.5rem var(--space-2-5) var(--space-3);font-size:var(--font-size-base);font-family:inherit;line-height:normal;color:var(--color-text-primary);background-color:var(--color-surface);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='%23495057' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 0.75rem center;background-size:12px 12px;border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);appearance:none;cursor:pointer;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out}.ds-form-select--compact,.project-filters-primary .ds-form-select,.customer-filters-primary .ds-form-select{height:var(--filter-field-height,32px);min-height:var(--filter-field-height,32px);max-height:var(--filter-field-height,32px);padding-top:4px;padding-bottom:4px;font-size:var(--font-size-sm)}.ds-form-select:focus{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 var(--form-focus-ring-size) var(--form-focus-ring-primary)}.ds-form-select:disabled{background-color:var(--color-surface-secondary);opacity:0.6;cursor:not-allowed}.ds-form-select option{background-color:var(--color-surface);color:var(--color-text-primary);padding:var(--space-2)}.ds-form-check{display:flex;align-items:center;min-height:var(--space-6);padding-left:0;margin-bottom:var(--space-3)}.ds-form-check__input{width:var(--space-4);height:var(--space-4);margin-right:var(--space-2);flex-shrink:0;border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-sm);appearance:none;background-color:var(--color-surface);cursor:pointer;transition:all 0.15s ease-in-out}.ds-form-check__input:checked{background-color:var(--color-primary);border-color:var(--color-primary);color:#ffffff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:100% 100%}.ds-form-check__input[type="radio"]{border-radius:var(--border-radius-full)}.ds-form-check__input[type="radio"]:checked{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='3' fill='%23ffffff'/%3e%3c/svg%3e")}.ds-form-check__input:focus{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 var(--form-focus-ring-size) var(--form-focus-ring-primary)}.ds-form-check__input:disabled{opacity:0.5;cursor:not-allowed}.ds-form-check__label{font-size:var(--font-size-base);color:var(--color-text-primary);cursor:pointer;user-select:none}.ds-form-check__input:disabled + .ds-form-check__label{opacity:0.5;cursor:not-allowed}.ds-checkbox-lg{width:var(--space-5);height:var(--space-5)}.ds-form-input--invalid,.ds-form-textarea--invalid{border-color:var(--color-danger)}.ds-form-input--invalid:focus,.ds-form-textarea--invalid:focus{border-color:var(--color-danger);box-shadow:0 0 0 var(--form-focus-ring-size) var(--form-focus-ring-danger)}.ds-form-input--valid,.ds-form-textarea--valid{border-color:var(--color-success)}.ds-form-input--valid:focus,.ds-form-textarea--valid:focus{border-color:var(--color-success);box-shadow:0 0 0 var(--form-focus-ring-size) var(--form-focus-ring-success)}.ds-form-input--error,.ds-form-textarea--error{border-color:var(--color-danger)}.pac-container{z-index:10000!important}.ds-toggle-setting{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface-secondary);border-radius:var(--border-radius);border:1px solid var(--color-border)}.ds-toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;cursor:pointer}.ds-toggle-switch input{opacity:0;width:0;height:0}.ds-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:0.2s;border-radius:24px}.ds-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;top:50%;transform:translateY(-50%);background-color:#ffffff!important;transition:0.2s;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,0.15)}.ds-toggle-switch input:checked + .ds-toggle-slider{background-color:#3b82f6}.ds-toggle-switch input:checked + .ds-toggle-slider:before{transform:translateX(20px) translateY(-50%)}.ds-toggle-switch input:focus + .ds-toggle-slider{box-shadow:0 0 0 2px var(--form-focus-ring-primary)}.ds-toggle-content{display:flex;flex-direction:column;gap:var(--space-1)}.ds-toggle-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:0.02em}.ds-toggle-description{font-size:var(--font-size-sm);color:var(--color-text-tertiary);line-height:1.4}.customer-filters-primary,.project-filters-primary{flex-wrap:wrap}@media (min-width:768px){.customer-filters-primary,.project-filters-primary{flex-wrap:nowrap}.customer-filters-primary .ds-form-input.ds-flex-1,.customer-filters-primary select.ds-form-input{flex:1 1 0;min-width:0}}.project-filters-primary .input-group-text,.customer-filters-primary .input-group-text{height:var(--filter-field-height,32px);min-height:var(--filter-field-height,32px);max-height:var(--filter-field-height,32px);padding-top:0;padding-bottom:0;display:flex;align-items:center}.project-filters-primary .ds-btn,.project-filters-primary .btn,.customer-filters-primary .ds-btn,.customer-filters-primary .btn{height:var(--filter-field-height,32px);min-height:var(--filter-field-height,32px);padding-top:0;padding-bottom:0}.ds-form-input--error:focus,.ds-form-textarea--error:focus{border-color:var(--color-danger);box-shadow:0 0 0 var(--form-focus-ring-size) var(--form-focus-ring-danger)}.ds-form-input--success,.ds-form-textarea--success{border-color:var(--color-success)}.ds-form-input--success:focus,.ds-form-textarea--success:focus{border-color:var(--color-success);box-shadow:0 0 0 var(--form-focus-ring-size) var(--form-focus-ring-success)}.ds-form-help{display:block;margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.ds-form-error{display:block;margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-danger)}.ds-form-helper{display:block;font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--space-1-5)}.ds-form-helper--error{color:var(--color-danger)}.ds-form-helper--success{color:var(--color-success)}.ds-form-helper-sm{color:var(--color-text-secondary);display:block;margin-top:var(--space-1);font-size:var(--font-size-sm)}.ds-form-input--sm{padding:var(--space-2) var(--space-2-5);font-size:var(--font-size-sm);height:var(--input-height-sm)}.ds-form-input--lg{padding:var(--space-3) var(--space-4);font-size:var(--font-size-lg);height:var(--input-height-lg)}.ds-input-group{display:flex;gap:0;position:relative}.ds-input-group__icon{display:flex;align-items:center;justify-content:center;padding:0 var(--space-3);background:var(--color-surface-secondary);border:var(--border-width) solid var(--color-border);border-right:none;border-radius:var(--border-radius) 0 0 var(--border-radius);color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.ds-input-group__icon + .ds-form-input{border-top-left-radius:0;border-bottom-left-radius:0}.ds-input-group>.ds-form-input{flex:1;border-top-right-radius:0;border-bottom-right-radius:0}.ds-input-group>.ds-btn{border-top-left-radius:0;border-bottom-left-radius:0}.ds-field-container-relative{position:relative}.ds-input-with-actions{display:flex;align-items:center;gap:var(--space-2);position:relative}.ds-input-with-actions input{flex:1;min-width:0}.ds-input-action-btn{flex-shrink:0;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--border-radius);transition:all 0.2s;display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8)}.ds-input-action-btn:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.ds-input-action-btn--primary{color:var(--color-primary)}.ds-input-action-btn--primary:hover{background:var(--color-primary-light);color:var(--color-primary-dark)}.ds-flex .ds-form-input,.ds-flex .ds-btn{height:var(--input-height);min-height:var(--input-height)}@media (max-width:768px){.ds-form-input{height:var(--input-height-mobile)}.ds-flex .ds-form-input,.ds-flex .ds-btn{height:var(--input-height-mobile);min-height:var(--input-height-mobile)}}.ds-profile-photo-wrapper{display:flex;align-items:flex-start;justify-content:flex-start}.ds-profile-photo-container{width:120px;height:120px;border-radius:var(--border-radius-lg);border:2px dashed var(--color-border);background:var(--color-surface-secondary);cursor:pointer;transition:all 0.2s ease;overflow:visible;position:relative}.ds-profile-photo-container:hover{border-color:var(--color-primary);background:var(--color-surface);transform:scale(1.02)}.ds-profile-photo-container:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(13,110,253,0.25)}.ds-profile-photo-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:var(--border-radius-lg)}.ds-profile-photo-icon{font-size:64px;color:var(--color-text-tertiary);transition:all 0.2s ease}.ds-profile-photo-container:hover .ds-profile-photo-icon{color:var(--color-primary);transform:scale(1.1)}.ds-profile-photo-img{width:100%;height:100%;object-fit:cover}.ds-profile-photo-delete-btn{position:absolute;top:-8px;right:-8px;width:var(--space-8);height:var(--space-8);border-radius:50%;background:var(--color-danger);color:var(--color-surface);border:3px solid white;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;z-index:10;outline:none;transition:all 0.2s ease;box-shadow:0 2px 8px rgba(0,0,0,0.15)}.ds-profile-photo-delete-btn:hover{background:var(--color-danger-dark);transform:scale(1.1)}.ds-profile-photo-delete-btn:focus{box-shadow:0 0 0 3px rgba(220,53,69,0.25)}@media (max-width:767px){.ds-table-container .ds-table,.table-responsive .ds-table{display:none}.mobile-card-view,.mobile-card-view--project{display:block}.ds-table-mobile-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.ds-table--force-mobile{display:table;font-size:var(--font-size-sm)}.ds-table--force-mobile th,.ds-table--force-mobile td{padding:var(--space-2) var(--space-2);font-size:var(--font-size-sm)}.ds-table th.ds-hide-mobile,.ds-table td.ds-hide-mobile{display:none}.ds-mobile-card__actions .ds-btn{flex:1;min-width:0;font-size:var(--font-size-sm)}}@media (min-width:768px){.mobile-card-view,.mobile-card-view--project{display:none}.ds-table-container .ds-table,.table-responsive .ds-table{display:table}}.ds-modal{position:fixed;inset:0;z-index:var(--z-modal,1050);display:none;align-items:center;justify-content:center;padding:var(--space-6);overflow-y:auto}.ds-modal[aria-hidden="false"]{display:flex!important}.ds-modal[aria-hidden="true"],.ds-modal[style*="display: none"]{display:none!important}.ds-modal.modal.show{display:flex!important}.ds-modal__dialog{max-width:600px;width:100%;margin:1.75rem auto;position:relative;z-index:var(--z-modal-dialog,1055)}.ds-modal__dialog--centered{display:flex;align-items:center;min-height:calc(100% - 3.5rem)}.ds-modal__dialog--lg{max-width:800px}.ds-modal__dialog--xl{max-width:1140px}.ds-modal__content{position:relative;display:flex;flex-direction:column;width:100%;background:var(--color-surface,#ffffff)!important;border-radius:var(--border-radius-lg,12px);box-shadow:var(--shadow-2xl,0 25px 50px -12px rgba(0,0,0,0.35));overflow:hidden}.ds-modal__overlay{position:fixed;inset:0;background:rgba(15,23,42,0.55);backdrop-filter:blur(2px)}.ds-modal__container{position:relative;z-index:var(--z-modal-dialog,1055);background:#ffffff!important;background-color:#ffffff!important;border-radius:var(--border-radius-lg,16px);box-shadow:var(--shadow-2xl,0 25px 50px -12px rgba(0,0,0,0.35));width:min(90vw,640px);max-height:90vh;display:flex;flex-direction:column}.ds-modal__header,.ds-modal__footer{padding:var(--space-5,1.5rem);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3,0.75rem);background:#ffffff!important;background-color:#ffffff!important}.ds-modal__header{border-bottom:var(--border-width) solid var(--color-border,#e2e8f0);background:#ffffff!important;background-color:#ffffff!important}.ds-modal__body{padding:var(--space-5,1.5rem);overflow-y:auto;background:#ffffff!important;background-color:#ffffff!important}html[data-theme="dark"] .ds-modal__container,html[data-theme="dark"] .ds-modal__header,html[data-theme="dark"] .ds-modal__body,html[data-theme="dark"] .ds-modal__footer{background:#1e293b!important;background-color:#1e293b!important}.modal-content{background:#ffffff!important;background-color:#ffffff!important}html[data-theme="dark"] .modal-content{background:#1e293b!important;background-color:#1e293b!important}.ds-modal__footer{border-top:var(--border-width) solid var(--color-border,#e2e8f0);justify-content:flex-end}.ds-modal__title{margin:0;font-size:var(--font-size-lg,1.125rem);font-weight:var(--font-weight-semibold,600);color:var(--color-text-primary,#0f172a)}.ds-modal__close{background:none;border:none;font-size:1.5rem;line-height:1;color:var(--color-text-secondary,#64748b);cursor:pointer}.ds-modal__close:hover{color:var(--color-text-primary,#0f172a)}.modal-backdrop{z-index:var(--z-modal-backdrop)!important}.modal{z-index:var(--z-modal)!important}.modal-dialog{z-index:var(--z-modal-dialog)}.modal-content{z-index:var(--z-modal-content)}.modal .select2-container--open,.modal .select2-dropdown{z-index:calc(var(--z-modal-content) + 10)!important}.modal .flatpickr-calendar{z-index:calc(var(--z-modal-content) + 10)!important}.modal--elevated{z-index:var(--z-modal-elevated,110000)!important}.modal-backdrop--elevated{z-index:var(--z-modal-elevated-backdrop,109999)!important}.economy-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);backdrop-filter:blur(2px);animation:fadeIn 0.2s ease-in-out}.modal-container{position:relative;background:var(--color-surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp 0.3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:var(--border-width) solid var(--color-border);position:sticky;top:0;background:var(--color-surface-secondary);z-index:var(--z-modal-sticky-header)}.modal-header .modal-title{color:var(--color-text-primary);font-size:18px;font-weight:var(--font-weight-semibold);margin:0}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.modal-close{background:transparent;border:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--border-radius);color:var(--color-text-secondary);transition:var(--transition-colors)}.modal-close:hover{background:var(--color-hover);color:var(--color-text-primary)}.modal-body{padding:var(--space-6);background:var(--color-surface)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-6);border-top:var(--border-width) solid var(--color-border);position:sticky;bottom:0;background:var(--color-surface)}.modal-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-1)}.form-label .required{color:var(--color-danger)}.ds-modal-header{padding:var(--space-6);border-bottom:var(--border-width) solid var(--color-border);display:flex;align-items:center;justify-content:space-between;background:var(--color-surface)}.ds-modal-header__title{display:flex;align-items:center;gap:var(--space-3);flex:1}.ds-modal-header__icon{color:var(--color-primary);font-size:var(--font-size-xl)}.ds-modal-title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.3}.ds-modal-close{background:var(--color-surface-secondary);border:none;width:36px;height:36px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);transition:all 0.2s ease;flex-shrink:0}.ds-modal-close:hover{background:var(--color-surface-tertiary);color:var(--color-text-primary);transform:scale(1.05)}.ds-modal-close i{font-size:var(--font-size-lg)}#confirmModal .modal-content{border:none;border-radius:var(--border-radius-lg);box-shadow:0 10px 40px rgba(0,0,0,0.15)}#confirmModal .modal-header{border-bottom:1px solid var(--color-border);padding:1.5rem 2rem;background:var(--color-surface)}[data-theme="dark"] #confirmModal .modal-header{background:var(--color-surface)}#confirmModal .modal-title{margin:0;font-weight:600;color:var(--color-text-primary)}#confirmModal .modal-title i{margin-right:0.5rem;color:var(--color-primary)}#confirmModal .modal-body{padding:2rem}#confirmModal .modal-body p{font-size:1rem;color:var(--color-text-primary);line-height:1.6}#confirmModal .modal-footer{border-top:1px solid var(--color-border);padding:1rem 2rem;background:var(--color-surface-secondary)}.ds-confirm-modal .ds-modal-content{border-radius:16px;border:none;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25),0 12px 24px -8px rgba(0,0,0,0.15);overflow:hidden}.ds-confirm-modal .ds-modal-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 1.5rem;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.ds-confirm-modal .ds-modal-header__icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,rgba(59,130,246,0.15) 0%,rgba(59,130,246,0.08) 100%);flex-shrink:0}.ds-confirm-modal .ds-modal-header__icon-wrapper i{font-size:1.25rem;color:var(--color-primary,#3b82f6)}.ds-confirm-modal.modal--success .ds-modal-header__icon-wrapper,.ds-confirm-modal .ds-modal-header__icon-wrapper.success{background:linear-gradient(135deg,rgba(34,197,94,0.15) 0%,rgba(34,197,94,0.08) 100%)}.ds-confirm-modal.modal--success .ds-modal-header__icon-wrapper i,.ds-confirm-modal .ds-modal-header__icon-wrapper.success i{color:var(--color-success,#22c55e)}.ds-confirm-modal.modal--error .ds-modal-header__icon-wrapper,.ds-confirm-modal .ds-modal-header__icon-wrapper.error{background:linear-gradient(135deg,rgba(239,68,68,0.15) 0%,rgba(239,68,68,0.08) 100%)}.ds-confirm-modal.modal--error .ds-modal-header__icon-wrapper i,.ds-confirm-modal .ds-modal-header__icon-wrapper.error i{color:var(--color-error,#ef4444)}.ds-confirm-modal.modal--warning .ds-modal-header__icon-wrapper,.ds-confirm-modal .ds-modal-header__icon-wrapper.warning{background:linear-gradient(135deg,rgba(245,158,11,0.15) 0%,rgba(245,158,11,0.08) 100%)}.ds-confirm-modal.modal--warning .ds-modal-header__icon-wrapper i,.ds-confirm-modal .ds-modal-header__icon-wrapper.warning i{color:var(--color-warning,#f59e0b)}.ds-confirm-modal .ds-modal-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary);flex:1}.ds-confirm-modal .ds-modal__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all 0.2s ease}.ds-confirm-modal .ds-modal__close:hover{background:var(--color-hover);color:var(--color-text-primary)}.ds-confirm-modal .ds-modal-body{padding:1.5rem;background:var(--color-surface)}.ds-confirm-modal .ds-modal-message{margin:0;font-size:1rem;line-height:1.6;color:var(--color-text-secondary)}.ds-confirm-modal .ds-modal-footer{display:flex;justify-content:flex-end;gap:0.75rem;padding:1rem 1.5rem;background:var(--color-surface-secondary,#f8fafc);border-top:1px solid var(--color-border)}.modal .form-label{font-weight:var(--font-weight-bold)}.form-input{border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-family:var(--font-family-base);color:var(--color-text-primary);background:var(--color-surface);transition:var(--transition-colors);min-height:var(--btn-height)}.form-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.form-input::placeholder{color:var(--color-text-tertiary)}.form-input[type="date"],.form-input[type="time"]{cursor:pointer}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.ds-modal-helper-text{color:var(--color-text-secondary);display:block;margin-top:0.25rem;font-size:var(--font-size-sm)}.ds-modal__content--elevated{border:none;border-radius:var(--space-3);box-shadow:0 10px 40px rgba(0,0,0,0.15)}.ds-modal__header--styled{border-bottom:1px solid var(--color-border);padding:var(--space-6) var(--space-8);background:var(--color-surface);border-radius:var(--space-3) var(--space-3) 0 0}.ds-modal__title--lg{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0;color:var(--color-text-primary)}.ds-modal__subtitle{margin:var(--space-1) 0 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.ds-modal__body--scrollable{padding:var(--space-8);max-height:70vh;overflow-y:auto;background:var(--color-surface,#ffffff)}.ds-modal__footer--styled{background:var(--color-surface-secondary);padding:var(--space-6) var(--space-8);border-top:1px solid var(--color-border)}.ds-modal-helper-text{color:var(--color-text-secondary)}.ds-modal-header--gradient-blue{background:linear-gradient(135deg,var(--color-info) 0%,var(--color-info-dark) 100%);border:none;padding:1.5rem 2rem}.ds-modal-header--gradient-orange{background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning-dark) 100%);border:none;padding:1.5rem 2rem}.ds-modal-header--gradient-purple{background:linear-gradient(135deg,var(--color-purple) 0%,var(--color-purple-dark) 100%);border:none;padding:1.5rem 2rem}.ds-modal-header--gradient-red{background:linear-gradient(135deg,var(--color-danger) 0%,var(--color-danger-dark) 100%);border:none;padding:1.5rem 2rem}.ds-modal-header--gradient-indigo{background:linear-gradient(135deg,var(--color-indigo) 0%,var(--color-indigo-dark) 100%);border:none;padding:1.5rem 2rem}.ds-modal-header--plain{border:none;padding:2rem 2rem 1rem}.ds-btn--gradient-blue{background:linear-gradient(135deg,var(--color-info) 0%,var(--color-info-dark) 100%);border:none;color:var(--color-surface);border-radius:var(--border-radius);box-shadow:0 4px 6px -1px rgba(59,130,246,0.3)}.ds-btn--gradient-orange{background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning-dark) 100%);border:none;color:var(--color-surface);border-radius:var(--border-radius);box-shadow:0 4px 6px -1px rgba(245,158,11,0.3)}.ds-btn--gradient-purple{background:linear-gradient(135deg,var(--color-purple) 0%,var(--color-purple-dark) 100%);border:none;color:var(--color-surface);border-radius:var(--border-radius);box-shadow:0 4px 6px -1px rgba(139,92,246,0.3)}.ds-btn--gradient-red{background:linear-gradient(135deg,var(--color-danger) 0%,var(--color-danger-dark) 100%);border:none;color:var(--color-surface);border-radius:var(--border-radius);box-shadow:0 4px 6px -1px rgba(239,68,68,0.3)}.ds-btn--cancel-light{background:var(--color-surface);border:var(--border-width-2) solid var(--color-border);color:var(--color-gray-700);border-radius:var(--border-radius);transition:all 0.2s}.ds-modal-warning-box{background:linear-gradient(135deg,var(--color-warning-bg) 0%,var(--color-warning-border) 100%);border-left:var(--border-width-4) solid var(--color-warning);padding:1rem 1.25rem;border-radius:var(--border-radius);margin-bottom:1.5rem}.ds-modal-warning-title{color:var(--color-warning-dark-brown);font-size:0.875rem;text-transform:uppercase;letter-spacing:0.05em}.ds-modal-warning-text{color:var(--color-warning-darkest);font-size:0.9375rem;margin:0}.ds-modal-confirm-text{color:var(--color-gray-700);font-size:0.9375rem;margin-bottom:1.5rem}.ds-modal-info-box{background:linear-gradient(135deg,var(--color-info-gradient-start) 0%,var(--color-info-gradient-end) 100%);border-left:var(--border-width-4) solid var(--color-info);padding:1rem 1.25rem;border-radius:var(--border-radius)}.ds-modal-info-icon{color:var(--color-blue-dark);margin-top:var(--space-0-5)}.ds-modal-info-text{color:var(--color-blue-darker);font-size:0.9375rem;line-height:1.5}.ds-modal-danger-box{background:linear-gradient(135deg,var(--color-danger-bg) 0%,var(--color-danger-border) 100%);border-left:var(--border-width-4) solid var(--color-danger);padding:1rem 1.25rem;border-radius:var(--border-radius);margin-bottom:1.5rem}.ds-modal-danger-icon{color:var(--color-danger-dark)}.ds-modal-danger-text{color:var(--color-danger-darkest);font-size:0.9375rem;margin:0}.ds-modal-loading-spinner{font-size:2rem;color:var(--color-indigo)}.ds-modal-footer--light{border:none;padding:1rem 2rem 1.5rem;background:var(--color-gray-50)}.ds-modal-title-custom{margin:0;font-size:1.25rem;color:var(--color-gray-900)}.ds-modal-archive-icon{color:var(--color-warning);font-size:1.5rem}.ds-modal-body--archive{padding:0 2rem 2rem}.ds-modal-employee-name{margin:0;font-weight:600;color:var(--color-gray-900);font-size:0.9375rem}.ds-modal-footer--archive{border:none;padding:0 2rem 2rem;gap:var(--space-3)}MODAL VARIANTS========================================*/ .ds-modal-content-tertiary{background:var(--color-surface-tertiary);border:var(--border-width) solid var(--color-border-strong)}.ds-modal-header-strong{border-bottom-color:var(--color-border-strong)}.ds-modal-footer-strong{border-top-color:var(--color-border-strong)}.ds-modal-header--gradient{background:var(--gradient-primary);color:#ffffff;border-bottom:none}.ds-modal-header--gradient .btn-close{filter:brightness(0) invert(1)}.ds-info-banner{background:linear-gradient(135deg,rgba(102,126,234,0.08) 0%,rgba(118,75,162,0.08) 100%);border-left:var(--border-width-4) solid var(--color-primary);padding:var(--space-4);border-radius:var(--border-radius);margin-bottom:var(--space-5)}.ds-quick-actions{background:var(--color-surface);padding:var(--space-3);border-radius:var(--border-radius);border:var(--border-width) solid var(--color-border);margin-top:var(--space-4)}.ds-modal-header--borderless{border-bottom:none;padding-bottom:0}.ds-modal-body--compact{padding-top:var(--space-2)}.ds-modal-body--scrollable{max-height:70vh;overflow-y:auto}.ds-modal-footer--borderless{border-top:none;padding-top:0}.ds-modal-success .modal-content{border:none;border-radius:var(--space-4);overflow:hidden;box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}.ds-modal-success .modal-header{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%);border:none;padding:1.5rem 2rem}.ds-modal-success .modal-title{margin:0}.ds-modal-success .modal-title i{font-size:1.25rem}.ds-modal-success .modal-body{padding:var(--space-8)}.ds-modal-success .modal-body p{font-size:1rem;color:var(--color-gray-700);line-height:1.6}.ds-modal-success .modal-footer{border:none;padding:1rem 2rem 1.5rem;justify-content:center;background:var(--color-gray-50)}.ds-modal-success .ds-btn--primary{background:linear-gradient(135deg,var(--color-info) 0%,var(--color-info-dark) 100%);border:none;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px rgba(59,130,246,0.3)}.ds-modal-error .modal-content{border:none;border-radius:var(--space-4);overflow:hidden;box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}.ds-modal-error .modal-header{background:linear-gradient(135deg,var(--color-danger) 0%,var(--color-danger-dark) 100%);border:none;padding:1.5rem 2rem}.ds-modal-error .modal-title{margin:0}.ds-modal-error .modal-title i{font-size:1.25rem}.ds-modal-error .modal-body{padding:var(--space-8)}.ds-modal-error .modal-body p{font-size:1rem;color:var(--color-gray-700);line-height:1.6}.ds-modal-error .modal-footer{border:none;padding:1rem 2rem 1.5rem;justify-content:center;background:var(--color-gray-50)}.ds-modal-error .ds-btn{background:var(--color-surface);border:var(--border-width-2) solid var(--color-border);color:var(--color-gray-700);border-radius:var(--border-radius)}.ds-modal-header--gradient-blue{background:linear-gradient(135deg,var(--color-info) 0%,var(--color-info-dark) 100%);border:none;padding:1.5rem 2rem}.ds-modal-header--gradient-orange{background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning-dark) 100%);border:none;padding:1.5rem 2rem}.ds-modal-header--gradient-purple{background:linear-gradient(135deg,var(--color-purple) 0%,var(--color-purple-dark) 100%);border:none;padding:1.5rem 2rem}.ds-modal-header--gradient-red{background:linear-gradient(135deg,var(--color-danger) 0%,var(--color-danger-dark) 100%);border:none;padding:1.5rem 2rem}.ds-modal-header--gradient-indigo{background:linear-gradient(135deg,var(--color-indigo) 0%,var(--color-indigo-dark) 100%);border:none;padding:1.5rem 2rem}.ds-modal-header--clean{border:none;padding:2rem 2rem 1rem}.ds-modal-title--clean{margin:0;font-size:1.25rem;color:var(--color-gray-900);font-weight:700}.ds-modal-icon--warning{color:var(--color-warning);font-size:1.5rem}.ds-modal-body--padded{padding:0 2rem 2rem}.ds-modal-footer--clean{border:none;padding:0 2rem 2rem;gap:var(--space-3)}.ds-modal-footer--gradient-bg{border:none;padding:1rem 2rem 1.5rem;background:var(--color-gray-50)}.ds-modal-loading-icon{font-size:2rem;color:var(--color-indigo)}.ds-modal-content--elevated{border:none;border-radius:var(--space-3);box-shadow:0 10px 40px rgba(0,0,0,0.15)}.ds-modal-header--standard{border-bottom:1px solid var(--color-border);padding:1.5rem 2rem;background:var(--color-surface);border-radius:var(--border-radius-lg) 12px 0 0}.ds-modal-title--standard{font-size:1.5rem;font-weight:600;margin:0;color:var(--color-text-primary)}.ds-modal-subtitle--standard{margin:0.25rem 0 0 0;font-size:0.875rem;color:var(--color-text-secondary)}.ds-modal-body--standard{padding:2rem;max-height:70vh;overflow-y:auto}.ds-modal-footer--secondary{background:var(--color-background-secondary);padding:1.5rem 2rem;border-top:1px solid var(--color-border)}.ds-transaction-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--space-3);font-size:0.75rem;font-weight:600}.ds-transaction-badge--accrual{background:var(--color-success-bg-alt);color:var(--color-green-dark)}.ds-transaction-badge--deduction{background:var(--color-danger-bg);color:var(--color-danger-darker)}.ds-transaction-badge--adjustment{background:var(--color-info-bg);color:var(--color-blue-darker)}.ds-transaction-badge--initial{background:var(--color-purple-bg);color:var(--color-purple-dark)}.ds-transaction-badge--default{background:var(--color-gray-100);color:var(--color-gray-700)}.ds-balance-card--positive{background:linear-gradient(135deg,var(--color-success-bg-alt) 0%,var(--color-success-border) 100%);border-radius:var(--border-radius-lg);padding:var(--space-6);border:2px solid var(--color-success)}.ds-balance-card--negative{background:linear-gradient(135deg,var(--color-danger-bg) 0%,var(--color-danger-border) 100%);border-radius:var(--border-radius-lg);padding:var(--space-6);border:2px solid var(--color-danger)}.ds-balance-icon--positive{color:var(--color-green-dark)}.ds-balance-icon--negative{color:var(--color-danger-darker)}.ds-balance-label--positive{font-size:var(--font-size-sm);font-weight:600;color:var(--color-green-dark);text-transform:uppercase;letter-spacing:0.05em}.ds-balance-label--negative{font-size:var(--font-size-sm);font-weight:600;color:var(--color-danger-darker);text-transform:uppercase;letter-spacing:0.05em}.ds-balance-value--positive{font-size:2rem;font-weight:700;color:var(--color-green-dark)}.ds-balance-value--negative{font-size:2rem;font-weight:700;color:var(--color-danger-darker)}.ds-border-top{border-top:1px solid var(--color-border)}.ds-hours-positive{color:var(--color-success)}.ds-hours-negative{color:var(--color-danger)}.start-time-wrapper{position:relative}.last-entry-tooltip{position:absolute;top:calc(100% + 8px);left:0;z-index:1050;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,0.15);padding:12px 14px;min-width:200px;font-size:0.85rem}.last-entry-tooltip::before{content:'';position:absolute;top:-6px;left:var(--space-4);width:var(--space-3);height:var(--space-3);background:var(--color-surface);border-left:1px solid var(--color-border);border-top:1px solid var(--color-border);transform:rotate(45deg)}.last-entry-header{font-weight:600;color:var(--color-text);margin-bottom:var(--space-2);padding-bottom:6px;border-bottom:1px solid var(--color-border-light)}.last-entry-time,.last-entry-project{color:var(--color-text-secondary);margin-bottom:var(--space-1);display:flex;align-items:center;gap:var(--space-2)}.last-entry-time i,.last-entry-project i{color:var(--color-primary);width:14px;text-align:center}.last-entry-no-entries{color:var(--color-text-muted);font-style:italic}.ds-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.ds-stats-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-6)}.ds-stats-card__icon{font-size:1.25rem}.ds-stats-card__icon--primary{color:var(--color-primary)}.ds-stats-card__icon--danger{color:var(--color-danger)}.ds-stats-card__heading{font-size:1.125rem;font-weight:600;color:var(--color-text);margin-bottom:1rem;margin-top:0.5rem}.ds-label-uppercase-sm{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:0.05em}.ds-text-2xl-bold{font-size:1.75rem;font-weight:700;color:var(--color-text)}.ds-transaction-cell--comment{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-transaction-cell--amount{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.ds-transaction-cell--date{white-space:nowrap}.ds-transaction-actions{display:flex;gap:0.25rem;justify-content:center;flex-wrap:nowrap}.ds-transaction-lock-icon{color:var(--color-warning)}.ds-btn-danger-outline{color:var(--color-danger)!important;border-color:var(--color-danger)!important}.ds-btn-danger-outline:hover{background:var(--color-danger-bg)!important}.ds-empty-state--dashed{text-align:center;padding:3rem 1.5rem;border:2px dashed var(--color-border);border-radius:var(--border-radius-lg);background:var(--color-gray-50)}.ds-empty-state__icon--inbox{font-size:2.5rem;color:var(--color-gray-300);margin-bottom:0.75rem}.ds-empty-state__title--lg{font-size:1.125rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:0.25rem}.ds-empty-state__subtitle--sm{font-size:var(--font-size-sm);color:var(--color-text-muted,var(--color-gray-400))}.ds-page-container{max-width:var(--container-max-width);margin:0 auto}.ds-page-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--color-info-gradient-start) 0%,var(--color-info-gradient-end) 100%);border-bottom:2px solid var(--color-border-strong);border-radius:var(--border-radius)}.ds-page-header__content{flex:1}.ds-page-header__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.ds-page-header__subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-top:var(--space-2);margin-bottom:0;line-height:var(--line-height-normal)}.ds-page-header__actions{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}@media (max-width:768px){.ds-page-header{flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:1rem}.ds-page-header__content{width:100%}.ds-page-header__title{font-size:var(--font-size-xl)}.ds-page-header__actions{width:100%;flex-wrap:wrap}.ds-page-header__actions .ds-btn,.ds-page-header__actions .btn{flex:1 1 auto;min-width:120px}}.ds-divider{height:var(--border-width);background:var(--color-border);border:none;margin:var(--space-4) 0}.ds-divider--strong{background:var(--color-border-strong)}.ds-divider--light{background:var(--color-border-light)}.ds-tab-nav{display:flex;gap:var(--space-2);border-bottom:var(--border-width) solid var(--color-border);padding:0;margin:0;list-style:none}.ds-tab-nav__item{margin:0;padding:0}.ds-tab-nav__link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);text-decoration:none;border-bottom:var(--border-width-2) solid transparent;transition:all var(--transition-base);font-weight:var(--font-weight-medium);white-space:nowrap}.ds-tab-nav__link:hover{color:var(--color-text-primary);background-color:var(--color-bg-subtle)}.ds-tab-nav__link.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.ds-tab-nav__icon{font-size:var(--font-size-lg)}.ds-tab-nav--vertical{flex-direction:column;border-bottom:none;border-right:var(--border-width) solid var(--color-border);gap:0}.ds-tab-nav--vertical .ds-tab-nav__link{border-bottom:none;border-left:var(--border-width-4) solid transparent;justify-content:flex-start}.ds-tab-nav--vertical .ds-tab-nav__link:hover{background-color:var(--color-bg-subtle)}.ds-tab-nav--vertical .ds-tab-nav__link.active{border-left-color:var(--color-primary);background-color:var(--color-primary-light);color:var(--color-primary)}.ds-list-group{display:flex;flex-direction:column;padding:0;margin:0;list-style:none;border-radius:var(--radius-md);background:var(--color-bg-primary);border:var(--border-width) solid var(--color-border)}.ds-list-group__item{margin:0;padding:0}.ds-list-group__link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);text-decoration:none;border-left:var(--border-width-4) solid transparent;transition:all var(--transition-base);border-bottom:var(--border-width) solid var(--color-border)}.ds-list-group__item:last-child .ds-list-group__link{border-bottom:none}.ds-list-group__link:hover{background-color:var(--color-bg-subtle);color:var(--color-text-primary)}.ds-list-group__link.active{background-color:var(--color-primary-light);border-left-color:var(--color-primary);color:var(--color-primary);font-weight:var(--font-weight-medium)}.ds-list-group__icon{font-size:var(--font-size-sm);width:var(--space-4)}@media only screen and (max-width:768px){.ds-page-header{margin-top:1.25rem;padding:1rem 1rem}}.layout-two-column{display:flex;gap:var(--space-6);min-height:calc(100vh - 97px - var(--space-6) * 2);align-items:flex-start}.layout-two-column__sidebar{position:sticky;top:var(--space-6);width:280px;flex-shrink:0;background:var(--color-surface-secondary);border-radius:var(--border-radius-lg);border:var(--border-width) solid var(--color-border);overflow-y:auto;max-height:calc(100vh - 97px - var(--space-6) * 2)}.layout-two-column__content{flex:1;min-width:0;background:var(--color-surface);border-radius:var(--border-radius-lg);border:var(--border-width) solid var(--color-border);overflow-y:auto;max-height:calc(100vh - 97px - var(--space-6) * 2)}@media (max-width:991px){.layout-two-column{flex-direction:column;gap:var(--space-4);min-height:auto}.layout-two-column__sidebar{position:static;width:100%;max-height:none}.layout-two-column__content{max-height:none}}body.settings-route .settings-container,body.workzone-route .settings-container{display:flex;gap:var(--space-6);min-height:calc(100vh - 97px - var(--space-6) * 2);align-items:flex-start;background:transparent}body.settings-route .settings-sidebar,body.workzone-route .settings-sidebar{position:sticky;top:var(--space-6);width:280px;flex-shrink:0;background:var(--color-surface-secondary);border-radius:var(--border-radius-lg);border:var(--border-width) solid var(--color-border);overflow-y:auto;max-height:calc(100vh - 97px - var(--space-6) * 2);padding:var(--space-6) 0 0 0;height:auto}body.settings-route .settings-content,body.workzone-route .settings-content{flex:1;min-width:0;background:var(--color-surface);border-radius:var(--border-radius-lg);border:var(--border-width) solid var(--color-border);overflow-y:auto;max-height:calc(100vh - 97px - var(--space-6) * 2);padding:var(--space-6)}body.settings-route .settings-page,body.workzone-route .settings-page{background:transparent}@media (max-width:991px){body.settings-route .settings-container,body.workzone-route .settings-container{flex-direction:column;gap:0;min-height:auto}body.settings-route .settings-sidebar,body.workzone-route .settings-sidebar{position:sticky;top:0;z-index:100;width:100%;max-height:none;padding:0;margin:0 0 var(--space-4) 0;background:var(--color-surface);border-radius:var(--border-radius);border:var(--border-width) solid var(--color-border);overflow:visible}body.settings-route .settings-nav,body.workzone-route .settings-nav{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:var(--space-1);padding:var(--space-2);margin:0}body.settings-route .settings-nav::-webkit-scrollbar,body.workzone-route .settings-nav::-webkit-scrollbar{height:4px}body.settings-route .settings-nav::-webkit-scrollbar-track,body.workzone-route .settings-nav::-webkit-scrollbar-track{background:transparent}body.settings-route .settings-nav::-webkit-scrollbar-thumb,body.workzone-route .settings-nav::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--border-radius)}body.settings-route .settings-nav li,body.workzone-route .settings-nav li{flex-shrink:0;border-bottom:none;border-right:none}body.settings-route .settings-nav a,body.workzone-route .settings-nav a{white-space:nowrap;padding:var(--space-2) var(--space-3);border-radius:var(--border-radius);font-size:var(--font-size-xs);display:flex;align-items:center;gap:var(--space-1)}body.settings-route .settings-nav a i,body.workzone-route .settings-nav a i{margin-right:var(--space-1);font-size:var(--font-size-sm)}body.settings-route .settings-nav a.active,body.workzone-route .settings-nav a.active{background-color:var(--color-primary);color:var(--color-text-inverse);border-left:none}body.settings-route .settings-nav a.active i,body.workzone-route .settings-nav a.active i{color:var(--color-text-inverse)}body.settings-route .settings-nav a:hover:not(.active),body.workzone-route .settings-nav a:hover:not(.active){background-color:var(--color-surface-secondary)}body.settings-route .settings-content,body.workzone-route .settings-content{max-height:none;width:100%;padding:var(--space-3)}}@media (max-width:576px){body.settings-route .settings-nav a,body.workzone-route .settings-nav a{padding:var(--space-2);font-size:0}body.settings-route .settings-nav a i,body.workzone-route .settings-nav a i{font-size:var(--font-size-base);margin-right:0}body.settings-route .settings-nav a.active,body.workzone-route .settings-nav a.active{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3)}body.settings-route .settings-nav a.active i,body.workzone-route .settings-nav a.active i{margin-right:var(--space-1)}}.ds-timeline{display:flex;flex-direction:column;gap:var(--space-4)}.ds-timeline__item{position:relative;padding-left:var(--space-6)}.ds-timeline__item::before{content:'';position:absolute;left:var(--space-2);top:var(--space-2);bottom:calc(-1 * var(--space-4));width:2px;background:var(--color-border)}.ds-timeline__item:last-child::before{display:none}.ds-timeline__marker{position:absolute;left:0;top:var(--space-1);width:var(--space-5);height:var(--space-5);border-radius:50%;background:var(--color-bg-primary);border:var(--border-width-2) solid var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);color:var(--color-primary)}.ds-timeline__content{background:var(--color-bg-primary);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.ds-timeline__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2)}.ds-timeline__title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.ds-timeline__meta{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:0}.ds-timeline__body{color:var(--color-text-secondary);margin:0}.ds-layout--two-col{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.ds-layout--two-col--equal{grid-template-columns:1fr}.ds-layout--two-col--sidebar-left{grid-template-columns:1fr}.ds-layout--two-col--sidebar-right{grid-template-columns:1fr}.ds-inline-actions{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.tab-content{display:none}.tab-content.active{display:block}.ds-project-tab{display:none}.ds-project-tab.active{display:block}.ds-info-box{background:var(--color-surface);padding:var(--space-3);border-radius:var(--border-radius);border:var(--border-width) solid var(--color-info-border);margin-top:var(--space-3)}.org-layout{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.org-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}.org-grid--2-cols{grid-template-columns:1fr}.ds-upload-form-layout{display:grid;grid-template-columns:1fr;gap:var(--space-6)}.ds-upload-form-layout__main{min-width:0}.ds-upload-form-layout__sidebar{min-width:0}.ds-upload-form-row{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.ds-upload-form-actions{display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border)}.placeholder-content{text-align:center;max-width:600px;margin:0 auto}.placeholder-icon{font-size:64px;color:var(--color-primary);margin-bottom:var(--space-5);opacity:0.8}.placeholder-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.placeholder-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:var(--line-height-relaxed)}.placeholder-preview{margin-top:var(--space-6)}.preview-mockup{background:var(--color-surface-secondary);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.mockup-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-4);border-bottom:var(--border-width) solid var(--color-border);margin-bottom:var(--space-4)}.mockup-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-2)}.mockup-title i{color:var(--color-primary)}.mockup-date{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.mockup-timeline{display:flex;flex-direction:column;gap:var(--space-3)}.timeline-slot{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);border-left:var(--border-width-4) solid var(--color-primary)}.slot-time{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);min-width:50px}.slot-label{font-size:var(--font-size-sm);color:var(--color-text-primary)}.mockup-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2)}.grid-day{padding:var(--space-3);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.mockup-calendar{margin-top:var(--space-3)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-2);margin-bottom:var(--space-2)}.weekday{padding:var(--space-2);text-align:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase}.chat-preview{text-align:left}.mockup-chat-area{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border-radius:var(--border-radius);min-height:200px}.mock-message{display:flex;gap:var(--space-3);align-items:flex-start}.mock-message-avatar{width:var(--space-8);height:var(--space-8);border-radius:var(--border-radius-full);background:var(--color-primary-light);display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0;font-size:var(--font-size-sm)}.mock-message-content{flex:1}.mock-message-author{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.mock-message-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.mockup-input-area{display:flex;gap:var(--space-2);padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border)}.mock-input{flex:1;border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);background:var(--color-surface-secondary);color:var(--color-text-tertiary)}.mock-send-btn{padding:var(--space-2) var(--space-4);background:var(--color-primary);color:var(--color-surface);border:none;border-radius:var(--border-radius);font-size:var(--font-size-sm);cursor:not-allowed;opacity:0.6}.calendar-tabs{margin-bottom:var(--space-6)}.calendar-tab-nav{display:flex;gap:var(--space-1);border-bottom:var(--border-width) solid var(--color-border);background:var(--color-surface);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;overflow-x:auto;padding:var(--space-2) var(--space-2) 0}.calendar-tab-btn{background:none;border:none;padding:var(--space-3) var(--space-5);min-height:var(--space-11);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);cursor:pointer;border-bottom:var(--border-width-4) solid transparent;transition:var(--transition-all);white-space:nowrap;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.calendar-tab-btn:hover{color:var(--color-primary);background-color:var(--color-hover)}.calendar-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background-color:var(--color-surface-secondary)}.calendar-tab-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.calendar-tab-content{display:none}.calendar-tab-content.active{display:block}.calendar-placeholder{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-8);min-height:500px;display:flex;align-items:center;justify-content:center}.ds-mobile-hidden{display:none!important}@media (min-width:768px){.ds-mobile-hidden{display:block!important}}.ds-mobile-only,.ds-mobile-visible{display:block!important}@media (min-width:768px){.ds-mobile-only,.ds-mobile-visible{display:none!important}}.ds-desktop-hidden{display:block!important}@media (min-width:768px){.ds-desktop-hidden{display:none!important}}.ds-desktop-only{display:none!important}@media (min-width:768px){.ds-desktop-only{display:block!important}}@media (min-width:768px){.ds-grid--md-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.ds-grid--md-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-grid--md-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-grid--md-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.ds-grid--md-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.ds-grid--md-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:992px){.ds-grid--lg-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.ds-grid--lg-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-grid--lg-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-grid--lg-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.ds-grid--lg-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.ds-grid--lg-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:768px){.ds-flex-md-row{flex-direction:row}.ds-flex-md-col{flex-direction:column}.ds-flex-md-wrap{flex-wrap:wrap}.ds-flex-md-nowrap{flex-wrap:nowrap}}@media (min-width:992px){.ds-flex-lg-row{flex-direction:row}.ds-flex-lg-col{flex-direction:column}.ds-flex-lg-wrap{flex-wrap:wrap}.ds-flex-lg-nowrap{flex-wrap:nowrap}}@media (min-width:768px){.ds-gap-md-0{gap:0}.ds-gap-md-1{gap:var(--space-1)}.ds-gap-md-2{gap:var(--space-2)}.ds-gap-md-3{gap:var(--space-3)}.ds-gap-md-4{gap:var(--space-4)}.ds-gap-md-5{gap:var(--space-5)}.ds-gap-md-6{gap:var(--space-6)}.ds-gap-md-8{gap:var(--space-8)}}@media (min-width:992px){.ds-gap-lg-0{gap:0}.ds-gap-lg-1{gap:var(--space-1)}.ds-gap-lg-2{gap:var(--space-2)}.ds-gap-lg-3{gap:var(--space-3)}.ds-gap-lg-4{gap:var(--space-4)}.ds-gap-lg-5{gap:var(--space-5)}.ds-gap-lg-6{gap:var(--space-6)}.ds-gap-lg-8{gap:var(--space-8)}}.ds-grid--cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.ds-grid--cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-grid--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-grid--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.ds-grid--cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.ds-col-span-1{grid-column:span 1 / span 1}.ds-col-span-2{grid-column:span 2 / span 2}.ds-col-span-3{grid-column:span 3 / span 3}.ds-col-span-4{grid-column:span 4 / span 4}.ds-col-span-5{grid-column:span 5 / span 5}.ds-col-span-6{grid-column:span 6 / span 6}.ds-col-span-full{grid-column:1 / -1}.ds-stack{display:flex;flex-direction:column}.ds-w-full{width:100%}.ds-max-w-xs{max-width:300px}.ds-max-w-sm{max-width:400px}.ds-max-w-md{max-width:500px}.ds-max-w-lg{max-width:600px}.ds-max-w-xl{max-width:800px}.ds-max-w-prose{max-width:var(--max-width-prose)}.ds-min-w-280{min-width:280px}.ds-min-h-screen{min-height:var(--min-height-screen)}.ds-overflow-x-auto{overflow-x:auto}.ds-hours-overview-section{background-color:var(--color-bg-subtle);border-radius:var(--border-radius-lg);padding:var(--space-6);margin-bottom:var(--space-8)}.ds-hours-summary-card{background-color:var(--color-bg);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-5);transition:transform 0.2s ease,box-shadow 0.2s ease}.ds-hours-summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.08)}.ds-schedule-section{margin-top:var(--space-6)}.ds-schedule-header-grid{display:grid;grid-template-columns:1.2fr 0.8fr 0.8fr 0.8fr 0.6fr 1.2fr 0.6fr 0.6fr 0.8fr;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-2) var(--space-3);margin-bottom:var(--space-2);align-items:center}.ds-employee-hours-row{display:grid;grid-template-columns:1.2fr 0.8fr 0.8fr 0.8fr 0.6fr 1.2fr 0.6fr 0.6fr 0.8fr;gap:var(--space-2);padding:var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);align-items:center;margin-bottom:var(--space-2)}.ds-flex-gap-4-mb-4{display:flex;gap:1rem;margin-bottom:1rem}.ds-flex-items-center-gap-2{display:flex;align-items:center;gap:0.5rem}.ds-relative{position:relative}.ds-absolute{position:absolute}.ds-fixed{position:fixed}.ds-sticky{position:sticky}.ds-grid-profile{grid-template-columns:var(--profile-grid-template);gap:var(--space-4)}.ds-max-w-form{max-width:var(--max-width-form)}.ds-w-10{width:10%}.ds-w-20{width:20%}.ds-w-25{width:25%}.header-container{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);background-color:var(--color-surface,#ffffff);border-bottom:var(--border-width) solid var(--color-border);box-shadow:var(--shadow-sm)}.header-top-row{display:flex;align-items:center;justify-content:flex-start;padding:var(--space-1-5) var(--space-5);background-color:var(--color-surface-secondary,#f9fafb);border-bottom:var(--border-width) solid var(--color-border);min-height:36px}.header-top-right{display:flex;align-items:center;gap:var(--space-4);margin-left:auto}.header-top-link{color:var(--color-text-primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:var(--transition-colors);white-space:nowrap}.header-top-link:hover{color:var(--color-primary)}.theme-toggle{display:flex;align-items:center;gap:var(--space-1-5);cursor:pointer}.theme-toggle i{transition:opacity 0.2s ease,transform 0.2s ease}.theme-toggle:hover i{transform:scale(1.1)}.notification-icon{position:relative;cursor:pointer;color:var(--color-text-secondary);transition:var(--transition-colors)}.notification-icon:hover{color:var(--color-primary)}.notification-badge{position:absolute;top:-6px;right:-6px;background-color:var(--color-danger-dark);color:#ffffff;border-radius:var(--border-radius-full);padding:var(--space-0-5) var(--space-1-5);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);min-width:var(--space-4);text-align:center;line-height:var(--line-height-tight)}.top-nav{background-color:var(--color-surface,#ffffff);height:var(--nav-height);display:flex;align-items:center;padding:0 var(--space-5)}.logo{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-right:var(--space-10);min-width:120px;display:flex;align-items:center}.logo i{font-size:var(--font-size-xl)}.logo-image{height:40px;width:auto;max-width:180px;object-fit:contain}.nav-tabs-wrapper{position:relative;flex-grow:1;display:flex;align-items:center;overflow:hidden;background-color:var(--color-surface)}.nav-tabs{border:none;margin:0;flex-grow:1;display:flex;flex-wrap:nowrap!important;gap:var(--space-1-5);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;position:relative;scroll-behavior:smooth;cursor:grab;background-color:var(--color-surface)}.nav-tabs::-webkit-scrollbar{display:none}.nav-tabs::before,.nav-tabs::after{content:'';position:absolute;top:0;bottom:0;width:60px;pointer-events:none;z-index:var(--z-sticky-local);opacity:0;transition:opacity 0.3s ease}.nav-tabs::before{left:0;background:linear-gradient(to right,var(--color-surface) 0%,color-mix(in srgb,var(--color-surface) 80%,transparent) 30%,transparent 100%)}.nav-tabs::after{right:0;background:linear-gradient(to left,var(--color-surface) 0%,color-mix(in srgb,var(--color-surface) 80%,transparent) 30%,transparent 100%)}.nav-tabs.can-scroll-left::before{opacity:1}.nav-tabs.can-scroll-right::after{opacity:1}.nav-tabs .nav-item{flex-shrink:0;position:relative;z-index:var(--z-base)}.nav-scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);width:var(--space-8);height:var(--space-8);background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-full);display:none;align-items:center;justify-content:center;cursor:pointer;z-index:var(--z-layer-11);color:var(--color-text-secondary);transition:var(--transition-all);box-shadow:var(--shadow-sm)}.nav-scroll-arrow:hover{background-color:var(--color-hover);color:var(--color-primary);box-shadow:var(--shadow-md)}.nav-scroll-arrow.left{left:var(--space-2)}.nav-scroll-arrow.right{right:var(--space-2)}.nav-scroll-arrow.visible{display:flex}.nav-tabs.dragging{cursor:grabbing!important;user-select:none}.nav-tabs .nav-link{border:none;background:none;color:var(--color-text-secondary);padding:var(--space-2) var(--space-4);border-radius:var(--border-radius);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);white-space:nowrap;transition:var(--transition-all);cursor:pointer}.header-main-nav .nav-link.active{background-color:var(--color-primary)!important;color:#ffffff!important;border:none;font-weight:var(--font-weight-semibold)}.nav-tabs .nav-link:hover:not(.active){background-color:var(--color-hover);color:var(--color-text-primary);border:none}.user-area{display:flex;align-items:center;gap:var(--space-5);color:var(--color-text-secondary);font-size:var(--font-size-sm);min-width:200px;justify-content:flex-end}.user-area i{font-size:var(--font-size-md);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.user-area i:hover{color:var(--color-primary)}.sidebar{position:fixed;top:96px;left:0;width:180px;height:calc(100vh - 96px);background-color:var(--color-background);border-right:var(--border-width) solid var(--color-border);padding:var(--space-4) 0;overflow-y:auto;display:none}.sidebar-nav{list-style:none;padding:0;margin:0}.sidebar-nav li{margin-bottom:var(--space-0-5)}.sidebar-nav a{display:flex;align-items:center;padding:var(--space-2) var(--space-4);text-decoration:none;color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:var(--transition-all);border-radius:var(--border-radius-sm);margin:0 var(--space-2)}.sidebar-nav a:hover{background-color:var(--color-hover)}.sidebar-nav a.active{background-color:var(--color-primary);color:#ffffff}.sidebar-nav a i{margin-right:var(--space-3);width:18px;font-size:var(--font-size-base)}.main-content{margin-left:0;margin-top:var(--shell-header-height,96px);padding:var(--space-6);background-color:var(--color-background);min-height:calc(100vh - var(--shell-header-height,96px))}.mobile-backdrop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:var(--z-overlay)}.mobile-backdrop.show{display:block}.view-toggle{display:flex;gap:6px;margin-top:var(--space-2)}.view-btn{border:var(--border-width) solid var(--color-border-strong);background:var(--color-surface);padding:var(--space-1) var(--space-2-5);border-radius:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-secondary);cursor:pointer;transition:all 0.2s ease}.view-btn.active{background:var(--color-primary);color:var(--color-surface);border-color:var(--color-primary)}.view-btn:hover:not(.active){background:var(--color-gray-100)}.status-badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:center}.status-badge.ready{background:var(--color-success-bg);color:var(--color-success-dark)}.status-badge.open{background:var(--color-info-bg);color:var(--color-info-dark)}.status-badge.normal{background:var(--color-gray-100);color:var(--color-text-secondary)}.btn-primary{background-color:var(--color-primary);border:var(--border-width) solid var(--color-primary);color:var(--color-surface);padding:var(--space-1-5) var(--space-3);border-radius:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all 0.2s ease}.btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-link{color:var(--color-text-secondary);border:none;background:none;padding:var(--space-0-5) var(--space-1);font-size:var(--font-size-xs)}.btn-link:hover{color:var(--color-primary)}.ds-m-0{margin:0}.ds-m-1{margin:var(--space-1)}.ds-m-2{margin:var(--space-2)}.ds-m-3{margin:var(--space-3)}.ds-m-4{margin:var(--space-4)}.ds-m-5{margin:var(--space-5)}.ds-m-6{margin:var(--space-6)}.ds-m-8{margin:var(--space-8)}.ds-m-10{margin:var(--space-10)}.ds-m-12{margin:var(--space-12)}.ds-m-16{margin:var(--space-16)}.ds-m-20{margin:var(--space-20)}.ds-m-24{margin:var(--space-24)}.ds-m-auto{margin:auto}.ds-mt-0{margin-top:0}.ds-mt-1{margin-top:var(--space-1)}.ds-mt-2{margin-top:var(--space-2)}.ds-mt-3{margin-top:var(--space-3)}.ds-mt-4{margin-top:var(--space-4)}.ds-mt-5{margin-top:var(--space-5)}.ds-mt-6{margin-top:var(--space-6)}.ds-mt-8{margin-top:var(--space-8)}.ds-mt-10{margin-top:var(--space-10)}.ds-mt-12{margin-top:var(--space-12)}.ds-mt-16{margin-top:var(--space-16)}.ds-mt-20{margin-top:var(--space-20)}.ds-mt-24{margin-top:var(--space-24)}.ds-mt-custom-6{margin-top:var(--space-6)}.ds-mb-0{margin-bottom:0}.ds-mb-1{margin-bottom:var(--space-1)}.ds-mb-2{margin-bottom:var(--space-2)}.ds-mb-3{margin-bottom:var(--space-3)}.ds-mb-4{margin-bottom:var(--space-4)}.ds-mb-5{margin-bottom:var(--space-5)}.ds-mb-6{margin-bottom:var(--space-6)}.ds-mb-7{margin-bottom:var(--space-7)}.ds-mb-8{margin-bottom:var(--space-8)}.ds-mb-10{margin-bottom:var(--space-10)}.ds-mb-12{margin-bottom:var(--space-12)}.ds-mb-16{margin-bottom:var(--space-16)}.ds-mb-20{margin-bottom:var(--space-20)}.ds-mb-24{margin-bottom:var(--space-24)}.ds-mr-0{margin-right:0}.ds-mr-1{margin-right:var(--space-1)}.ds-mr-2{margin-right:var(--space-2)}.ds-mr-3{margin-right:var(--space-3)}.ds-mr-4{margin-right:var(--space-4)}.ds-mr-5{margin-right:var(--space-5)}.ds-mr-6{margin-right:var(--space-6)}.ds-mr-8{margin-right:var(--space-8)}.ds-mr-10{margin-right:var(--space-10)}.ds-mr-12{margin-right:var(--space-12)}.ds-mr-16{margin-right:var(--space-16)}.ds-mr-20{margin-right:var(--space-20)}.ds-mr-24{margin-right:var(--space-24)}.ds-mr-auto{margin-right:auto}.ds-ml-0{margin-left:0}.ds-ml-1{margin-left:var(--space-1)}.ds-ml-2{margin-left:var(--space-2)}.ds-ml-3{margin-left:var(--space-3)}.ds-ml-4{margin-left:var(--space-4)}.ds-ml-5{margin-left:var(--space-5)}.ds-ml-6{margin-left:var(--space-6)}.ds-ml-8{margin-left:var(--space-8)}.ds-ml-10{margin-left:var(--space-10)}.ds-ml-12{margin-left:var(--space-12)}.ds-ml-16{margin-left:var(--space-16)}.ds-ml-20{margin-left:var(--space-20)}.ds-ml-24{margin-left:var(--space-24)}.ds-ml-auto{margin-left:auto}.ds-mx-0{margin-left:var(--space-0);margin-right:var(--space-0)}.ds-mx-1{margin-left:var(--space-1);margin-right:var(--space-1)}.ds-mx-2{margin-left:var(--space-2);margin-right:var(--space-2)}.ds-mx-3{margin-left:var(--space-3);margin-right:var(--space-3)}.ds-mx-4{margin-left:var(--space-4);margin-right:var(--space-4)}.ds-mx-5{margin-left:var(--space-5);margin-right:var(--space-5)}.ds-mx-6{margin-left:var(--space-6);margin-right:var(--space-6)}.ds-mx-8{margin-left:var(--space-8);margin-right:var(--space-8)}.ds-mx-10{margin-left:var(--space-10);margin-right:var(--space-10)}.ds-mx-12{margin-left:var(--space-12);margin-right:var(--space-12)}.ds-mx-16{margin-left:var(--space-16);margin-right:var(--space-16)}.ds-mx-20{margin-left:var(--space-20);margin-right:var(--space-20)}.ds-mx-24{margin-left:var(--space-24);margin-right:var(--space-24)}.ds-mx-auto{margin-left:auto;margin-right:auto}.ds-my-0{margin-top:0;margin-bottom:0}.ds-my-1{margin-top:var(--space-1);margin-bottom:var(--space-1)}.ds-my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.ds-my-3{margin-top:var(--space-3);margin-bottom:var(--space-3)}.ds-my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.ds-my-5{margin-top:var(--space-5);margin-bottom:var(--space-5)}.ds-my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.ds-my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.ds-my-10{margin-top:var(--space-10);margin-bottom:var(--space-10)}.ds-my-12{margin-top:var(--space-12);margin-bottom:var(--space-12)}.ds-my-16{margin-top:var(--space-16);margin-bottom:var(--space-16)}.ds-my-20{margin-top:var(--space-20);margin-bottom:var(--space-20)}.ds-my-24{margin-top:var(--space-24);margin-bottom:var(--space-24)}.ds-p-0{padding:0}.ds-p-1{padding:var(--space-1)}.ds-p-2{padding:var(--space-2)}.ds-p-3{padding:var(--space-3)}.ds-p-4{padding:var(--space-4)}.ds-p-5{padding:var(--space-5)}.ds-p-6{padding:var(--space-6)}.ds-p-8{padding:var(--space-8)}.ds-p-10{padding:var(--space-10)}.ds-p-12{padding:var(--space-12)}.ds-p-16{padding:var(--space-16)}.ds-p-20{padding:var(--space-20)}.ds-p-24{padding:var(--space-24)}.ds-pt-0{padding-top:var(--space-0)}.ds-pt-1{padding-top:var(--space-1)}.ds-pt-2{padding-top:var(--space-2)}.ds-pt-3{padding-top:var(--space-3)}.ds-pt-4{padding-top:var(--space-4)}.ds-pt-5{padding-top:var(--space-5)}.ds-pt-6{padding-top:var(--space-6)}.ds-pt-8{padding-top:var(--space-8)}.ds-pt-10{padding-top:var(--space-10)}.ds-pt-12{padding-top:var(--space-12)}.ds-pt-16{padding-top:var(--space-16)}.ds-pt-20{padding-top:var(--space-20)}.ds-pt-24{padding-top:var(--space-24)}.ds-pb-0{padding-bottom:var(--space-0)}.ds-pb-1{padding-bottom:var(--space-1)}.ds-pb-2{padding-bottom:var(--space-2)}.ds-pb-2-5{padding-bottom:var(--space-2-5)}.ds-pb-3{padding-bottom:var(--space-3)}.ds-pb-4{padding-bottom:var(--space-4)}.ds-pb-5{padding-bottom:var(--space-5)}.ds-pb-6{padding-bottom:var(--space-6)}.ds-pb-8{padding-bottom:var(--space-8)}.ds-pb-10{padding-bottom:var(--space-10)}.ds-pb-12{padding-bottom:var(--space-12)}.ds-pb-16{padding-bottom:var(--space-16)}.ds-pb-20{padding-bottom:var(--space-20)}.ds-pb-24{padding-bottom:var(--space-24)}.ds-pl-0{padding-left:var(--space-0)}.ds-pl-1{padding-left:var(--space-1)}.ds-pl-2{padding-left:var(--space-2)}.ds-pl-3{padding-left:var(--space-3)}.ds-pl-4{padding-left:var(--space-4)}.ds-pl-5{padding-left:var(--space-5)}.ds-pl-6{padding-left:var(--space-6)}.ds-pl-8{padding-left:var(--space-8)}.ds-pl-10{padding-left:var(--space-10)}.ds-pl-12{padding-left:var(--space-12)}.ds-pl-16{padding-left:var(--space-16)}.ds-pl-20{padding-left:var(--space-20)}.ds-pl-24{padding-left:var(--space-24)}.ds-pr-0{padding-right:var(--space-0)}.ds-pr-1{padding-right:var(--space-1)}.ds-pr-2{padding-right:var(--space-2)}.ds-pr-3{padding-right:var(--space-3)}.ds-pr-4{padding-right:var(--space-4)}.ds-pr-5{padding-right:var(--space-5)}.ds-pr-6{padding-right:var(--space-6)}.ds-pr-8{padding-right:var(--space-8)}.ds-pr-10{padding-right:var(--space-10)}.ds-pr-12{padding-right:var(--space-12)}.ds-pr-16{padding-right:var(--space-16)}.ds-pr-20{padding-right:var(--space-20)}.ds-pr-24{padding-right:var(--space-24)}.ds-px-0{padding-left:var(--space-0);padding-right:var(--space-0)}.ds-px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.ds-px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.ds-px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.ds-px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.ds-px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.ds-px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.ds-px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.ds-px-10{padding-left:var(--space-10);padding-right:var(--space-10)}.ds-px-12{padding-left:var(--space-12);padding-right:var(--space-12)}.ds-px-16{padding-left:var(--space-16);padding-right:var(--space-16)}.ds-px-20{padding-left:var(--space-20);padding-right:var(--space-20)}.ds-px-24{padding-left:var(--space-24);padding-right:var(--space-24)}.ds-py-0{padding-top:var(--space-0);padding-bottom:var(--space-0)}.ds-py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.ds-py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.ds-py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.ds-py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.ds-py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)}.ds-py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.ds-py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.ds-py-10{padding-top:var(--space-10);padding-bottom:var(--space-10)}.ds-py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.ds-py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}.ds-py-20{padding-top:var(--space-20);padding-bottom:var(--space-20)}.ds-py-24{padding-top:var(--space-24);padding-bottom:var(--space-24)}.ds-table{width:100%;border-collapse:collapse;background:var(--color-surface);font-size:var(--font-size-base)}.ds-table thead th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);background:transparent;border-bottom:2px solid var(--color-border)}.ds-table tbody td{padding:var(--space-4) var(--space-4);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light)}.ds-table tbody tr{transition:background-color 150ms ease}.ds-table tbody tr:hover{background:var(--color-hover);cursor:pointer}.ds-table tbody tr:last-child td{border-bottom:none}.ds-table-row--highlight{background:linear-gradient(to right,rgba(30,58,138,0.08),rgba(30,58,138,0.02));border-left:3px solid var(--color-primary)}.ds-table-row--highlight:hover{background:linear-gradient(to right,rgba(30,58,138,0.12),rgba(30,58,138,0.04))}.ds-table--bordered{border:var(--border-width) solid var(--table-border-color)}.ds-table--bordered td,.ds-table--bordered th{border:var(--border-width) solid var(--table-border-color)}.ds-table--striped tbody tr:nth-child(odd){background:var(--color-surface-secondary)}.ds-table--compact tbody td,.ds-table--compact thead th{padding:var(--space-2) var(--space-3)}.ds-table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.ds-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.ds-table-no-margin{margin-bottom:0}.ds-table-col-w-100{width:100px}.ds-table-col-w-120{width:120px}.ds-table-col-w-140{width:140px}.ds-table-col-w-150{width:150px}.ds-table-col-w-180{width:180px}.ds-transaction-cell--comment{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-transaction-cell--amount{text-align:right;font-weight:var(--font-weight-medium)}.ds-transaction-cell--date{font-size:0.875rem;color:var(--color-text-secondary)}.ds-transaction-actions{display:flex;gap:0.5rem;justify-content:center}.ds-transaction-lock-icon{color:var(--color-warning)}.ds-mobile-card{padding:var(--space-4);border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:background-color 150ms ease,transform 150ms ease;border-radius:var(--border-radius-sm)}.ds-mobile-card:hover{background:var(--color-hover);transform:translateX(4px)}.ds-mobile-card__link{text-decoration:none;color:inherit;display:block}.ds-mobile-card__link:hover{text-decoration:none;color:inherit}.ds-mobile-card:last-child{border-bottom:none}.ds-mobile-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2)}.ds-mobile-card__title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1);font-size:var(--font-size-base)}.ds-mobile-card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.ds-mobile-card__info{margin-top:var(--space-2)}.ds-mobile-card__info-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);margin-bottom:var(--space-1);color:var(--color-text-primary)}.ds-mobile-card__info-row:last-child{margin-bottom:0}.ds-mobile-card__icon{width:var(--space-4);text-align:center;color:var(--color-text-tertiary);flex-shrink:0}.ds-mobile-card__actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.ds-list{list-style:none;margin:0;padding:0}.ds-list__item{padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;align-items:center;transition:background-color 150ms ease,padding-left 150ms ease}.ds-list__item:first-child{padding-top:0}.ds-list__item:last-child{border-bottom:none;padding-bottom:0}.ds-list__item--clickable{cursor:pointer;border-radius:var(--border-radius-sm)}.ds-list__item--clickable:hover{background-color:var(--color-hover);padding-left:var(--space-2)}.ds-list__item-content{flex:1}.ds-list__item-title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0;font-size:var(--font-size-base)}.ds-list__item-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.ds-list__item-actions{display:flex;gap:var(--space-2);align-items:center}.ds-list-reset{list-style:none;margin:0;padding:0}.ds-cursor-grab{cursor:grab!important}.ds-cursor-grab:active{cursor:grabbing!important}.ds-cursor-pointer{cursor:pointer!important}i,svg,.fa,.fas,.far,.fal,.fab{color:inherit!important}.onboarding-fab-button,.onboarding-fab-button *,.onboarding-fab-button i,.onboarding-fab-button svg,.onboarding-fab-button .fa,.onboarding-fab-button .fas,.onboarding-fab-button span,.onboarding-panel-header,.onboarding-panel-header *,.onboarding-panel-header i,.onboarding-panel-header svg,.onboarding-panel-header .fa,.onboarding-panel-header .fas,.onboarding-panel-header h3,.onboarding-panel-header span,.onboarding-panel-title,.onboarding-panel-title *,.onboarding-panel-title i,.onboarding-panel-title svg,.onboarding-panel-title .fa,.onboarding-panel-title .fas,.onboarding-panel-title span,.onboarding-panel-close,.onboarding-panel-close i,.onboarding-panel-close .fa,.onboarding-panel-close .fas,.onboarding-item-action,.onboarding-item-action *,.onboarding-item-action i,.onboarding-item-action svg,.onboarding-item-action .fa,.onboarding-item-action .fas,.onboarding-item-action span{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;fill:#ffffff!important}.fab-main,.fab-main i,.fab-main svg,.fab-main .fa,.fab-main .fas,.fab-main .fab-icon,.fab-main .fab-icon-close{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;fill:#ffffff!important}.fab-item{background-color:var(--color-surface)!important;background:var(--color-surface)!important;color:var(--color-text-secondary)!important;-webkit-text-fill-color:var(--color-text-secondary)!important;border:1px solid var(--color-border)!important;box-shadow:var(--shadow-md)!important}.fab-item:hover{background-color:var(--color-surface-secondary)!important;background:var(--color-surface-secondary)!important}.fab-item i,.fab-item .fa,.fab-item .fas{color:var(--color-info)!important;-webkit-text-fill-color:var(--color-info)!important}.fab-item .fab-label,.fab-item span{color:var(--color-text-primary)!important;-webkit-text-fill-color:var(--color-text-primary)!important}@media (max-width:768px){.mobile-menu-btn i,.mobile-menu-btn .fa,.mobile-menu-btn .fas{color:var(--color-text-primary)!important}.notification-icon i,.notification-icon .fa,.notification-icon .fas{color:var(--color-text-primary)!important}.header-top-link i,.header-top-link .fa,.header-top-link .fas{color:var(--color-text-primary)!important}.mobile-card__quick-btn i,.mobile-card__quick-btn .fa,.mobile-card__quick-btn .fas{color:#6b7280!important}.sidebar-nav a i,.sidebar-nav a .fa,.sidebar-nav a .fas{color:var(--color-text-primary)!important}.sidebar-nav a.active i,.sidebar-nav a.active .fa,.sidebar-nav a.active .fas{color:#ffffff!important}.mobile-card__quick-btn:hover i,.mobile-card__quick-btn:focus i{color:#ffffff!important}}.fa{font-family:"Font Awesome 6 Free"!important;font-weight:900!important}.fas,.fa-solid{font-family:"Font Awesome 6 Free"!important;font-weight:900!important}.far,.fa-regular{font-family:"Font Awesome 6 Free"!important;font-weight:400!important}.fab,.fa-brands{font-family:"Font Awesome 6 Brands"!important;font-weight:400!important}.fal,.fa-light{font-family:"Font Awesome 6 Free"!important;font-weight:900!important}.fa,.fas,.far,.fal,.fab,.fa-solid,.fa-regular,.fa-brands{font-style:normal!important;font-variant:normal!important;text-rendering:auto!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;display:inline-block!important;line-height:1!important;speak:never!important}.ds-btn,.project-view-btn,.alphabet-btn{border-radius:var(--border-radius)!important}.form-select,.form-control{border-radius:var(--border-radius)}.card,.ds-card,.ds-page-header,.ds-project-tabs-container,.ds-project-tabs-mobile,.ds-table-container,.project-filters-primary,.bulk-action-toolbar{border-radius:var(--border-radius)}.ds-project-sidebar,.ds-sidebar,.sidebar,.sa-sidebar,.workzone-sidebar,.ds-dashboard-sidebar,.ds-project-calendar-sidebar,.chat-sidebar,.settings-sidebar,.ds-upload-form-layout__sidebar{border-radius:var(--border-radius-lg)!important}.alphabet-filter .alphabet-btn{border-radius:var(--border-radius)!important}.project-filters-primary,.alphabet-filter-wrapper,.view-toggle-wrapper{margin-bottom:1.5rem}.alphabet-filter-wrapper{width:100%}.alphabet-filter-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.alphabet-filter{display:flex;justify-content:space-between;gap:var(--space-1);width:100%}.alphabet-filter .alphabet-btn{flex:1 1 0;min-width:0;padding:var(--space-2) var(--space-1);text-align:center}@media (max-width:768px){.alphabet-filter-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.alphabet-filter-container::-webkit-scrollbar{display:none}.alphabet-filter{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:var(--space-1,0.25rem);min-width:max-content;width:max-content}.alphabet-filter .alphabet-btn{min-width:36px!important;min-height:44px!important;padding:var(--space-2,0.5rem) var(--space-1-5,0.375rem)!important;font-size:var(--font-size-sm,0.875rem)!important;flex-shrink:0!important;flex-grow:0!important}}#advancedFilters .card{border-radius:var(--border-radius);border:1px solid var(--color-border);box-shadow:none}.project-view-toggle-container{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);width:100%}.project-view-toggle-left{display:flex;gap:var(--space-2);align-items:center}.project-view-toggle-right{display:flex;gap:var(--space-2);align-items:center}@media (max-width:768px){.project-view-toggle-container{flex-direction:column;gap:var(--space-2)}.project-view-toggle-left,.project-view-toggle-right{width:100%}.project-view-toggle-left .ds-btn,.project-view-toggle-right .ds-btn{flex:1}}@media (max-width:768px){.ds-table-container,.project-filters-primary{border-radius:0!important}}.ds-flex{display:flex}.ds-inline-flex{display:inline-flex}.ds-grid{display:grid}.ds-block{display:block}.ds-inline-block{display:inline-block}.ds-hidden{display:none!important}.ds-flex-row{flex-direction:row}.ds-flex-col{flex-direction:column}.ds-items-center{align-items:center}.ds-items-start{align-items:flex-start}.ds-items-end{align-items:flex-end}.ds-justify-center{justify-content:center}.ds-justify-between{justify-content:space-between}.ds-justify-end{justify-content:flex-end}.ds-justify-start{justify-content:flex-start}.ds-flex-wrap{flex-wrap:wrap}.ds-flex-nowrap{flex-wrap:nowrap}.ds-flex-1{flex:1}.ds-flex-2{flex:2}.ds-gap-0{gap:0}.ds-gap-1{gap:var(--space-1)}.ds-gap-2{gap:var(--space-2)}.ds-gap-3{gap:var(--space-3)}.ds-gap-4{gap:var(--space-4)}.ds-gap-5{gap:var(--space-5)}.ds-gap-6{gap:var(--space-6)}.ds-gap-8{gap:var(--space-8)}.ds-gap-10{gap:var(--space-10)}.ds-gap-12{gap:var(--space-12)}.ds-gap-16{gap:var(--space-16)}.ds-gap-20{gap:var(--space-20)}.ds-gap-24{gap:var(--space-24)}.ds-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-16) var(--space-8);min-height:400px}.ds-empty-state__icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-secondary);border-radius:50%;margin-bottom:var(--space-5)}.ds-empty-state__icon i{font-size:36px;color:var(--color-text-tertiary)}.ds-empty-state__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.ds-empty-state__message{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--space-6) 0;max-width:400px}.ds-empty-state__actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.ds-flex-shrink-0{flex-shrink:0}.ds-min-w-0{min-width:0}.ds-min-w-40{min-width:40px}.ds-w-auto{width:auto}.ds-w-full{width:100%}.ds-max-w-sm{max-width:320px}.ds-max-w-md{max-width:500px}.ds-max-w-lg{max-width:700px}.ds-min-h-screen{min-height:100vh}.ds-min-h-screen-minus-header{min-height:calc(100vh - 200px)}.ds-cursor-pointer{cursor:pointer}.ds-cursor-not-allowed{cursor:not-allowed}.ds-whitespace-nowrap{white-space:nowrap}.ds-whitespace-pre-wrap{white-space:pre-wrap}.ds-whitespace-pre-line{white-space:pre-line}.ds-leading-tight{line-height:1.2}.ds-text-2xs{font-size:0.625rem}.ds-text-inherit{color:inherit;text-decoration:none}.ds-text-primary{color:var(--color-text-primary)}.ds-text-secondary{color:var(--color-text-secondary)}.ds-text-tertiary{color:var(--color-text-tertiary)}.ds-text-muted{color:var(--color-text-muted,#9ca3af)}.ds-text-inverse{color:var(--color-text-inverse)}.ds-icon-sm{font-size:1rem}.ds-icon-md{font-size:1.5rem}.ds-icon-lg{font-size:2rem}.ds-icon-xl{font-size:2.5rem}.ds-icon-2xl{font-size:2.75rem}.ds-icon-3xl{font-size:3rem}.ds-required{color:var(--color-danger)}.ds-welcome-message{margin-bottom:var(--space-6);padding:var(--space-4);background:var(--color-info-bg);border-radius:var(--border-radius);border-left:4px solid var(--color-info)}.ds-welcome-message p{margin:0;color:var(--color-text-primary)}.ds-welcome-message__subtitle{color:var(--color-text-secondary)}.ds-requirements-box{margin-bottom:var(--space-5);padding:var(--space-3);background:var(--color-surface-secondary);border-radius:var(--border-radius);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.ds-requirements-box strong{color:var(--color-text-primary)}.ds-requirements-box ul{margin:var(--space-2) 0 0 0;padding-left:var(--space-5)}.ds-border-top{border-top:1px solid var(--color-border)}.ds-border-bottom{border-bottom:1px solid var(--color-border)}.ds-border-light{border:1px solid var(--color-border-light)}.ds-disabled{pointer-events:none;opacity:0.5}.crm-mobile-row{padding:3px 0;min-height:var(--space-8)}.crm-mobile-row-sm{padding:3px 0}.crm-mobile-icon{width:1rem;text-align:center}.crm-status-border{border-left:4px solid var(--color-text-tertiary)}.crm-status-border--customer{border-left-color:var(--color-success)}.crm-status-border--lead{border-left-color:var(--color-warning)}.crm-status-border--prospect{border-left-color:var(--color-info)}.crm-status-border--inactive{border-left-color:var(--color-text-tertiary)}.company-suggestion-item{cursor:pointer;border-bottom:1px solid var(--color-border-light)}.company-suggestion-item:hover{background-color:var(--color-surface-secondary)}.company-suggestion-item:last-child{border-bottom:none}.ds-legend-toggle{width:100%;padding:0.75rem 1rem;background:var(--color-surface);border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color 0.2s}.ds-legend-toggle:hover{background-color:var(--color-hover,#f5f5f5)}.ds-legend-toggle-icon{color:var(--color-text-secondary);transition:transform 0.3s ease}.ds-calendar-legend.ds-legend-expanded .ds-legend-toggle-icon{transform:rotate(180deg)}.ds-legend-content{max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease;padding:0 1rem}.ds-calendar-legend.ds-legend-expanded .ds-legend-content{max-height:500px;padding:0 1rem 0.75rem 1rem}.ds-legend-items{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;padding-top:0.5rem;border-top:1px solid var(--color-border,#e5e7eb)}@media (min-width:769px){.ds-calendar-legend--collapsible .ds-legend-toggle{display:none}.ds-calendar-legend--collapsible .ds-legend-content{max-height:none;padding:0.75rem 1rem;overflow:visible}.ds-calendar-legend--collapsible .ds-legend-items{border-top:none;padding-top:0}.ds-calendar-legend--collapsible .ds-legend-items::before{content:'Legend:';font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:0.5rem}}@media (max-width:768px){.ds-calendar-legend--collapsible .ds-legend-content{max-height:0;padding:0 1rem}.ds-calendar-legend--collapsible.ds-legend-expanded .ds-legend-content{max-height:500px;padding:0 1rem 0.75rem 1rem}}@media (max-width:768px){.ds-calendar-view-controls{flex-direction:column!important;align-items:stretch!important;gap:var(--space-3)!important;padding:0.75rem!important}.ds-calendar-view-buttons{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:0.5rem!important;padding-bottom:0.25rem;scrollbar-width:none}.ds-calendar-view-buttons::-webkit-scrollbar{display:none}.ds-calendar-view-buttons .ds-btn{flex-shrink:0;min-width:auto;white-space:nowrap}.ds-calendar-action-buttons{display:flex;gap:0.5rem!important}.ds-calendar-action-buttons .ds-btn{flex:1;justify-content:center;min-height:44px}.ds-calendar-filter-buttons{display:flex;gap:0.5rem!important}.ds-calendar-filter-buttons .ds-btn{flex:1;justify-content:center;min-height:44px}#organization-schedule-calendar-container{margin:0 -0.75rem!important;padding:var(--space-2)!important;border-radius:0!important;width:calc(100% + 1.5rem)!important}.ds-schedule-filters{margin:0 -0.75rem 1rem -0.75rem!important;border-radius:0!important;width:calc(100% + 1.5rem)!important}.ds-filters-toggle{min-height:44px}.ds-calendar-legend{margin-left:-0.75rem!important;margin-right:-0.75rem!important;border-radius:0!important;width:calc(100% + 1.5rem)!important}}@media (max-width:768px){#organization-schedule-calendar-container .fc-header-toolbar,.fc-header-toolbar.fc-toolbar{flex-wrap:wrap!important;gap:var(--space-3)!important;justify-content:center!important;padding:var(--space-2) 0!important}#organization-schedule-calendar-container .fc-toolbar-chunk,.fc-header-toolbar .fc-toolbar-chunk{display:flex!important;justify-content:center!important;align-items:center!important;gap:0.5rem!important}#organization-schedule-calendar-container .fc-button,.fc-header-toolbar .fc-button{min-height:44px!important;min-width:44px!important;padding:var(--space-2) var(--space-4)!important;font-size:0.875rem!important;border-radius:var(--border-radius)!important}#organization-schedule-calendar-container .fc-prev-button,#organization-schedule-calendar-container .fc-next-button,.fc-header-toolbar .fc-prev-button,.fc-header-toolbar .fc-next-button{padding:var(--space-2) var(--space-3)!important}#organization-schedule-calendar-container .fc-toolbar-title,.fc-header-toolbar .fc-toolbar-title{font-size:1rem!important;font-weight:600!important;text-align:center!important;margin:0 0.5rem!important}#organization-schedule-calendar-container .fc-button-group,.fc-header-toolbar .fc-button-group{gap:0.25rem!important}#organization-schedule-calendar-container .fc-button-group .fc-button,.fc-header-toolbar .fc-button-group .fc-button{border-radius:var(--border-radius)!important}}@media (max-width:480px){#organization-schedule-calendar-container .fc-header-toolbar,.fc-header-toolbar.fc-toolbar{flex-direction:column!important;gap:0.5rem!important}#organization-schedule-calendar-container .fc-toolbar-chunk,.fc-header-toolbar .fc-toolbar-chunk{width:100%!important}.ds-calendar-view-buttons .ds-btn{padding:var(--space-2) var(--space-3);font-size:0.8125rem}.ds-calendar-action-buttons .ds-btn span,.ds-calendar-action-buttons .ds-btn:not(:has(i))::after{display:none}.ds-calendar-action-buttons .ds-btn i{margin-right:0!important}}.bidmio-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);gap:var(--space-4);position:relative}.bidmio-loader__pulse{position:absolute;width:200px;height:200px;border-radius:50%;border:2px solid rgba(30,58,138,0.3);animation:bidmioPulse 2s ease-out infinite}.bidmio-loader__pulse:nth-child(2){animation-delay:0.5s}@keyframes bidmioPulse{0%{transform:scale(0.8);opacity:0.8}100%{transform:scale(1.4);opacity:0}}.bidmio-loader__text{display:inline-flex;font-family:'Nunito',var(--font-family-base),sans-serif;font-size:1.75rem;font-weight:800;color:var(--color-primary);letter-spacing:-0.02em;perspective:500px;position:relative}.bidmio-loader__letter{display:inline-block;transform-style:preserve-3d;position:relative}.bidmio-loader__letter--flip{animation:bidmioFlip 1.8s ease-in-out infinite}.bidmio-loader__letter{color:var(--color-primary)}.bidmio-loader__letter--flip-delayed{animation-delay:0.9s}@keyframes bidmioFlip{0%,100%{transform:rotateY(0deg)}25%{transform:rotateY(360deg)}50%,100%{transform:rotateY(360deg)}}.bidmio-loader__subtext{font-size:var(--font-size-sm);color:var(--color-text-secondary);opacity:0.8}.bidmio-loader--sm .bidmio-loader__text{font-size:1.25rem}.bidmio-loader--lg .bidmio-loader__text{font-size:2.25rem}.bidmio-loader--inline{padding:var(--space-4)}.bidmio-loader--centered{min-height:200px}.bidmio-loader[hidden]{display:none}.bidmio-loader--shimmer .bidmio-loader__text{overflow:hidden}.bidmio-loader--shimmer .bidmio-loader__text::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.4) 50%,transparent 100%);animation:bidmioShimmer 2.5s ease-in-out infinite}[data-theme="dark"] .bidmio-loader--shimmer .bidmio-loader__text::after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.15) 50%,transparent 100%)}@keyframes bidmioShimmer{0%{left:-100%}50%,100%{left:200%}}.bidmio-loader__dots{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.bidmio-loader__dot{width:10px;height:10px;border-radius:50%;background-color:var(--color-primary);opacity:0.3;animation:bidmioDotPulse 1.4s ease-in-out infinite}.bidmio-loader__dot:nth-child(1){animation-delay:0s}.bidmio-loader__dot:nth-child(2){animation-delay:0.2s}.bidmio-loader__dot:nth-child(3){animation-delay:0.4s}@keyframes bidmioDotPulse{0%,60%,100%{opacity:0.3;transform:scale(1)}30%{opacity:1;transform:scale(1.2)}}.bidmio-loader--overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,0.96);z-index:9999;padding:0;opacity:0;visibility:hidden;transition:opacity 0.25s ease-out,visibility 0.25s ease-out;backdrop-filter:blur(4px)}[data-theme="dark"] .bidmio-loader--overlay{background-color:rgba(30,41,59,0.96)}.bidmio-loader--overlay.is-active{opacity:1!important;visibility:visible!important}.bidmio-loader--overlay .bidmio-loader__text{font-size:3.5rem;letter-spacing:-0.01em;z-index:1}.bidmio-loader--overlay .bidmio-loader__pulse{width:280px;height:280px;border-width:3px}.bidmio-loader--overlay .bidmio-loader__dot{width:14px;height:14px}.bidmio-loader--overlay .bidmio-loader__dots{gap:var(--space-3);margin-top:var(--space-6)}@media (min-width:768px){.bidmio-loader--overlay .bidmio-loader__text{font-size:4.5rem;letter-spacing:-0.01em}.bidmio-loader--overlay .bidmio-loader__pulse{width:340px;height:340px}.bidmio-loader--overlay .bidmio-loader__dot{width:var(--space-4);height:var(--space-4)}.bidmio-loader--overlay .bidmio-loader__dots{gap:var(--space-3)}}@media (min-width:1024px){.bidmio-loader--overlay .bidmio-loader__text{font-size:5.5rem;letter-spacing:-0.01em}.bidmio-loader--overlay .bidmio-loader__pulse{width:400px;height:400px}.bidmio-loader--overlay .bidmio-loader__dot{width:18px;height:18px}.bidmio-loader--overlay .bidmio-loader__dots{gap:var(--space-4)}}@media (min-width:1440px){.bidmio-loader--overlay .bidmio-loader__text{font-size:6.5rem;letter-spacing:-0.01em}.bidmio-loader--overlay .bidmio-loader__pulse{width:480px;height:480px;border-width:var(--space-1)}.bidmio-loader--overlay .bidmio-loader__dot{width:var(--space-5);height:var(--space-5)}.bidmio-loader--overlay .bidmio-loader__dots{gap:var(--space-4)}}@media (min-width:1920px){.bidmio-loader--overlay .bidmio-loader__text{font-size:7.5rem;letter-spacing:-0.01em}.bidmio-loader--overlay .bidmio-loader__pulse{width:560px;height:560px}.bidmio-loader--overlay .bidmio-loader__dot{width:22px;height:22px}.bidmio-loader--overlay .bidmio-loader__dots{gap:var(--space-5)}}.bidmio-loader--overlay.is-active .bidmio-loader__text{animation:bidmioFadeInScale 0.4s ease-out forwards}.bidmio-loader--overlay.is-active .bidmio-loader__dots{animation:bidmioFadeInDots 0.5s ease-out 0.2s forwards;opacity:0}@keyframes bidmioFadeInScale{from{opacity:0;transform:translateY(15px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bidmioFadeInDots{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bidmio-loader--overlay .bidmio-loader__text{text-shadow:0 4px 20px rgba(30,58,138,0.15)}[data-theme="dark"] .bidmio-loader--overlay .bidmio-loader__text{text-shadow:0 4px 30px rgba(30,58,138,0.25)}.autosave-indicator{position:fixed;display:flex;align-items:center;gap:var(--space-2,0.5rem);padding:var(--space-2,0.5rem) var(--space-3,0.75rem);background:var(--color-surface,#ffffff);border:1px solid var(--color-border,#e5e7eb);border-radius:var(--border-radius,6px);box-shadow:0 4px 12px rgba(0,0,0,0.15);font-size:var(--font-size-sm,0.875rem);color:var(--color-text-secondary,#6b7280);z-index:9999;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity 0.2s ease,visibility 0.2s ease,transform 0.2s ease}.autosave-indicator--visible{opacity:1;visibility:visible;transform:translateY(0)}.autosave-indicator--top-right{top:var(--space-4,1rem);right:var(--space-4,1rem)}.autosave-indicator--top-left{top:var(--space-4,1rem);left:var(--space-4,1rem)}.autosave-indicator--bottom-right{bottom:var(--space-4,1rem);right:var(--space-4,1rem)}.autosave-indicator--bottom-left{bottom:var(--space-4,1rem);left:var(--space-4,1rem)}.autosave-indicator--inline{position:relative;display:inline-flex;top:auto;right:auto;bottom:auto;left:auto;transform:none;box-shadow:none;border:none;background:transparent;padding:0}.autosave-indicator__spinner{width:var(--space-4);height:var(--space-4);border:2px solid var(--color-border,#e5e7eb);border-top-color:var(--color-primary,#3b82f6);border-radius:50%;animation:autosave-spin 0.8s linear infinite}.autosave-indicator--success .autosave-indicator__spinner{border-color:var(--color-success,#10b981);border-top-color:var(--color-success,#10b981);animation:none}.autosave-indicator--success .autosave-indicator__spinner::after{content:'\f00c';font-family:'Font Awesome 6 Free','Font Awesome 5 Free';font-weight:900;font-size:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-success,#10b981)}.autosave-indicator--error .autosave-indicator__spinner{border-color:var(--color-danger,#ef4444);border-top-color:var(--color-danger,#ef4444);animation:none}.autosave-indicator--success{color:var(--color-success,#10b981);border-color:var(--color-success-light,#d1fae5);background:var(--color-success-bg,#ecfdf5)}.autosave-indicator--error{color:var(--color-danger,#ef4444);border-color:var(--color-danger-light,#fee2e2);background:var(--color-danger-bg,#fef2f2)}.autosave-indicator__text{font-weight:500;white-space:nowrap}@keyframes autosave-spin{to{transform:rotate(360deg)}}@media (max-width:768px){.autosave-indicator{top:auto!important;bottom:calc(var(--mobile-nav-height,60px) + var(--space-3,0.75rem));left:50%;right:auto;transform:translateX(-50%) translateY(10px)}.autosave-indicator--visible{transform:translateX(-50%) translateY(0)}}.form-saving{pointer-events:none;opacity:0.7}.form-saving input,.form-saving select,.form-saving textarea,.form-saving button{cursor:wait}.save-status{display:inline-flex;align-items:center;gap:var(--space-2,0.5rem);font-size:var(--font-size-sm,0.875rem);color:var(--color-text-secondary,#6b7280)}.save-status--saving{color:var(--color-primary,#3b82f6)}.save-status--saved{color:var(--color-success,#10b981)}.save-status--error{color:var(--color-danger,#ef4444)}.save-status__icon{font-size:0.75rem}.save-status__text{font-weight:500}.btn-save-indicator{position:relative}.btn-save-indicator .spinner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:inherit;border-radius:inherit;opacity:0;visibility:hidden;transition:opacity 0.2s ease}.btn-save-indicator.is-saving .spinner-overlay{opacity:1;visibility:visible}.btn-save-indicator.is-saving .btn-content{opacity:0}.annotation-toolbar{display:none;position:absolute;top:0;left:0;right:0;z-index:1020;background:rgba(30,41,59,0.95);backdrop-filter:blur(8px);padding:8px 12px;border-bottom:1px solid rgba(255,255,255,0.1);pointer-events:auto!important}.annotation-toolbar.active{display:block;pointer-events:auto!important}.annotation-toolbar *{pointer-events:auto!important}.annotation-toolbar__inner{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.annotation-toolbar__group{display:flex;align-items:center;gap:var(--space-1)}.annotation-toolbar__divider{width:1px;height:28px;background:rgba(255,255,255,0.2)}.annotation-tool-btn,.annotation-action-btn{width:36px;height:36px;border:none;border-radius:var(--border-radius);background:transparent;color:var(--color-gray-400);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.15s ease;font-size:14px}.annotation-tool-btn:hover,.annotation-action-btn:hover{background:rgba(255,255,255,0.1);color:var(--color-surface)}.annotation-tool-btn.active{background:var(--primary,#3b82f6);color:var(--color-surface)}.annotation-tool-btn:disabled,.annotation-action-btn:disabled{opacity:0.4;cursor:not-allowed}.annotation-action-btn--danger:hover{background:rgba(239,68,68,0.2);color:var(--color-danger)}.annotation-color-btn{width:var(--space-6);height:var(--space-6);min-width:var(--space-6);min-height:var(--space-6);border:2px solid transparent;border-radius:50%;cursor:pointer;transition:all 0.15s ease;flex-shrink:0;aspect-ratio:1;box-sizing:border-box}.annotation-color-btn:hover{transform:scale(1.15)}.annotation-color-btn.active{border-color:var(--color-surface);box-shadow:0 0 0 2px rgba(255,255,255,0.3)}.annotation-size-label{display:flex;align-items:center;gap:6px;color:var(--color-gray-400);font-size:var(--space-3)}.annotation-stroke-slider{width:80px;height:var(--space-1);-webkit-appearance:none;appearance:none;background:rgba(255,255,255,0.2);border-radius:var(--border-radius-sm);cursor:pointer}.annotation-stroke-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--color-surface);border-radius:50%;cursor:pointer}.annotation-stroke-slider::-moz-range-thumb{width:14px;height:14px;background:var(--color-surface);border-radius:50%;border:none;cursor:pointer}.annotation-save-btn,.annotation-export-btn,.annotation-cancel-btn{padding:6px 12px;border:none;border-radius:var(--border-radius);font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all 0.15s ease}.annotation-save-btn{background:var(--primary,#3b82f6);color:var(--color-surface)}.annotation-save-btn:hover{background:var(--primary-hover,#2563eb)}.annotation-export-btn{background:rgba(255,255,255,0.1);color:var(--color-surface)}.annotation-export-btn:hover{background:rgba(255,255,255,0.2)}.annotation-cancel-btn{background:transparent;color:var(--color-gray-400)}.annotation-cancel-btn:hover{background:rgba(255,255,255,0.1);color:var(--color-surface)}.annotation-save-btn:disabled,.annotation-export-btn:disabled{opacity:0.5;cursor:not-allowed}.annotation-overlay{position:absolute;top:0;left:0;z-index:1005;pointer-events:none;max-width:100%;max-height:100%}.annotation-overlay.active{pointer-events:auto}.annotation-overlay canvas,.annotation-overlay .canvas-container{display:block;max-width:100%;max-height:100%}.annotation-overlay .upper-canvas{pointer-events:auto!important}.annotation-badge{position:absolute;top:var(--space-2);right:var(--space-2);width:var(--space-6);height:var(--space-6);background:var(--primary,#3b82f6);color:var(--color-surface);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;box-shadow:0 2px 4px rgba(0,0,0,0.2)}.file-preview-modal__toolbar-btn--annotate{position:relative}.file-preview-modal__toolbar-btn--annotate.has-annotations::after{content:'';position:absolute;top:2px;right:2px;width:var(--space-2);height:var(--space-2);background:var(--primary,#3b82f6);border-radius:50%;border:2px solid var(--surface-color,#1e293b)}.annotation-toggle-btn{padding:6px 12px;border:1px solid rgba(255,255,255,0.2);border-radius:var(--border-radius);background:transparent;color:var(--color-gray-400);font-size:var(--space-3);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all 0.15s ease}.annotation-toggle-btn:hover{background:rgba(255,255,255,0.1);color:var(--color-surface)}.annotation-toggle-btn.showing-original{background:rgba(59,130,246,0.2);border-color:var(--primary,#3b82f6);color:var(--primary,#3b82f6)}@media (max-width:768px){.annotation-toolbar{padding:4px 0}.annotation-toolbar__inner{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:2px;padding:0 8px;justify-content:flex-start}.annotation-toolbar__group{flex-shrink:0;gap:1px}.annotation-tool-btn,.annotation-action-btn{width:34px;height:34px;min-width:34px;font-size:13px}.annotation-color-btn{width:20px;height:20px;min-width:20px}.annotation-stroke-slider{width:40px}.annotation-save-btn,.annotation-export-btn,.annotation-cancel-btn{padding:5px 8px;font-size:12px;white-space:nowrap}.annotation-toolbar__divider{height:24px;flex-shrink:0;margin:0 2px}.annotation-toolbar__save{flex-shrink:0}}.annotation-badge{position:absolute;top:6px;right:6px;width:24px;height:24px;background:var(--primary,#3b82f6);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;box-shadow:0 2px 4px rgba(0,0,0,0.2);z-index:5;pointer-events:none}.uploads-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--primary,#3b82f6);color:white;border-radius:10px;font-size:11px;font-weight:600;margin-left:6px}.ds-project-nav-item.active .uploads-tab-badge,.ds-project-tab-mobile.active .uploads-tab-badge{display:none!important}.perm-module-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:0.75rem;overflow:hidden}.perm-module-header{display:flex;align-items:center;justify-content:space-between;padding:0.875rem 1rem;background:var(--color-gray-50);cursor:pointer;transition:background 0.2s}.perm-module-header:hover{background:var(--color-gray-200)}.perm-module-title{display:flex;align-items:center;gap:var(--space-3);font-weight:600;color:var(--color-text-primary)}.perm-module-icon{width:var(--space-8);height:var(--space-8);display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff!important;border-radius:var(--border-radius);font-size:0.9rem}.perm-module-icon i,.perm-module-icon .fa,.perm-module-icon .fas,.perm-module-icon .far,.perm-module-icon .fab{color:#fff!important}.perm-module-actions{display:flex;align-items:center;gap:0.25rem}.perm-action-btn{width:28px;height:28px;border:1px solid var(--color-border-strong);border-radius:var(--space-1);background:var(--color-surface);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.15s;font-size:0.75rem}.perm-action-btn:hover{background:var(--color-gray-50)}.perm-action-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface)}.perm-action-btn.active.view{background:var(--color-info);border-color:var(--color-info);color:#fff!important}.perm-action-btn.active.read{background:var(--color-cyan);border-color:var(--color-cyan);color:#fff!important}.perm-action-btn.active.write{background:var(--color-warning);border-color:var(--color-warning);color:#fff!important}.perm-action-btn.active.create{background:var(--color-success-dark);border-color:var(--color-success-dark);color:#fff!important}.perm-action-btn.active.delete{background:var(--color-danger-dark);border-color:var(--color-danger-dark);color:#fff!important}.perm-action-btn.active i,.perm-action-btn.active .fa,.perm-action-btn.active .fas,.perm-action-btn.active .far{color:#fff!important}.perm-module-expand{margin-left:1rem;color:var(--color-text-secondary);transition:transform 0.2s}.perm-module-expand.expanded{transform:rotate(180deg)}.perm-module-body{display:none;border-top:1px solid var(--color-border)}.perm-module-body.show{display:block}.perm-section-item{display:flex;align-items:center;justify-content:space-between;padding:0.625rem 1rem 0.625rem 2.5rem;border-bottom:1px solid var(--color-border-light)}.perm-section-item:last-child{border-bottom:none}.perm-section-title{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem}.perm-section-title .section-name{color:var(--color-text-primary)}.perm-section-item.has-children{cursor:pointer}.perm-section-item.has-children:hover{background:var(--color-gray-50)}.perm-field-container{display:none;background:var(--color-gray-50)}.perm-field-container.show{display:block}.perm-field-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4) var(--space-2) 4rem;border-bottom:1px solid var(--color-border-light);font-size:0.8rem}.perm-field-item:last-child{border-bottom:none}.perm-field-title{color:var(--color-text-secondary);display:flex;align-items:center;gap:0.5rem}.perm-inherited{font-size:0.7rem;color:var(--color-text-secondary);background:var(--color-gray-200);padding:0.125rem 0.375rem;border-radius:var(--border-radius-sm)}.perm-override{font-size:0.7rem;color:var(--color-info);background:var(--color-info-bg);padding:0.125rem 0.375rem;border-radius:var(--border-radius-sm)}.perm-action-btn.perm-parent-disabled{opacity:0.4;background:var(--color-gray-50)!important;border-color:var(--color-border-strong)!important;color:var(--color-gray-400)!important;cursor:not-allowed}.perm-action-btn.perm-parent-disabled:hover{background:var(--color-gray-50)!important}.perm-section-item.section-parent-disabled{opacity:0.6;background:var(--color-gray-50)}.perm-section-item.section-parent-disabled .section-name{color:var(--color-text-secondary)}.perm-field-item.field-parent-disabled{opacity:0.6;background:var(--color-border-light)}.perm-parent-disabled-badge{font-size:0.65rem;color:var(--color-text-secondary);background:var(--color-gray-200);padding:0.1rem 0.3rem;border-radius:var(--border-radius-sm);margin-left:0.25rem}.perm-field-permissions-section{border-top:1px solid var(--color-border);background:var(--color-gray-50)}.perm-field-permissions-header{display:flex;align-items:center;justify-content:space-between;padding:0.625rem 1rem;cursor:pointer;transition:background 0.2s}.perm-field-permissions-header:hover{background:var(--color-gray-100)}.perm-field-permissions-title{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;font-weight:500;color:var(--color-text-primary)}.perm-field-count{font-size:0.7rem;color:var(--color-text-secondary);background:var(--color-gray-200);padding:0.1rem 0.4rem;border-radius:999px;min-width:1.25rem;text-align:center}.perm-field-permissions-body{display:none;padding:0 0.5rem 0.5rem 0.5rem}.perm-field-permissions-body.show{display:block}.field-perms-expand{transition:transform 0.2s}.field-perms-expand.fa-chevron-down{transform:rotate(0deg)}.perm-field-group{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--border-radius);margin-bottom:0.5rem;overflow:hidden}.perm-field-group:last-child{margin-bottom:0}.perm-field-group-header{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.75rem;background:var(--color-gray-50);font-size:0.75rem;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:0.025em}.perm-field-group-items{padding:0.25rem 0}.perm-field-permission-item{display:flex;align-items:center;justify-content:space-between;padding:0.375rem 0.75rem;font-size:0.8125rem}.perm-field-permission-item:hover{background:var(--color-gray-50)}.perm-field-permission-label{color:var(--color-text-primary)}.perm-field-toggle-btn{display:inline-flex;align-items:center;gap:0.375rem;padding:0.25rem 0.625rem;border-radius:var(--border-radius);font-size:0.75rem;font-weight:500;cursor:pointer;transition:all 0.15s;border:1px solid}.perm-field-toggle-btn.editable{background:var(--color-success-bg,#d4edda);border-color:var(--color-success,#28a745);color:var(--color-success-dark,#155724)}.perm-field-toggle-btn.editable:hover{background:var(--color-success,#28a745);color:#fff}.perm-field-toggle-btn.editable:hover i{color:#fff!important}.perm-field-toggle-btn.editable i{color:var(--color-success-dark,#155724)}.perm-field-toggle-btn.readonly{background:var(--color-danger-bg,#f8d7da);border-color:var(--color-danger,#dc3545);color:var(--color-danger-dark,#721c24)}.perm-field-toggle-btn.readonly:hover{background:var(--color-danger,#dc3545);color:#fff}.perm-field-toggle-btn.readonly:hover i{color:#fff!important}.perm-field-toggle-btn.readonly i{color:var(--color-danger-dark,#721c24)}@media (min-width:768px){.company-name-vat-grid{grid-template-columns:70% 30%!important}}.copy-address-btn:hover{background:var(--color-hover)!important;color:var(--color-primary)!important}.copy-address-btn:active{transform:translateY(-50%) scale(0.95)!important}#addCustomerModal .ds-form-label{font-weight:500;margin-bottom:0.375rem}#addCustomerModal .ds-form-input,#addCustomerModal .form-select{font-size:0.875rem}#addCustomerModal textarea.ds-form-input{min-height:120px!important;resize:vertical}#addCustomerModal .modal-body{max-height:70vh;overflow-y:auto}.pac-container{z-index:var(--z-modal-content);border-radius:var(--space-1);box-shadow:0 2px 6px rgba(0,0,0,0.3);font-family:inherit}.pac-item{padding:8px 10px;cursor:pointer;font-size:0.875rem}.pac-item:hover{background-color:var(--color-gray-100)}.pac-icon{display:none}#companySearchResults{margin-top:2px}.company-suggestion-item{transition:background-color 0.2s ease}.company-suggestion-item:hover{background-color:var(--color-gray-50)}.company-suggestion-item:last-child{border-bottom:none!important}.impersonation-banner{position:relative;background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning-dark) 100%);color:var(--color-text-primary);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-md)}.impersonation-banner-content{max-width:var(--container-max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.impersonation-banner-info{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.impersonation-banner-info i{font-size:var(--font-size-xl)}.impersonation-banner-text strong{font-weight:var(--font-weight-semibold)}.impersonation-banner-form{display:inline-flex}.impersonation-banner-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface);color:var(--color-text-primary);border:none;border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-sm)}.impersonation-banner-btn:hover{background:var(--color-surface);transform:translateY(-1px);box-shadow:var(--shadow-md)}.impersonation-banner-btn:active{transform:translateY(0)}@media (max-width:768px){.impersonation-banner-content{flex-direction:column;text-align:center}.impersonation-banner-info{flex-direction:column;gap:var(--space-2)}}.phone-picker-wrapper{position:relative}.phone-picker-label{display:block;color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-2)}.phone-picker-tooltip-icon{font-size:0.75rem;margin-left:var(--space-1)}.phone-picker-required{color:var(--color-danger)}.phone-picker-input-group{display:flex;position:relative}.phone-picker-flag-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-right:none;border-radius:var(--border-radius) 0 0 var(--border-radius);cursor:pointer;transition:all 0.2s ease;min-width:60px}.phone-picker-flag-btn:hover:not(:disabled){background:var(--color-hover,#f5f5f5)}.phone-picker-flag{margin-right:var(--space-2)}.phone-picker-dial-code{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.phone-picker-chevron{margin-left:var(--space-2);font-size:0.75rem;color:var(--color-text-secondary)}.phone-picker-input{flex:1;border-radius:0 var(--border-radius) var(--border-radius) 0}.phone-picker-dropdown{position:absolute!important;display:none;top:100%!important;left:0!important;right:0!important;background:#ffffff!important;background-color:#ffffff!important;border:1px solid #e5e7eb!important;border-radius:0.5rem;box-shadow:0 10px 25px rgba(0,0,0,0.15),0 4px 10px rgba(0,0,0,0.1)!important;margin-top:4px;min-width:300px;max-height:400px;overflow:hidden;z-index:99999!important;opacity:1!important}.phone-picker-search-container{padding:0.75rem;border-bottom:1px solid #e5e7eb;background:#ffffff!important}.phone-picker-search-wrapper{position:relative}.phone-picker-search{padding-left:2.5rem}.phone-picker-search-icon{position:absolute;left:0.75rem;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);font-size:0.875rem}.phone-picker-countries-list{overflow-y:auto;max-height:320px}.phone-picker-feedback{margin-top:var(--space-2);font-size:var(--font-size-sm)}.phone-picker-error{color:var(--color-danger)}.phone-picker-valid{color:var(--color-success)}.phone-picker-feedback-icon{margin-right:var(--space-1)}.date-picker-required{color:var(--color-danger)}.calendar-legend-item{display:flex;align-items:center;gap:0.5rem}.calendar-legend-icon{font-size:0.9rem}.calendar-legend-box{width:var(--space-6);height:var(--space-6);border-radius:var(--space-1)}.calendar-legend-box--solid{border-width:2px;border-style:solid}.calendar-legend-box--dashed{border-width:2px;border-style:dashed}.calendar-legend-label{font-size:0.9rem;color:var(--color-text-secondary)}.calendar-legend-container{background:var(--color-surface);border-radius:var(--border-radius);box-shadow:0 1px 3px rgba(0,0,0,0.1);overflow:hidden}.calendar-legend-container--below{margin-top:1rem}.calendar-legend-container--above{margin-bottom:1rem}.calendar-legend-toggle-content{display:flex;align-items:center;gap:0.5rem}.calendar-legend-toggle-icon{color:var(--color-primary)}.calendar-legend-toggle-text{font-weight:600;color:var(--color-text-primary)}.calendar-legend-inline{padding:0.75rem 1rem;display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center}.calendar-legend-title{font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:0.5rem}.discussion-messages{max-height:400px;overflow-y:auto;margin-bottom:1rem}.discussion-message{padding:var(--space-3);margin-bottom:var(--space-3);border-radius:var(--border-radius)}.discussion-message--customer{background:var(--color-gray-50);border-left:3px solid var(--color-info)}.discussion-message--internal{background:var(--color-warning-bg);border-left:3px solid var(--color-warning)}.discussion-message--admin{background:var(--color-success-bg);border-left:3px solid var(--color-success)}.discussion-message-content{white-space:pre-wrap}.discussion-reply-textarea{resize:none}.settings-modal-header{border-bottom:1px solid var(--color-border);padding:1.5rem 2rem;background:var(--color-surface);border-radius:var(--border-radius-lg) 12px 0 0}.settings-modal-title{font-size:1.5rem;font-weight:600;margin:0;color:var(--color-text-primary)}.settings-modal-subtitle{margin:0.25rem 0 0 0;font-size:0.875rem;color:var(--color-text-secondary)}.bulk-planning-flex-item{flex:1}.bulk-planning-summary{background:var(--color-surface-secondary);border-radius:var(--border-radius)}.bulk-planning-summary-text{font-size:var(--font-size-sm)}.week-templates-description{font-size:var(--font-size-sm)}.week-templates-info-box{background:var(--color-surface-secondary);border-radius:var(--border-radius)}.week-templates-info-description{font-size:var(--font-size-sm)}.btn-form-inline{display:inline}.btn-disabled-pointer{pointer-events:none}.column-settings-list{touch-action:none;-webkit-user-select:none;user-select:none}.column-settings-list .list-group-item{display:flex!important;align-items:center!important;padding:0.75rem 1rem!important;border:1px solid var(--color-border)!important;background-color:var(--color-surface)!important;cursor:grab!important;touch-action:none}.column-settings-list .list-group-item:active{cursor:grabbing!important}.column-settings-list .drag-handle{cursor:grab!important;padding:4px 8px!important;margin-right:8px!important}.column-settings-list .drag-handle:active{cursor:grabbing!important}.column-settings-list .sortable-ghost{background-color:var(--color-border)!important;opacity:0.6;border:2px dashed var(--color-text-secondary)!important}.column-settings-list .sortable-chosen{background-color:var(--color-gray-50)!important}.ds-flex-1-pointer{flex:1;cursor:pointer}.ds-photo-card,.ds-photo-card-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.5rem;padding:1.25rem 1rem;border:2px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-surface);text-align:center;transition:all 0.2s ease}.ds-photo-card:hover{border-color:var(--color-gray-400);background:var(--color-gray-50)}.ds-photo-card-selected{border-color:var(--color-success);background:linear-gradient(135deg,var(--color-success-bg,#f0fdf4) 0%,rgba(34,197,94,0.08) 100%)}.ds-icon-xl-green{font-size:1.5rem;color:var(--color-success)}.ds-icon-xl-gray{font-size:1.5rem;color:var(--color-gray-400)}.ds-text-semibold-green{font-weight:600;color:var(--color-success-dark,var(--color-success))}.ds-text-semibold-gray{font-weight:600;color:var(--color-gray-500)}.transaction-type-option,.edit-transaction-type-option{transition:all 0.2s ease}.transaction-type--active-add{border:2px solid var(--color-success)!important;background:linear-gradient(135deg,var(--color-success-bg) 0%,var(--color-success-border) 100%)!important}.transaction-type--active-add i{color:var(--color-success-dark)!important}.transaction-type--active-add>div:last-child{color:var(--color-success-darker)!important}.transaction-type--active-deduct{border:2px solid var(--color-danger)!important;background:linear-gradient(135deg,var(--color-danger-bg) 0%,var(--color-danger-border) 100%)!important}.transaction-type--active-deduct i{color:var(--color-danger-dark)!important}.transaction-type--active-deduct>div:last-child{color:var(--color-danger-darker)!important}.transaction-type--inactive{border:2px solid var(--color-border)!important;background:var(--color-surface)!important}.transaction-type--inactive i{color:var(--color-text-secondary)!important}.transaction-type--inactive>div:last-child{color:var(--color-text-secondary)!important}.tip-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--color-shadow-medium)}.tip-icon-box{width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-info) 100%);border-radius:12px;flex-shrink:0;color:var(--color-text-inverse)}.tip-icon-box i{font-size:1.25rem;color:#ffffff!important}.ds-create-modal .modal-content{border:none;border-radius:var(--border-radius-xl,20px);box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);overflow:hidden}.ds-create-modal .modal-dialog{max-width:720px}.ds-create-modal__header{background:var(--color-primary,#2563eb);padding:var(--space-6) var(--space-8);border:none;position:relative;overflow:hidden}.ds-create-modal__header-content{display:flex;align-items:center;gap:var(--space-4);position:relative;z-index:1}.ds-create-modal__icon{width:48px;height:48px;background:rgba(255,255,255,0.2);border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ds-create-modal__icon i,.ds-create-modal__icon svg,.ds-create-modal__icon .fa,.ds-create-modal__icon .fas,.ds-create-modal__icon .far,.ds-create-modal__icon .fab{font-size:1.5rem;color:#ffffff!important}.ds-create-modal__title-group{flex:1}.ds-create-modal__title{margin:0;font-size:var(--font-size-xl,1.25rem);font-weight:var(--font-weight-bold,700);color:#ffffff;line-height:1.3}.ds-create-modal__subtitle{margin:var(--space-1) 0 0 0;font-size:var(--font-size-sm,0.875rem);color:rgba(255,255,255,0.85);font-weight:var(--font-weight-normal,400)}.ds-create-modal__close{width:40px;height:40px;min-width:44px;min-height:44px;background:rgba(255,255,255,0.15);border:none;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffff;transition:all 0.2s ease;position:relative;z-index:1}.ds-create-modal__close:hover{background:rgba(255,255,255,0.25);transform:scale(1.05)}.ds-create-modal__close i{font-size:1.125rem}.ds-create-modal__body{padding:var(--space-6) var(--space-8);max-height:65vh;overflow-y:auto;background:var(--color-surface,#ffffff)}.ds-create-modal__body::-webkit-scrollbar{width:8px}.ds-create-modal__body::-webkit-scrollbar-track{background:var(--color-surface-secondary,#f8fafc)}.ds-create-modal__body::-webkit-scrollbar-thumb{background:var(--color-border-strong,#cbd5e1);border-radius:4px}.ds-create-modal__body::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary,#94a3b8)}.ds-create-section{padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--color-border,#e2e8f0)}.ds-create-section:last-child{border-bottom:none}.ds-create-section--primary{background:linear-gradient(180deg,var(--color-surface-secondary,#f8fafc) 0%,var(--color-surface,#ffffff) 100%)}.ds-create-section--highlight{background:linear-gradient(135deg,rgba(99,102,241,0.03) 0%,rgba(139,92,246,0.03) 100%)}.ds-create-section__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.ds-create-section__icon{width:36px;height:36px;background:var(--color-primary-bg,rgba(99,102,241,0.1));border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ds-create-section__icon i{font-size:1rem;color:var(--color-primary,#6366f1)}.ds-create-section__icon--success i{color:var(--color-success,#10b981)}.ds-create-section__icon--warning i{color:var(--color-warning,#f59e0b)}.ds-create-section__icon--info i{color:var(--color-info,#3b82f6)}.ds-create-section__title{margin:0;font-size:var(--font-size-base,1rem);font-weight:var(--font-weight-semibold,600);color:var(--color-text-primary,#0f172a)}.ds-create-section__subtitle{margin:var(--space-1) 0 0 0;font-size:var(--font-size-xs,0.75rem);color:var(--color-text-secondary,#64748b)}.ds-create-field{margin-bottom:var(--space-5)}.ds-create-field:last-child{margin-bottom:0}.ds-create-field__label{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--font-size-sm,0.875rem);font-weight:var(--font-weight-medium,500);color:var(--color-text-primary,#0f172a)}.ds-create-field__required{color:var(--color-danger,#ef4444);font-weight:var(--font-weight-bold,700)}.ds-create-field__hint{color:var(--color-text-tertiary,#94a3b8);font-size:var(--font-size-xs,0.75rem);cursor:help}.ds-create-field__input{width:100%;min-height:48px;padding:var(--space-3) var(--space-4);border:2px solid var(--color-border,#e2e8f0);border-radius:var(--border-radius-lg,12px);font-size:var(--font-size-base,1rem);color:var(--color-text-primary,#0f172a);background:var(--color-surface,#ffffff);transition:all 0.2s ease}.ds-create-field__input:focus{border-color:var(--color-primary,#6366f1);box-shadow:0 0 0 4px rgba(99,102,241,0.1);outline:none}.ds-create-field__input::placeholder{color:var(--color-text-muted,#b0b8c9)!important;opacity:0.7!important;font-style:italic}.ds-create-field__input--elevated{background:var(--color-surface-secondary,#f8fafc);border-color:transparent}.ds-create-field__input--elevated:focus{background:var(--color-surface,#ffffff);border-color:var(--color-primary,#6366f1)}.ds-create-field__select{width:100%;min-height:48px;padding:var(--space-3) var(--space-4);padding-right:var(--space-10,2.5rem);border:2px solid var(--color-border,#e2e8f0);border-radius:var(--border-radius-lg,12px);font-size:var(--font-size-base,1rem);color:var(--color-text-primary,#0f172a);background:var(--color-surface,#ffffff);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='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;appearance:none;cursor:pointer;transition:all 0.2s ease}.ds-create-field__select:focus{border-color:var(--color-primary,#6366f1);box-shadow:0 0 0 4px rgba(99,102,241,0.1);outline:none}.ds-create-field__textarea{width:100%;min-height:120px;padding:var(--space-4);border:2px solid var(--color-border,#e2e8f0);border-radius:var(--border-radius-lg,12px);font-size:var(--font-size-base,1rem);color:var(--color-text-primary,#0f172a);background:var(--color-surface,#ffffff);resize:vertical;transition:all 0.2s ease;font-family:inherit}.ds-create-field__textarea:focus{border-color:var(--color-primary,#6366f1);box-shadow:0 0 0 4px rgba(99,102,241,0.1);outline:none}.ds-create-grid{display:grid;gap:var(--space-5)}.ds-create-grid--2{grid-template-columns:repeat(2,1fr)}.ds-create-grid--3{grid-template-columns:repeat(3,1fr)}@media (max-width:640px){.ds-create-grid--2,.ds-create-grid--3{grid-template-columns:1fr}}.ds-create-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--border-radius-full,9999px);font-size:var(--font-size-xs,0.75rem);font-weight:var(--font-weight-semibold,600)}.ds-create-badge--primary{background:var(--color-primary-bg,rgba(99,102,241,0.1));color:var(--color-primary,#6366f1)}.ds-create-badge--secondary{background:var(--color-surface-tertiary,#f1f5f9);color:var(--color-text-secondary,#64748b)}.ds-create-badge--success{background:var(--color-success-bg,rgba(16,185,129,0.1));color:var(--color-success,#10b981)}.ds-create-input-action{position:relative;display:flex;align-items:center;gap:4px}.ds-create-input-action .ds-create-field__input{flex:1;padding-right:var(--space-3)}.ds-create-input-action__btn{flex-shrink:0;width:40px;height:40px;min-width:40px;min-height:40px;background:var(--color-primary-bg,rgba(99,102,241,0.1));border:none;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-primary,#6366f1);transition:all 0.2s ease}.ds-create-input-action__btn:hover{background:var(--color-primary,#6366f1);color:#ffffff}.ds-create-input-icon{position:relative}.ds-create-input-icon .ds-create-field__input{padding-left:48px}.ds-create-input-icon__icon{position:absolute;top:50%;left:16px;transform:translateY(-50%);color:var(--color-text-tertiary,#94a3b8);pointer-events:none}.ds-create-selected{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);background:linear-gradient(135deg,var(--color-success-bg,rgba(16,185,129,0.1)) 0%,rgba(16,185,129,0.05) 100%);border:2px solid var(--color-success,#10b981);border-radius:var(--border-radius-lg,12px)}.ds-create-selected__info{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.ds-create-selected__icon{width:40px;height:40px;background:var(--color-success,#10b981);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ds-create-selected__icon i{color:#ffffff;font-size:1rem}.ds-create-selected__name{font-weight:var(--font-weight-semibold,600);color:var(--color-text-primary,#0f172a);margin:0}.ds-create-selected__detail{font-size:var(--font-size-sm,0.875rem);color:var(--color-text-secondary,#64748b);margin:0}.ds-create-selected__clear{padding:var(--space-2) var(--space-3);min-height:44px;background:transparent;border:2px solid var(--color-border,#e2e8f0);border-radius:var(--border-radius);font-size:var(--font-size-sm,0.875rem);font-weight:var(--font-weight-medium,500);color:var(--color-text-secondary,#64748b);cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;gap:var(--space-2)}.ds-create-selected__clear:hover{background:var(--color-surface-secondary,#f8fafc);border-color:var(--color-text-secondary,#64748b);color:var(--color-text-primary,#0f172a)}.ds-create-modal__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-8);background:var(--color-surface-secondary,#f8fafc);border-top:1px solid var(--color-border,#e2e8f0)}.ds-create-modal__footer-actions{display:flex;align-items:center;gap:var(--space-3);margin-left:auto}.ds-create-modal__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:var(--space-3) var(--space-6);border-radius:var(--border-radius-lg,12px);font-size:var(--font-size-base,1rem);font-weight:var(--font-weight-semibold,600);cursor:pointer;transition:all 0.2s ease;white-space:nowrap}.ds-create-modal__btn--secondary{background:var(--color-surface,#ffffff);border:2px solid var(--color-border,#e2e8f0);color:var(--color-text-secondary,#64748b)}.ds-create-modal__btn--secondary:hover{background:var(--color-surface-secondary,#f8fafc);border-color:var(--color-text-secondary,#64748b);color:var(--color-text-primary,#0f172a)}.ds-create-modal__btn--primary{background:linear-gradient(135deg,var(--color-primary,#6366f1) 0%,var(--color-primary-dark,#4f46e5) 100%);border:none;color:#ffffff;box-shadow:0 4px 12px rgba(99,102,241,0.35)}.ds-create-modal__btn--primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(99,102,241,0.45)}.ds-create-modal__btn--primary:active{transform:translateY(0);box-shadow:0 2px 8px rgba(99,102,241,0.35)}.ds-create-type-toggle{display:flex;gap:var(--space-3);flex-wrap:wrap}.ds-create-type-toggle__option{flex:1;min-width:140px;cursor:pointer}.ds-create-type-toggle__option input{position:absolute;opacity:0;width:0;height:0}.ds-create-type-toggle__content{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface,#ffffff);border:2px solid var(--color-border,#e2e8f0);border-radius:var(--border-radius-lg,12px);font-weight:var(--font-weight-medium,500);color:var(--color-text-secondary,#64748b);transition:all 0.2s ease}.ds-create-type-toggle__content i{font-size:1.1rem}.ds-create-type-toggle__option:hover .ds-create-type-toggle__content{border-color:var(--color-primary,#6366f1);background:var(--color-primary-bg,rgba(99,102,241,0.05))}.ds-create-type-toggle__option input:checked + .ds-create-type-toggle__content{border-color:var(--color-primary,#6366f1);background:var(--color-primary-bg,rgba(99,102,241,0.1));color:var(--color-primary,#6366f1);box-shadow:0 0 0 4px rgba(99,102,241,0.1)}.ds-create-type-toggle__option input:checked + .ds-create-type-toggle__content i{color:var(--color-primary,#6366f1)}.ds-create-type-toggle__option input:focus + .ds-create-type-toggle__content{outline:2px solid var(--color-primary,#6366f1);outline-offset:2px}.ds-create-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--border-radius);font-size:var(--font-size-sm,0.875rem);font-weight:var(--font-weight-medium,500)}.ds-create-badge i{font-size:0.85rem}.ds-create-badge--primary{background:var(--color-primary-bg,rgba(99,102,241,0.1));color:var(--color-primary,#6366f1)}.ds-create-badge--secondary{background:var(--color-surface-secondary,#f1f5f9);color:var(--color-text-secondary,#64748b)}.ds-create-badge--success{background:rgba(16,185,129,0.1);color:var(--color-success,#10b981)}.ds-create-profile-upload{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface-secondary,#f8fafc);border:2px dashed var(--color-border,#e2e8f0);border-radius:var(--border-radius-lg,12px)}.ds-create-profile-upload__preview{width:72px;height:72px;min-width:72px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-bg,#e0e7ff) 0%,var(--color-surface,#ffffff) 100%);border:2px solid var(--color-border,#e2e8f0);border-radius:50%;overflow:hidden}.ds-create-profile-upload__icon{font-size:1.75rem;color:var(--color-text-tertiary,#94a3b8)}.ds-create-profile-upload__image{width:100%;height:100%;object-fit:cover;display:none}.ds-create-profile-upload__content{flex:1}.ds-create-profile-upload__content input[type="file"]{width:100%}.ds-create-alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--border-radius-lg,12px);margin-top:var(--space-4)}.ds-create-alert i{font-size:1.1rem;margin-top:2px}.ds-create-alert--danger{background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.2);color:var(--color-danger,#ef4444)}.ds-create-alert--success{background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.2);color:var(--color-success,#10b981)}.ds-create-alert--warning{background:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.2);color:var(--color-warning,#f59e0b)}.ds-create-field__success{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--font-size-sm,0.875rem);color:var(--color-success,#10b981)}.ds-create-field__success i{font-size:0.9rem}[data-theme="dark"] .ds-create-modal .modal-content{background:var(--color-surface,#1e293b)}[data-theme="dark"] .ds-create-section{border-color:var(--color-border,#334155)}[data-theme="dark"] .ds-create-section--primary{background:linear-gradient(180deg,var(--color-surface-secondary,#0f172a) 0%,var(--color-surface,#1e293b) 100%)}[data-theme="dark"] .ds-create-modal__footer{background:var(--color-surface-secondary,#0f172a);border-color:var(--color-border,#334155)}[data-theme="dark"] .ds-create-modal__btn--secondary{background:var(--color-surface,#1e293b);border-color:var(--color-border,#334155)}[data-theme="dark"] .ds-create-field__input,[data-theme="dark"] .ds-create-field__select,[data-theme="dark"] .ds-create-field__textarea{background:var(--color-surface-secondary,#0f172a);border-color:var(--color-border,#334155)}[data-theme="dark"] .ds-create-type-toggle__content{background:var(--color-surface-secondary,#0f172a);border-color:var(--color-border,#334155);color:var(--color-text-secondary,#94a3b8)}[data-theme="dark"] .ds-create-type-toggle__option:hover .ds-create-type-toggle__content{background:rgba(99,102,241,0.1);border-color:var(--color-primary,#6366f1)}[data-theme="dark"] .ds-create-type-toggle__option input:checked + .ds-create-type-toggle__content{background:rgba(99,102,241,0.15);border-color:var(--color-primary,#6366f1);color:var(--color-primary,#818cf8)}[data-theme="dark"] .ds-create-badge--secondary{background:var(--color-surface-tertiary,#1e293b);color:var(--color-text-secondary,#94a3b8)}[data-theme="dark"] .ds-create-badge--primary{background:rgba(99,102,241,0.15)}[data-theme="dark"] .ds-create-badge--success{background:rgba(16,185,129,0.15)}[data-theme="dark"] .ds-create-selected{background:var(--color-surface-secondary,#0f172a);border-color:var(--color-border,#334155)}[data-theme="dark"] .ds-create-profile-upload{background:var(--color-surface-secondary,#0f172a);border-color:var(--color-border,#334155)}[data-theme="dark"] .ds-create-profile-upload__preview{background:linear-gradient(135deg,rgba(99,102,241,0.1) 0%,var(--color-surface,#1e293b) 100%);border-color:var(--color-border,#334155)}[data-theme="dark"] .ds-create-alert--danger{background:rgba(239,68,68,0.15);border-color:rgba(239,68,68,0.3)}[data-theme="dark"] .ds-create-alert--success{background:rgba(16,185,129,0.15);border-color:rgba(16,185,129,0.3)}[data-theme="dark"] .ds-create-alert--warning{background:rgba(245,158,11,0.15);border-color:rgba(245,158,11,0.3)}@media (max-width:768px){.ds-create-modal .modal-dialog{margin:0.5rem!important;max-width:calc(100% - 1rem)!important}.ds-create-modal .modal-content{border-radius:var(--border-radius-lg,16px)!important}.ds-create-modal__header{padding:1rem 1rem!important}.ds-create-modal__body{padding:0.75rem 1rem!important}.ds-create-section{padding:0.75rem 0!important}.ds-create-section--primary{padding:0.75rem 0!important;margin:0!important}.ds-create-modal__footer{padding:1rem!important;flex-direction:column}.ds-create-modal__footer-actions{width:100%;margin-left:0}.ds-create-modal__btn{flex:1}#customerSelectionSection .ds-flex.ds-gap-3{gap:0.5rem!important}#customerSelectionSection .ds-flex-1{flex:1 1 auto!important;min-width:0}#addCustomerBtn{padding:0.625rem 0.875rem!important;min-width:44px;flex-shrink:0}.btn-text-mobile-hide{display:none!important}}.ds-create-modal .date-input-group input,.ds-create-modal .date-input-group input:valid,.ds-create-modal .date-input-group input.is-valid,.ds-create-modal .date-input-group .flatpickr-alt-input,.ds-create-modal .date-input-group .flatpickr-alt-input:valid,.ds-create-modal .date-input-group .flatpickr-alt-input.is-valid,.ds-create-modal .schedule-field-date input,.ds-create-modal .schedule-field-date input:valid,.ds-create-modal .schedule-field-date input.is-valid,.ds-create-modal .ds-form-input:valid,.ds-create-modal .ds-form-input.is-valid{border-color:var(--color-border,#e2e8f0)!important;background-image:none!important;box-shadow:none!important}.ds-create-modal .date-input-group__btn,.ds-create-modal .date-input-group__btn:valid{border-color:var(--color-border,#e2e8f0)!important}.ds-create-modal .date-input-group input:focus,.ds-create-modal .date-input-group input:focus:valid,.ds-create-modal .date-input-group .flatpickr-alt-input:focus,.ds-create-modal .date-input-group .flatpickr-alt-input:focus:valid,.ds-create-modal .schedule-field-date input:focus,.ds-create-modal .ds-form-input:focus,.ds-create-modal .ds-form-input:focus:valid{border-color:var(--color-primary,#6366f1)!important;box-shadow:0 0 0 4px rgba(99,102,241,0.1)!important}.notification-bell{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-base)}.notification-bell:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.notification-bell:focus{outline:2px solid var(--color-primary);outline-offset:2px}.notification-badge{position:absolute;top:var(--space-1);right:var(--space-1);min-width:18px;height:18px;padding:0 var(--space-1);background:var(--color-danger,#dc2626);border-radius:9px;color:var(--color-text-inverse,#ffffff);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:14px;text-align:center;border:2px solid var(--color-surface,#ffffff);box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,0.15))}.notification-badge.ds-hidden{display:none}@keyframes notification-pulse{0%{box-shadow:0 0 0 0 rgba(var(--color-danger-rgb,220,53,69),0.4)}70%{box-shadow:0 0 0 8px rgba(var(--color-danger-rgb,220,53,69),0)}100%{box-shadow:0 0 0 0 rgba(var(--color-danger-rgb,220,53,69),0)}}.notification-badge.has-new{animation:notification-pulse 2s infinite}.notification-dropdown-menu{width:380px;max-width:calc(100vw - var(--space-4));padding:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.notification-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border)}.notification-dropdown-title{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.notification-dropdown-actions{display:flex;gap:var(--space-1)}.notification-dropdown-body{max-height:400px;overflow-y:auto}.notification-dropdown-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6);color:var(--color-text-secondary)}.notification-dropdown-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);color:var(--color-text-tertiary);text-align:center}.notification-dropdown-empty i{font-size:var(--font-size-3xl);margin-bottom:var(--space-2)}.notification-dropdown-empty p{margin:0;font-size:var(--font-size-sm)}.notification-dropdown-footer{padding:var(--space-3) var(--space-4);background:var(--color-surface-secondary);border-top:1px solid var(--color-border);text-align:center}.notification-dropdown-view-all{display:inline-flex;align-items:center;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none}.notification-dropdown-view-all:hover{text-decoration:underline}.notification-item{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);background:var(--color-surface);cursor:pointer;transition:var(--transition-base)}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--color-surface-secondary)}.notification-item.unread{background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface))}.notification-item.unread:hover{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface))}.notification-item__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-surface-secondary);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-base)}.notification-item__icon--projects{background:color-mix(in srgb,var(--color-primary) 15%,var(--color-surface));color:var(--color-primary)}.notification-item__icon--approvals{background:color-mix(in srgb,var(--color-warning) 15%,var(--color-surface));color:var(--color-warning-dark)}.notification-item__icon--invoices{background:color-mix(in srgb,var(--color-success) 15%,var(--color-surface));color:var(--color-success-dark)}.notification-item__icon--tasks{background:color-mix(in srgb,var(--color-info) 15%,var(--color-surface));color:var(--color-info-dark)}.notification-item__icon--chat{background:color-mix(in srgb,var(--color-purple,#9333ea) 15%,var(--color-surface));color:var(--color-purple,#9333ea)}.notification-item__icon--system{background:var(--color-surface-tertiary);color:var(--color-text-secondary)}.notification-item__content{flex:1;min-width:0}.notification-item__title{margin:0 0 var(--space-1) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:1.4}.notification-item.unread .notification-item__title{font-weight:var(--font-weight-semibold)}.notification-item__body{margin:0 0 var(--space-1) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification-item__meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.notification-item__time{display:flex;align-items:center;gap:var(--space-1)}.notification-item__actions{flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-1);opacity:0;transition:var(--transition-fast)}.notification-item:hover .notification-item__actions{opacity:1}.notification-item__action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;transition:var(--transition-fast)}.notification-item__action-btn:hover{background:var(--color-surface-tertiary);color:var(--color-text-primary)}.notification-item__action-btn--delete:hover{background:var(--color-danger-bg);color:var(--color-danger)}.notification-filter-tabs{display:flex;gap:var(--space-2)}.notification-filter-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-base)}.notification-filter-tab:hover{background:var(--color-surface-secondary);border-color:var(--color-border-strong)}.notification-filter-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.notification-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-1);background:var(--color-surface-secondary);border-radius:10px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.notification-filter-tab.active .notification-filter-count{background:rgba(255,255,255,0.2);color:var(--color-text-inverse)}.notification-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-4);text-align:center}.notification-empty-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:var(--space-4);background:var(--color-surface-secondary);border-radius:var(--radius-full);color:var(--color-text-tertiary);font-size:var(--font-size-3xl)}.notification-channel-toggle{padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.notification-channel-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-surface-secondary);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-base)}.notification-channel-icon--email{background:color-mix(in srgb,var(--color-primary) 15%,var(--color-surface));color:var(--color-primary)}.notification-channel-icon--push{background:color-mix(in srgb,var(--color-success) 15%,var(--color-surface));color:var(--color-success-dark)}.notification-channel-icon--sms{background:color-mix(in srgb,var(--color-info) 15%,var(--color-surface));color:var(--color-info-dark)}.notification-channel-icon--in-app{background:color-mix(in srgb,var(--color-warning) 15%,var(--color-surface));color:var(--color-warning-dark)}.notification-type-category{border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);overflow:hidden}.notification-type-category:last-child{margin-bottom:0}.notification-type-category__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-surface-secondary);cursor:pointer;transition:var(--transition-base)}.notification-type-category__header:hover{background:var(--color-surface-tertiary)}.notification-type-category__title{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.notification-type-category__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-surface);border-radius:var(--radius-md);color:var(--color-text-secondary)}.notification-type-category__toggle{color:var(--color-text-tertiary);transition:var(--transition-base)}.notification-type-category.expanded .notification-type-category__toggle{transform:rotate(180deg)}.notification-type-category__body{display:none;border-top:1px solid var(--color-border)}.notification-type-category.expanded .notification-type-category__body{display:block}.notification-type-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light)}.notification-type-item:last-child{border-bottom:none}.notification-type-item__info{flex:1;min-width:0}.notification-type-item__name{margin:0 0 var(--space-1) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.notification-type-item__description{margin:0;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.notification-type-item__channels{display:flex;gap:var(--space-4)}.notification-channel-control{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.notification-channel-control.disabled{opacity:0.4}.notification-channel-label{font-size:var(--font-size-xs,11px);color:var(--color-text-secondary);font-weight:var(--font-weight-medium,500)}.notification-channel-control.disabled .ds-toggle-switch{cursor:not-allowed}@media (max-width:767px){.notification-dropdown-menu{position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%;max-width:100%;margin:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;transform:none!important}.notification-dropdown-body{max-height:60vh}.notification-filter-tabs{flex-wrap:wrap}.notification-filter-tab{flex:1;justify-content:center;min-width:80px}.notification-type-item{flex-direction:column;align-items:flex-start}.notification-type-item__channels{margin-top:var(--space-2)}.notification-channel-toggle{padding:var(--space-3)}.notification-item__actions{opacity:1;flex-direction:row}}.notifications-tab-content{display:flex;flex-direction:column;height:100%}.notifications-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-border);flex-shrink:0}.notifications-header-left{display:flex;align-items:center;gap:var(--space-3)}.notifications-header-left h2{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-2)}.notifications-header-left h2 i{color:var(--color-primary)}.notifications-header-actions{display:flex;gap:var(--space-2)}.notifications-list{flex:1;overflow-y:auto}.notification-unread-dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%;flex-shrink:0}.help-edge-tab{display:flex;flex-direction:column;position:fixed;top:50%;transform:translateY(-50%);right:0;width:22px;height:auto;padding:16px 4px;border-radius:8px 0 0 8px;background:var(--color-primary);color:#ffffff;border:none;box-shadow:-2px 0 8px rgba(0,0,0,0.1);cursor:pointer;z-index:var(--z-floating-btn,1040);align-items:center;justify-content:center;transition:width 0.2s ease,background-color 0.2s ease}.help-edge-tab:hover{width:26px;background:var(--color-primary-hover)}.help-edge-tab:focus{outline:2px solid var(--color-primary-light);outline-offset:2px}.help-edge-tab-text{font-size:10px;font-weight:600;color:#ffffff;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:1px}.help-edge-tab.active{background:var(--color-gray-600)}.help-floating-btn{display:none}.help-panel-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.3);z-index:var(--z-modal-backdrop,1050);opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}.help-panel-backdrop.active{opacity:1;visibility:visible}.help-panel{position:fixed;top:0;right:0;width:400px;max-width:100vw;height:100vh;background-color:#ffffff;background:var(--color-surface,#ffffff);box-shadow:-4px 0 24px rgba(0,0,0,0.15);z-index:var(--z-modal,1055);display:flex;flex-direction:column;transform:translateX(100%);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1)}[data-theme="light"] .help-panel,:root:not([data-theme="dark"]) .help-panel{background-color:#ffffff}[data-theme="dark"] .help-panel{background-color:#1e293b}.help-panel.active{transform:translateX(0)}.help-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border,#e2e8f0);background-color:#f8fafc;background:var(--color-surface-secondary,#f8fafc);flex-shrink:0}[data-theme="light"] .help-panel-header,:root:not([data-theme="dark"]) .help-panel-header{background-color:#f8fafc}[data-theme="dark"] .help-panel-header{background-color:#334155}.help-panel-tabs{display:flex;gap:8px;background-color:transparent}.help-tab{padding:8px 16px;border:none;background-color:transparent;background:transparent;color:#475569;color:var(--color-text-secondary,#475569);font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:all 0.2s ease}.help-tab:hover{background-color:#e2e8f0;background:var(--color-surface-tertiary,#e2e8f0);color:#1e293b;color:var(--color-text-primary,#1e293b)}.help-tab.active{background-color:#1a56db;background:var(--color-primary,#1a56db);color:#ffffff;color:var(--color-text-inverse,#ffffff)}[data-theme="dark"] .help-tab{color:#94a3b8}[data-theme="dark"] .help-tab:hover{background-color:#334155;color:#f1f5f9}[data-theme="dark"] .help-tab.active{background-color:#1a56db;color:#ffffff}.help-tab:focus{outline:2px solid var(--color-primary-light);outline-offset:2px}.help-panel-close{width:36px;height:36px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.help-panel-close:hover{background:var(--color-surface-tertiary);color:var(--color-text-primary)}.help-panel-close:focus{outline:2px solid var(--color-primary-light);outline-offset:2px}.help-panel-close i{font-size:18px}.help-panel-content{flex:1;overflow:hidden;display:flex;flex-direction:column;background-color:#ffffff;background:var(--color-surface,#ffffff)}[data-theme="light"] .help-panel-content,:root:not([data-theme="dark"]) .help-panel-content{background-color:#ffffff}[data-theme="dark"] .help-panel-content{background-color:#1e293b}.help-tab-content{display:none;flex:1;flex-direction:column;overflow:hidden}.help-tab-content.active{display:flex}.help-search{position:relative;padding:16px 20px;border-bottom:1px solid var(--color-border);flex-shrink:0}.help-search-icon{position:absolute;left:32px;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);font-size:14px;pointer-events:none}.help-search input{width:100%;padding:10px 12px 10px 36px;border:1px solid var(--color-border);border-radius:8px;font-size:14px;color:var(--color-text-primary);background:var(--color-surface);transition:border-color 0.2s ease,box-shadow 0.2s ease}.help-search input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.help-search input::placeholder{color:var(--color-text-tertiary)}.help-section{padding:16px 20px;border-bottom:1px solid var(--color-border-light)}.help-section:last-child{border-bottom:none}.help-section h4{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:var(--color-text-secondary,#64748b);margin:0 0 12px 0}#helpBrowseTab{overflow-y:auto}.help-articles-list{display:flex;flex-direction:column;gap:8px}.help-article-card{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--color-surface-secondary);border:1px solid var(--color-border-light);border-radius:8px;cursor:pointer;transition:all 0.2s ease;text-decoration:none;color:inherit}.help-article-card:hover{background:var(--color-surface-tertiary);border-color:var(--color-border)}.help-article-card:focus{outline:2px solid var(--color-primary-light);outline-offset:2px}.help-article-icon{width:32px;height:32px;border-radius:6px;background:var(--color-info-bg);color:var(--color-info);display:flex;align-items:center;justify-content:center;flex-shrink:0}.help-article-icon i{font-size:14px}.help-article-content{flex:1;min-width:0}.help-article-title{font-size:14px;font-weight:500;color:var(--color-text-primary);margin:0 0 4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.help-article-excerpt{font-size:12px;color:var(--color-text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.help-categories-tree{display:flex;flex-direction:column;gap:4px}.help-category-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all 0.2s ease;width:100%;text-align:left;color:var(--color-text-primary);font-size:14px}.help-category-item:hover{background:var(--color-surface-tertiary)}.help-category-item:focus{outline:2px solid var(--color-primary-light);outline-offset:2px}.help-category-icon{width:28px;height:28px;border-radius:6px;background:var(--color-primary-bg);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.help-category-icon i{font-size:12px}.help-category-name{flex:1;font-weight:500}.help-category-count{font-size:12px;color:var(--color-text-tertiary);background:var(--color-surface-tertiary);padding:2px 8px;border-radius:10px}.help-category-arrow{color:var(--color-text-tertiary);font-size:12px}.ai-chat-container{display:flex;flex-direction:column;height:100%}.ai-chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.ai-chat-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;color:var(--color-text-secondary)}.ai-chat-welcome i{font-size:48px;color:var(--color-primary);margin-bottom:16px;opacity:0.6}.ai-chat-welcome p{margin:0;font-size:14px;line-height:1.5}.ai-chat-message{display:flex;gap:12px;max-width:90%}.ai-chat-message--user{align-self:flex-end;flex-direction:row-reverse}.ai-chat-message--ai{align-self:flex-start}.ai-chat-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ai-chat-message--user .ai-chat-avatar{background-color:#1a56db;background:var(--color-primary,#1a56db);color:#ffffff;color:var(--color-text-inverse,#ffffff)}.ai-chat-message--ai .ai-chat-avatar{background-color:#dbeafe;background:var(--color-info-bg,#dbeafe);color:#1a56db;color:var(--color-info,#1a56db)}[data-theme="dark"] .ai-chat-message--ai .ai-chat-avatar{background-color:#1e3a5f;color:#60a5fa}.ai-chat-avatar i{font-size:14px}.ai-chat-bubble{padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.5}.ai-chat-message--user .ai-chat-bubble{background-color:#1a56db;background:var(--color-primary,#1a56db);color:#ffffff;color:var(--color-text-inverse,#ffffff);border-bottom-right-radius:4px}.ai-chat-message--ai .ai-chat-bubble{background-color:#f1f5f9;background:var(--color-surface-tertiary,#f1f5f9);color:#1e293b;color:var(--color-text-primary,#1e293b);border-bottom-left-radius:4px}[data-theme="dark"] .ai-chat-message--ai .ai-chat-bubble{background-color:#334155;color:#f1f5f9}.ai-chat-input{display:flex;align-items:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--color-border,#e2e8f0);background-color:#ffffff;background:var(--color-surface,#ffffff)}[data-theme="dark"] .ai-chat-input{background-color:#1e293b;border-top-color:#334155}.ai-chat-input textarea{flex:1;min-height:40px;max-height:120px;padding:10px 14px;border:1px solid var(--color-border,#e2e8f0);border-radius:20px;font-size:14px;line-height:1.4;resize:none;color:#1e293b;color:var(--color-text-primary,#1e293b);background-color:#ffffff;background:var(--color-surface,#ffffff);transition:border-color 0.2s ease}[data-theme="dark"] .ai-chat-input textarea{color:#f1f5f9;background-color:#1e293b;border-color:#475569}.ai-chat-input textarea:focus{outline:none;border-color:var(--color-primary)}.ai-chat-input textarea::placeholder{color:var(--color-text-tertiary)}#aiChatSend{width:40px;height:40px;border:none;background-color:#1a56db;background:var(--color-primary,#1a56db);color:#ffffff;color:var(--color-text-inverse,#ffffff);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color 0.2s ease,transform 0.2s ease;flex-shrink:0}#aiChatSend:hover{background-color:#1e429f;background:var(--color-primary-hover,#1e429f);transform:scale(1.05)}#aiChatSend:focus{outline:2px solid #93c5fd;outline:2px solid var(--color-primary-light,#93c5fd);outline-offset:2px}#aiChatSend:disabled{background-color:#d1d5db;background:var(--color-gray-300,#d1d5db);color:#9ca3af;cursor:not-allowed;transform:none}#aiChatSend i{font-size:14px}.help-loading{display:flex;align-items:center;justify-content:center;padding:24px;color:var(--color-text-tertiary)}.help-loading i{font-size:24px;animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.help-empty{text-align:center;padding:24px;color:var(--color-text-tertiary)}.help-empty i{font-size:32px;margin-bottom:12px;opacity:0.5}.help-empty p{margin:0;font-size:14px}.ai-typing-indicator{display:flex;align-items:center;gap:4px;padding:12px 16px;background:var(--color-surface-tertiary);border-radius:12px;border-bottom-left-radius:4px;width:fit-content}.ai-typing-indicator span{width:8px;height:8px;background:var(--color-text-tertiary);border-radius:50%;animation:typing 1.4s infinite ease-in-out}.ai-typing-indicator span:nth-child(1){animation-delay:0s}.ai-typing-indicator span:nth-child(2){animation-delay:0.2s}.ai-typing-indicator span:nth-child(3){animation-delay:0.4s}@keyframes typing{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-4px)}}.ai-chat-content{display:flex;flex-direction:column;gap:8px}.ai-chat-sources{padding:8px 12px;background:var(--color-surface-secondary);border:1px solid var(--color-border-light);border-radius:8px;font-size:12px}.ai-sources-label{font-weight:600;color:var(--color-text-secondary);margin-bottom:6px}.ai-sources-list{display:flex;flex-direction:column;gap:4px}.ai-source-link{display:inline-flex;align-items:center;padding:4px 8px;background:var(--color-surface);border-radius:4px;color:var(--color-primary);text-decoration:none;font-size:11px;transition:background-color 0.2s ease}.ai-source-link:hover{background:var(--color-primary-bg);text-decoration:underline}.ai-chat-bubble strong{font-weight:600}.ai-bullet{color:var(--color-primary);font-weight:bold;margin-right:4px}@media (max-width:768px){.help-edge-tab{display:none}.help-panel{width:100%;max-width:100%}.help-panel-header{padding:12px 16px}.help-tab{padding:6px 12px;font-size:13px}.help-search{padding:12px 16px}.help-section{padding:12px 16px}.ai-chat-input{padding:12px 16px}}[data-theme="dark"] .help-panel{background:var(--color-surface);box-shadow:-4px 0 24px rgba(0,0,0,0.4)}[data-theme="dark"] .help-panel-backdrop{background:rgba(0,0,0,0.5)}[data-theme="dark"] .help-search input{background:var(--color-surface-secondary)}[data-theme="dark"] .help-article-card{background:var(--color-surface-secondary);border-color:var(--color-border)}[data-theme="dark"] .help-article-card:hover{background:var(--color-surface-tertiary)}.help-panel:focus-within .help-tab:focus,.help-panel:focus-within .help-panel-close:focus,.help-panel:focus-within .help-article-card:focus,.help-panel:focus-within .help-category-item:focus{outline:2px solid var(--color-primary-light);outline-offset:2px}.fab-container ~ .help-edge-tab{display:flex}@media (max-width:768px){.fab-container ~ .help-edge-tab,.help-edge-tab{width:20px!important;max-width:20px!important;min-width:20px!important;padding:16px 4px!important;box-sizing:border-box!important;overflow:hidden!important}.fab-container ~ .help-edge-tab .help-edge-tab-text,.help-edge-tab .help-edge-tab-text{font-size:10px!important;letter-spacing:1px!important}.fab-container ~ .help-edge-tab:hover,.help-edge-tab:hover{width:24px!important;max-width:24px!important;min-width:24px!important}}.help-detail-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--color-border-light);flex-shrink:0}.help-back-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all 0.2s ease}.help-back-btn:hover{background:var(--color-surface-secondary);color:var(--color-text-primary);border-color:var(--color-border-dark,var(--color-border))}.help-back-btn i{font-size:12px}.help-detail-title{flex:1;font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.help-article-detail{padding:20px;overflow-y:auto;flex:1}.help-article-detail-title{font-size:20px;font-weight:700;color:var(--color-text-primary);margin:0 0 12px 0;line-height:1.3}.help-article-category{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--color-primary-bg,rgba(99,102,241,0.1));color:var(--color-primary);border-radius:4px;font-size:12px;font-weight:500;margin-bottom:12px}.help-article-category i{font-size:10px}.help-article-meta{display:flex;gap:16px;color:var(--color-text-tertiary);font-size:13px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--color-border-light)}.help-article-meta span{display:flex;align-items:center;gap:6px}.help-article-meta i{font-size:12px}.help-article-body{color:var(--color-text-primary);font-size:14px;line-height:1.7}.help-article-body h1,.help-article-body h2,.help-article-body h3,.help-article-body h4{color:var(--color-text-primary);margin-top:24px;margin-bottom:12px}.help-article-body h1{font-size:18px}.help-article-body h2{font-size:16px}.help-article-body h3{font-size:15px}.help-article-body h4{font-size:14px}.help-article-body p{margin-bottom:16px}.help-article-body ul,.help-article-body ol{margin-bottom:16px;padding-left:24px}.help-article-body li{margin-bottom:8px}.help-article-body code{background:var(--color-surface-tertiary);padding:2px 6px;border-radius:4px;font-size:13px;font-family:monospace}.help-article-body pre{background:var(--color-surface-tertiary);padding:16px;border-radius:8px;overflow-x:auto;margin-bottom:16px}.help-article-body pre code{background:transparent;padding:0}.help-article-body a{color:var(--color-primary);text-decoration:none}.help-article-body a:hover{text-decoration:underline}.help-article-body blockquote{border-left:4px solid var(--color-primary);padding-left:16px;margin:16px 0;color:var(--color-text-secondary);font-style:italic}.help-article-body img{max-width:100%;height:auto;border-radius:8px;margin:16px 0}html:not([data-theme="dark"]) .help-panel,html[data-theme="light"] .help-panel{background-color:#ffffff!important}html:not([data-theme="dark"]) .help-panel-header,html[data-theme="light"] .help-panel-header{background-color:#f8fafc!important;border-bottom-color:#e2e8f0!important}html:not([data-theme="dark"]) .help-panel-content,html[data-theme="light"] .help-panel-content{background-color:#ffffff!important}html:not([data-theme="dark"]) .help-tab,html[data-theme="light"] .help-tab{color:#475569!important}html:not([data-theme="dark"]) .help-tab:hover,html[data-theme="light"] .help-tab:hover{background-color:#e2e8f0!important;color:#1e293b!important}html:not([data-theme="dark"]) .help-tab.active,html[data-theme="light"] .help-tab.active{background-color:#1a56db!important;color:#ffffff!important}html:not([data-theme="dark"]) .help-panel-close,html[data-theme="light"] .help-panel-close{color:#64748b!important}html:not([data-theme="dark"]) .help-panel-close:hover,html[data-theme="light"] .help-panel-close:hover{background-color:#e2e8f0!important;color:#1e293b!important}html:not([data-theme="dark"]) .ai-chat-container,html[data-theme="light"] .ai-chat-container{background-color:#ffffff!important}html:not([data-theme="dark"]) .ai-chat-messages,html[data-theme="light"] .ai-chat-messages{background-color:#ffffff!important}html:not([data-theme="dark"]) .ai-chat-message--user .ai-chat-bubble,html[data-theme="light"] .ai-chat-message--user .ai-chat-bubble{background-color:#1a56db!important;color:#ffffff!important}html:not([data-theme="dark"]) .ai-chat-message--ai .ai-chat-bubble,html[data-theme="light"] .ai-chat-message--ai .ai-chat-bubble{background-color:#f1f5f9!important;color:#1e293b!important}html:not([data-theme="dark"]) .ai-chat-message--user .ai-chat-avatar,html[data-theme="light"] .ai-chat-message--user .ai-chat-avatar{background-color:#1a56db!important;color:#ffffff!important}html:not([data-theme="dark"]) .ai-chat-message--ai .ai-chat-avatar,html[data-theme="light"] .ai-chat-message--ai .ai-chat-avatar{background-color:#dbeafe!important;color:#1a56db!important}html:not([data-theme="dark"]) .ai-chat-input,html[data-theme="light"] .ai-chat-input{background-color:#ffffff!important;border-top-color:#e2e8f0!important}html:not([data-theme="dark"]) .ai-chat-input textarea,html[data-theme="light"] .ai-chat-input textarea{background-color:#ffffff!important;border-color:#e2e8f0!important;color:#1e293b!important}html:not([data-theme="dark"]) #aiChatSend,html[data-theme="light"] #aiChatSend{background-color:#1a56db!important;color:#ffffff!important}html:not([data-theme="dark"]) #aiChatSend:hover,html[data-theme="light"] #aiChatSend:hover{background-color:#1e429f!important}html:not([data-theme="dark"]) .help-category-item,html:not([data-theme="dark"]) .help-article-item,html[data-theme="light"] .help-category-item,html[data-theme="light"] .help-article-item{background-color:#ffffff!important;border-color:#e2e8f0!important;color:#1e293b!important}html:not([data-theme="dark"]) .help-category-item:hover,html:not([data-theme="dark"]) .help-article-item:hover,html[data-theme="light"] .help-category-item:hover,html[data-theme="light"] .help-article-item:hover{background-color:#f8fafc!important}html:not([data-theme="dark"]) .help-section-title,html[data-theme="light"] .help-section-title{color:#64748b!important}html:not([data-theme="dark"]) .help-article-detail,html[data-theme="light"] .help-article-detail{color:#1e293b!important}html:not([data-theme="dark"]) .help-article-body,html[data-theme="light"] .help-article-body{color:#334155!important}html:not([data-theme="dark"]) .help-back-btn,html[data-theme="light"] .help-back-btn{background-color:#f1f5f9!important;color:#1e293b!important;border-color:#e2e8f0!important}html:not([data-theme="dark"]) .help-back-btn:hover,html[data-theme="light"] .help-back-btn:hover{background-color:#e2e8f0!important}.help-settings-tab-selector{margin-bottom:12px}.help-settings-tab-selector select{width:100%;padding:8px 12px;font-size:13px;font-weight:500;border:1px solid var(--color-border);border-radius:var(--radius-md,6px);background-color:var(--color-surface);color:var(--color-text);cursor:pointer;transition:border-color 0.2s ease,box-shadow 0.2s ease}.help-settings-tab-selector select:hover{border-color:var(--color-primary)}.help-settings-tab-selector select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}html[data-theme="dark"] .help-settings-tab-selector select{background-color:var(--color-gray-800);border-color:var(--color-gray-600);color:var(--color-gray-100)}html[data-theme="dark"] .help-settings-tab-selector select:hover{border-color:var(--color-primary)}html:not([data-theme="dark"]) .help-settings-tab-selector select,html[data-theme="light"] .help-settings-tab-selector select{background-color:#ffffff;border-color:#e2e8f0;color:#1e293b}.help-dashboard-tab-selector{margin-bottom:12px}.help-dashboard-tab-selector select{width:100%;padding:8px 12px;font-size:13px;font-weight:500;border:1px solid var(--color-border);border-radius:var(--radius-md,6px);background-color:var(--color-surface);color:var(--color-text);cursor:pointer;transition:border-color 0.2s ease,box-shadow 0.2s ease}.help-dashboard-tab-selector select:hover{border-color:var(--color-primary)}.help-dashboard-tab-selector select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}html[data-theme="dark"] .help-dashboard-tab-selector select{background-color:var(--color-gray-800);border-color:var(--color-gray-600);color:var(--color-gray-100)}html[data-theme="dark"] .help-dashboard-tab-selector select:hover{border-color:var(--color-primary)}html:not([data-theme="dark"]) .help-dashboard-tab-selector select,html[data-theme="light"] .help-dashboard-tab-selector select{background-color:#ffffff;border-color:#e2e8f0;color:#1e293b}.ds-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.ds-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:-1;cursor:pointer}.ds-modal-container{background:var(--color-surface);border-radius:var(--border-radius-lg,12px);box-shadow:var(--shadow-xl,0 10px 40px rgba(0,0,0,0.15));width:100%;max-height:calc(100vh - var(--space-8));display:flex;flex-direction:column;position:relative;z-index:1}.ds-modal-content{border:none;border-radius:var(--border-radius-lg,12px);box-shadow:0 10px 40px rgba(0,0,0,0.15);background:var(--color-surface,#ffffff)}.ds-modal-container--sm{max-width:400px}.ds-modal-container--md{max-width:600px}.ds-modal-container--lg{max-width:800px}.ds-modal-container--xl{max-width:1000px}.ds-modal-header{flex-shrink:0;display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border,#e5e7eb);background:var(--color-surface);border-radius:var(--border-radius-lg,12px) var(--border-radius-lg,12px) 0 0}.ds-modal-header-content{flex:1;min-width:0}.ds-modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0;color:var(--color-text-primary,#111827);line-height:1.4}.ds-modal-subtitle{margin:var(--space-1) 0 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary,#6b7280);line-height:1.5}.ds-modal-close{flex-shrink:0;background:none;border:none;font-size:var(--font-size-2xl);color:var(--color-text-secondary,#6b7280);cursor:pointer;padding:var(--space-2);line-height:1;transition:color 0.15s ease;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius,8px);margin-left:var(--space-4)}.ds-modal-close:hover{color:var(--color-text-primary,#111827);background:var(--color-surface-secondary,#f9fafb)}.ds-modal-close:focus-visible{outline:2px solid var(--color-primary,#3b82f6);outline-offset:2px}.ds-modal-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--color-surface,#ffffff)}.ds-modal-body-content{padding:var(--space-6);background:var(--color-surface,#ffffff)}.ds-modal-body-content form{display:flex;flex-direction:column;gap:var(--space-5)}.ds-modal-footer{flex-shrink:0;background:var(--color-surface-secondary,#f9fafb);padding:var(--space-5) var(--space-6);border-top:1px solid var(--color-border,#e5e7eb);border-radius:0 0 var(--border-radius-lg,12px) var(--border-radius-lg,12px);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.ds-modal-footer>*:only-child{margin-left:auto}.ds-modal-footer .ds-modal-footer-actions{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.ds-profile-preview-container{width:80px;height:80px;flex-shrink:0;border-radius:50%;background:var(--color-surface);display:flex;align-items:center;justify-content:center;border:2px solid var(--color-border,#e5e7eb);overflow:hidden}.ds-profile-preview-icon{font-size:2.2rem;color:var(--color-text-tertiary,#9ca3af)}.ds-profile-preview-image{display:none;width:120%;height:120%;object-fit:cover;object-position:center center;margin:-10%}.ds-profile-preview-image--visible{display:block}.ds-profile-section{padding:var(--space-5);background:var(--color-surface-secondary,#f9fafb);border-radius:var(--border-radius)}.ds-avatar-lg{width:200px;height:200px;max-width:200px;max-height:200px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:0 auto}.ds-avatar-lg img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%}.ds-object-cover{object-fit:cover!important;object-position:center!important}.ds-img-32{width:32px!important;height:32px!important;min-width:32px;min-height:32px;max-width:32px;max-height:32px;object-fit:cover;border-radius:50%}.ds-img-40{width:40px!important;height:40px!important;min-width:40px;min-height:40px;max-width:40px;max-height:40px;object-fit:cover;border-radius:50%}.ds-img-48{width:48px!important;height:48px!important;min-width:48px;min-height:48px;max-width:48px;max-height:48px;object-fit:cover;border-radius:50%}.avatar-circle img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%}@media (max-width:768px){.ds-modal{padding:0}.ds-modal-container{max-height:100vh;border-radius:0;width:100%;max-width:100%}.ds-modal-header{border-radius:0;padding:1rem 1.25rem}.ds-modal-title{font-size:1.125rem}.ds-modal-body-content{padding:1.25rem}.ds-modal-footer{padding:1rem 1.25rem;flex-direction:column;align-items:stretch;border-radius:0}.ds-modal-footer .ds-modal-footer-actions{width:100%;flex-direction:column-reverse}.ds-modal-footer .ds-btn{width:100%;justify-content:center}}@media (max-width:374px){.ds-modal-body-content{padding:1rem}}.modal-content.ds-modal-content{border:none;border-radius:var(--space-3);box-shadow:0 10px 40px rgba(0,0,0,0.15)}.modal-header.ds-modal-header{border-bottom:1px solid var(--color-border,#e5e7eb);padding:1.5rem 2rem;background:var(--color-surface);border-radius:var(--border-radius-lg) 12px 0 0}.modal-title.ds-modal-title{font-size:1.5rem;font-weight:600;margin:0;color:var(--color-text-primary,#111827)}.ds-modal-subtitle{margin:0.25rem 0 0 0;font-size:0.875rem;color:var(--color-text-secondary,#6b7280)}.modal-body.ds-modal-body{padding:2rem;max-height:70vh;overflow-y:auto;background:var(--color-surface,#ffffff)}.modal-footer.ds-modal-footer{background:var(--color-surface-secondary,#f9fafb);padding:1.5rem 2rem;border-top:1px solid var(--color-border,#e5e7eb)}.ds-modal-info-grid{background:var(--color-surface-secondary,#f9fafb);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:1.5rem}.ds-modal-info-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ds-modal-info-label{margin:0;font-size:0.875rem;color:var(--color-text-secondary,#6b7280);font-weight:500}.ds-modal-info-value{margin:0.25rem 0 0 0;font-size:1rem;color:var(--color-text-primary,#111827)}.ds-modal-info-value--bold{margin:0.25rem 0 0 0;font-size:1rem;color:var(--color-text-primary,#111827);font-weight:600}.ds-modal-help-text{margin:0;font-size:0.875rem;color:var(--color-text-secondary,#6b7280)}@media (max-width:768px){.modal-header.ds-modal-header{padding:1rem 1.25rem;border-radius:var(--border-radius-lg) 12px 0 0}.modal-title.ds-modal-title{font-size:1.25rem}.modal-body.ds-modal-body{padding:1.25rem}.modal-footer.ds-modal-footer{padding:1rem 1.25rem}.ds-modal-info-grid-2col{grid-template-columns:1fr}}.ds-permission-alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--border-radius);margin-bottom:var(--space-5)}.ds-permission-alert--warning{background:var(--color-warning-bg);border-left:4px solid var(--color-warning-light)}.ds-permission-alert--info{background:var(--color-warning-bg-lighter);border-left:4px solid var(--color-orange);padding:14px 16px}.ds-permission-alert__icon{font-size:var(--space-5);margin-top:2px;flex-shrink:0}.ds-permission-alert__icon--warning{color:var(--color-warning-bright)}.ds-permission-alert__icon--info{color:var(--color-orange-dark);font-size:var(--space-4)}.ds-permission-alert__content{flex:1}.ds-permission-alert__title{font-weight:600;color:var(--color-warning-dark-brown);font-size:15px;margin-bottom:var(--space-1)}.ds-permission-alert__text{color:var(--color-warning-dark-brown);line-height:1.5}.ds-permission-alert__text--info{color:var(--color-warning-darker);line-height:1.5;font-size:13px}.ds-permission-card{padding:var(--space-5);border-radius:var(--space-3);margin-bottom:var(--space-4);border-width:1px;border-style:solid}.ds-permission-card--admin,.ds-permission-card--customer,.ds-permission-card--none{background:linear-gradient(135deg,var(--color-danger-bg-light) 0%,var(--color-danger-bg) 100%);border-color:var(--color-danger-border)}.ds-permission-card--accountant{background:linear-gradient(135deg,var(--color-warning-bg-lighter) 0%,var(--color-orange-bg) 100%);border-color:var(--color-orange-border)}.ds-permission-card--employee{background:linear-gradient(135deg,var(--color-info-gradient-start) 0%,var(--color-info-bg) 100%);border-color:var(--color-info-border)}.ds-permission-card__header{display:flex;align-items:center;gap:10px;margin-bottom:var(--space-3)}.ds-permission-card__icon{font-size:18px}.ds-permission-card__icon--admin,.ds-permission-card__icon--customer,.ds-permission-card__icon--none{color:var(--color-danger-dark)}.ds-permission-card__icon--accountant{color:var(--color-orange-dark)}.ds-permission-card__icon--employee{color:var(--color-info-dark)}.ds-permission-card__title{font-weight:700;font-size:var(--space-4)}.ds-permission-card__title--admin,.ds-permission-card__title--customer,.ds-permission-card__title--none{color:var(--color-danger-darker)}.ds-permission-card__title--accountant{color:var(--color-warning-darker)}.ds-permission-card__title--employee{color:var(--color-blue-darker)}.ds-permission-card__content{line-height:1.6;font-size:14px}.ds-permission-card__content--admin,.ds-permission-card__content--customer,.ds-permission-card__content--none{color:var(--color-danger-dark)}.ds-permission-card__content--accountant{color:var(--color-orange-dark)}.ds-permission-card__content--employee{color:var(--color-info-dark)}.ds-permission-card__subtitle{margin-bottom:var(--space-2)}.ds-permission-list{margin:0;padding-left:var(--space-5)}.ds-permission-list__item{margin-bottom:6px}.ds-permission-list__item:last-child{margin-bottom:0}.ds-modal-section{background:var(--color-surface-secondary,#f9fafb);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:1.5rem}.ds-modal-section:last-child{margin-bottom:0}.ds-modal-section--no-margin{margin-bottom:0}.ds-modal-section__header{font-size:1rem;font-weight:600;margin:0 0 1rem 0;color:var(--color-text-primary,#1f2937);display:flex;align-items:center;gap:0.5rem}.ds-modal-section__header--no-margin{margin-bottom:0}.ds-modal-section__header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.ds-modal-section__icon{color:var(--color-primary,#0d6efd)}.ds-modal-section .ds-form-field--no-margin{margin-bottom:0}.ds-modal-form-label{font-weight:500;margin-bottom:0.5rem;color:var(--color-text-secondary,#6b7280);font-size:0.875rem;text-transform:uppercase;letter-spacing:0.5px}.ds-modal-check-label{font-weight:500;color:var(--color-text-primary,#1f2937);margin-bottom:0}.ds-modal-helper{color:var(--color-text-tertiary,#9ca3af);font-size:0.875rem}.ds-modal-helper--block{display:block;margin-top:0.5rem;margin-left:2rem;color:var(--color-text-tertiary,#9ca3af);font-size:0.875rem}.ds-modal-helper--field{margin-bottom:0.5rem}.ds-icon-mr{margin-right:0.5rem}.ds-success-icon-circle{width:80px;height:80px;margin:0 auto 1.5rem;background:var(--color-success-bg);border-radius:50%;display:flex;align-items:center;justify-content:center}.ds-success-icon-circle i{font-size:2.5rem;color:var(--color-success)}.ds-modal-body--centered{padding:2.5rem;text-align:center}.ds-modal-footer--centered{justify-content:center}.ds-modal-heading{margin-bottom:0.5rem;color:var(--color-text-primary,#1f2937)}.ds-modal-text{color:var(--color-text-secondary,#6b7280);margin-bottom:1.5rem}.ds-modal-text--small{font-size:0.875rem;color:var(--color-text-tertiary,#9ca3af)}LEGACY MODAL SUPPORT (Economy modals)========================================*/ .economy-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.economy-modal .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:-1;cursor:pointer}.economy-modal .modal-container{background:var(--color-surface);border-radius:var(--border-radius-lg,12px);box-shadow:0 10px 40px rgba(0,0,0,0.15);width:100%;max-width:800px;max-height:calc(100vh - 2rem);display:flex;flex-direction:column;position:relative;z-index:1}.economy-modal .modal-body{flex:1;min-height:0;overflow-y:auto!important;-webkit-overflow-scrolling:touch;max-height:none!important;background:var(--color-surface,#ffffff)}.economy-modal .modal-header{flex-shrink:0;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border,#e5e7eb)}.economy-modal .modal-footer{flex-shrink:0;padding:1.25rem 1.5rem;border-top:1px solid var(--color-border,#e5e7eb);display:flex;justify-content:space-between;gap:1rem}@media (max-width:768px){.economy-modal{padding:0}.economy-modal .modal-container{max-height:100vh;border-radius:0;width:100%;max-width:100%}.economy-modal .modal-header{padding:1rem 1.25rem}.economy-modal .modal-body{padding:1.25rem}.economy-modal .modal-footer{padding:1rem 1.25rem;flex-direction:column;align-items:stretch}.economy-modal .modal-footer .ds-btn{width:100%}}@keyframes ds-modal-fade-in{from{opacity:0}to{opacity:1}}@keyframes ds-modal-slide-up{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.ds-modal[style*="display: flex"],.ds-modal[style*="display:flex"]{animation:ds-modal-fade-in 0.15s ease-out}.ds-modal[style*="display: flex"] .ds-modal-container,.ds-modal[style*="display:flex"] .ds-modal-container{animation:ds-modal-slide-up 0.2s ease-out}.ds-modal:focus{outline:none}.ds-modal-container:focus-visible{outline:2px solid var(--color-primary,#3b82f6);outline-offset:-2px}.ds-modal .ds-btn:focus-visible,.ds-modal .ds-form-input:focus-visible,.ds-modal .form-select:focus-visible,.ds-modal .ds-form-textarea:focus-visible{outline:2px solid var(--color-primary,#3b82f6);outline-offset:2px}