.theme-ripple-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999999;pointer-events:none;background-color:var(--ripple-bg);animation:theme-ripple-expand .5s cubic-bezier(.4,0,.2,1) forwards}[data-theme-animating=true] *,[data-theme-animating=true]{transition:none!important}@keyframes theme-ripple-expand{0%{clip-path:circle(0% at var(--ripple-x) var(--ripple-y));opacity:0}15%{opacity:1}to{clip-path:circle(150% at var(--ripple-x) var(--ripple-y));opacity:1}}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:999999;animation:.5s cubic-bezier(.4,0,.2,1) theme-ripple-expand-clip forwards}@keyframes theme-ripple-expand-clip{0%{clip-path:circle(0% at var(--ripple-x) var(--ripple-y))}to{clip-path:circle(150% at var(--ripple-x) var(--ripple-y))}}.toast-container{position:fixed;top:var(--spacing-16);right:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-3);z-index:9999;pointer-events:none}.toast{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);min-width:300px;max-width:400px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toast-enter .2s ease-out}.toast-exit{animation:toast-exit .2s ease-in forwards}@keyframes toast-enter{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-message{flex:1;font-size:var(--font-size-sm);line-height:1.5;color:var(--color-text)}.toast-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:1px solid transparent;border-radius:50%;cursor:pointer;color:var(--color-text-tertiary);transition:all .15s ease;flex-shrink:0}.toast-close:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong);color:var(--color-text);animation:toast-close-pop .3s ease-out}@keyframes toast-close-pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.toast-success{border-color:var(--color-success-200);background:var(--color-success-50)}[data-theme=dark] .toast-success{background:#111827;border-color:var(--color-primary-600)}[data-theme=dark] .toast-success .toast-message{color:#fff}[data-theme=dark] .toast-success .toast-icon{color:#10b981}.toast-success .toast-icon{color:var(--color-success-600)}.toast-error{border-color:var(--color-danger-200);background:var(--color-danger-50)}[data-theme=dark] .toast-error{background:#111827;border-color:var(--color-primary-600)}[data-theme=dark] .toast-error .toast-message{color:#fff}[data-theme=dark] .toast-error .toast-icon{color:#ef4444}.toast-error .toast-icon{color:var(--color-danger-600)}.toast-warning{border-color:var(--color-warning-200);background:var(--color-warning-50)}[data-theme=dark] .toast-warning{background:#111827;border-color:var(--color-primary-600)}[data-theme=dark] .toast-warning .toast-message{color:#fff}[data-theme=dark] .toast-warning .toast-icon{color:#f59e0b}.toast-warning .toast-icon{color:var(--color-warning-600)}.toast-info{border-color:var(--color-primary-200);background:var(--color-primary-50)}[data-theme=dark] .toast-info{background:#111827;border-color:var(--color-primary-600)}[data-theme=dark] .toast-info .toast-message{color:#fff}[data-theme=dark] .toast-info .toast-icon{color:var(--color-primary-500)}.toast-info .toast-icon{color:var(--color-primary-600)}@media(max-width:480px){.toast-container{left:var(--spacing-4);right:var(--spacing-4);top:var(--spacing-4)}.toast{min-width:auto;max-width:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{height:32px;padding:0 var(--space-3);font-size:var(--font-size-sm)}.btn-md{height:40px;padding:0 var(--space-4);font-size:var(--font-size-sm)}.btn-lg{height:48px;padding:0 var(--space-6);font-size:var(--font-size-base)}.btn-primary{color:#fff;background-color:var(--color-primary-600)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-700)}.btn-primary:active:not(:disabled){background-color:var(--color-primary-800)}.btn-secondary{color:var(--color-text);background-color:var(--color-bg);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-secondary);border-color:var(--color-border-strong)}.btn-danger{color:#fff;background-color:var(--color-danger-600)}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-700)}.btn-warning{color:#fff;background-color:var(--color-warning-500)}.btn-warning:hover:not(:disabled){background-color:var(--color-warning-600)}.btn-ghost{color:var(--color-text-secondary);background-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-secondary);color:var(--color-text)}.btn-outline{color:var(--color-text);background-color:transparent;border:1px solid var(--color-border)}.btn-outline:hover:not(:disabled){background-color:var(--color-bg-secondary);border-color:var(--color-border-strong)}.btn-full{width:100%}.btn-loading{position:relative;color:transparent!important}.btn-spinner{position:absolute;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.btn-primary .btn-spinner{border-color:#ffffff4d;border-right-color:transparent}.btn-loading .btn-spinner{color:var(--color-primary-600)}.btn-primary.btn-loading .btn-spinner{color:#fff}.btn-icon-left,.btn-icon-right{display:flex;align-items:center;justify-content:center}.btn-icon-left svg,.btn-icon-right svg{width:16px;height:16px}.btn-lg .btn-icon-left svg,.btn-lg .btn-icon-right svg{width:20px;height:20px}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--radius-md);background-color:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:16px;line-height:1}.btn-icon:hover:not(:disabled){background-color:var(--color-bg-secondary);color:var(--color-text)}.btn-icon:active:not(:disabled){background-color:var(--color-bg-tertiary);transform:scale(.95)}.btn-icon:focus-visible{outline:2px solid var(--color-primary-600);outline-offset:2px}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-icon svg{width:16px;height:16px;flex-shrink:0}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-1)}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.input-required{color:var(--color-danger-500);margin-left:var(--space-1)}.input-container{position:relative;display:flex;align-items:center}.input{width:100%;height:40px;padding:0 var(--space-3);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color-scheme:light;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input.input.input-with-icon{padding-right:50px}.password-toggle{position:absolute;right:var(--space-3);background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast);z-index:1}.eye-icon{filter:brightness(0);opacity:.5;transition:all var(--transition-fast),transform .2s ease}.password-toggle:hover .eye-icon{opacity:1;animation:eye-bounce .4s ease-in-out}@keyframes eye-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}[data-theme=dark] .eye-icon{filter:brightness(0) invert(1);opacity:.7}[data-theme=dark] .password-toggle:hover .eye-icon{opacity:1}input[type=password]::-webkit-textfield-decoration-container{display:none}input[type=password]::-ms-reveal{display:none}input[type=password]::-webkit-credentials-auto-fill-button{display:none}.password-toggle:hover{color:var(--color-primary-500)}.input:focus{border-color:var(--color-primary-500);outline:none}.input::placeholder{color:var(--color-text-muted)}.input:disabled{background-color:var(--color-bg-secondary);cursor:not-allowed;opacity:.7}.input-error{border-color:var(--color-danger-500)}.input-error:focus{border-color:var(--color-danger-500);outline:none}.input-error-text{font-size:var(--font-size-sm);color:var(--color-danger-600);margin:0}.input-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.textarea{height:auto;min-height:80px;padding:var(--space-2) var(--space-3);resize:vertical;line-height:1.5}[data-theme=dark] input[type=date]{color-scheme:dark}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--color-bg) inset!important;-webkit-text-fill-color:var(--color-text)!important;transition:background-color 5000s ease-in-out 0s}[data-theme=dark] input:-webkit-autofill,[data-theme=dark] input:-webkit-autofill:hover,[data-theme=dark] input:-webkit-autofill:focus,[data-theme=dark] input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #1f2937 inset!important;-webkit-text-fill-color:#ffffff!important}.select-wrapper{display:flex;flex-direction:column;gap:var(--spacing-1);position:relative}.select-wrapper.is-open{z-index:1100}.select-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.select-container{position:relative;width:100%}.select-trigger{width:100%;padding:var(--spacing-2) var(--spacing-3);padding-right:var(--spacing-8);min-height:40px;font-size:var(--font-size-base);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;text-align:left;display:flex;align-items:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-2) center;transition:border-color .15s ease}.select-trigger:hover:not(:disabled){border-color:var(--color-border-hover)}.select-trigger:focus-visible,.select-trigger.is-open{outline:none;border-color:var(--color-primary-500);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M18 15l-6-6-6 6'/%3E%3C/svg%3E")}.select-trigger:disabled{background-color:var(--color-surface-hover);cursor:not-allowed;opacity:.6}.select-trigger.select-error{border-color:var(--color-error)}.select-value{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-value.placeholder{color:var(--color-text-muted)}.select-options{position:absolute;top:100%;left:0;width:100%;max-height:260px;overflow:hidden;display:flex;flex-direction:column;margin-top:var(--spacing-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1050;padding:0}.select-options-list{flex:1;max-height:210px;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-1) 0}.select-options.drop-up{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--spacing-1)}.select-option{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-base);color:var(--color-text);cursor:pointer;transition:background-color .1s ease;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;white-space:normal}.select-option span{display:block;white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere;line-height:1.4;flex:1;min-width:0}.select-option:hover{background-color:var(--color-bg-secondary)!important;color:var(--color-text)!important}.select-option.selected{background-color:var(--color-primary-50)!important;color:var(--color-primary-700)!important;font-weight:500}.check-icon{margin-left:var(--spacing-2);width:16px;height:16px;flex-shrink:0;color:var(--color-primary-700)}.select-error-text{font-size:var(--font-size-sm);color:var(--color-error)}@media(max-height:600px){.select-options{max-height:200px}.select-options-list{max-height:150px}}@media(max-height:400px){.select-options{max-height:140px}.select-options-list{max-height:90px}}.modal .select-wrapper{overflow:visible}.select-search{padding:var(--spacing-2) var(--spacing-3);border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0}.select-search input{width:100%;padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);outline:none}.select-search input:focus{border-color:var(--color-primary-500)}.select-option.no-results{color:var(--color-text-muted);cursor:default;font-style:italic}.select-option.no-results:hover{background-color:transparent;color:var(--color-text-muted)}.currency-select.select-options .select-option,.currency-select .select-option{flex-direction:row;align-items:center;gap:var(--spacing-2)}.currency-select.select-options .select-option span,.currency-select .select-option span{white-space:normal!important;word-break:break-word!important;line-height:1.3}.multiselect-wrapper{display:flex;flex-direction:column;gap:var(--spacing-1);position:relative}.multiselect-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.multiselect-container{position:relative;width:100%}.multiselect-trigger{width:100%;display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);padding-right:var(--spacing-8);min-height:40px;font-size:var(--font-size-base);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;text-align:left;transition:border-color .15s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-2) center}.multiselect-trigger:hover:not(:disabled){border-color:var(--color-border-hover)}.multiselect-trigger.is-open{outline:none;border-color:var(--color-primary-500);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M18 15l-6-6-6 6'/%3E%3C/svg%3E")}.multiselect-trigger:disabled{background-color:var(--color-surface-hover);cursor:not-allowed;opacity:.6}.multiselect-value{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multiselect-value.placeholder{color:var(--color-text-muted)}.multiselect-options{position:absolute;top:100%;left:0;width:100%;max-height:250px;overflow-y:auto;overflow-x:hidden;margin-top:var(--spacing-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1050;padding:var(--spacing-1) 0}.multiselect-options.drop-up{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--spacing-1)}.multiselect-option{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-base);color:var(--color-text);cursor:pointer;transition:background-color .1s ease}.multiselect-option:hover{background-color:var(--color-bg-secondary)}.multiselect-option.selected{background-color:var(--color-primary-50);color:var(--color-primary-700);font-weight:500}.multiselect-option input[type=checkbox]{margin:0;cursor:pointer}.multiselect-select-all{border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-1);padding-bottom:var(--spacing-2);font-weight:500}@media(max-height:600px){.multiselect-options{max-height:180px}}@media(max-height:400px){.multiselect-options{max-height:120px}}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow var(--transition-fast);position:relative}.card-has-actions{padding-top:var(--space-1)!important}.card-actions-top-bar{display:flex;justify-content:flex-end;gap:var(--space-2);width:100%}.card-expanded .card-actions-top-bar{margin-bottom:var(--space-1)}.card-icon-btn{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);margin-bottom:3px}.card-icon-btn:hover{background:var(--color-bg-secondary);color:var(--color-text)}.card-expanded{position:fixed!important;top:var(--topbar-height, 64px)!important;left:var(--sidebar-width, 260px)!important;right:0!important;bottom:auto!important;max-height:calc(100vh - var(--topbar-height, 64px) - var(--space-8))!important;width:auto!important;height:auto!important;z-index:9999!important;margin:var(--space-4)!important;border-radius:var(--radius-xl)!important;overflow-y:auto;display:flex;flex-direction:column}@media(max-width:1023px){.card-expanded{left:0!important}}.card-expanded .card-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden!important}.card-expanded [class*=-table-container],.card-expanded .table-container{max-height:none!important;flex:0 1 auto;min-height:0;margin-bottom:0!important}.card-padding-none{padding:0}.card-padding-sm{padding:var(--space-3)}.card-padding-md{padding:var(--space-4)}.card-padding-lg{padding:var(--space-6)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.card-header-content{flex:1;min-width:0}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.card-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--space-1) 0 0}.card-content{color:var(--color-text)}.card-footer{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.spinner{border-radius:50%;border-style:solid;border-color:var(--color-primary-200);border-top-color:var(--color-primary-600);animation:spin .6s linear infinite}.spinner-sm{width:16px;height:16px;border-width:2px}.spinner-md{width:24px;height:24px;border-width:3px}.spinner-lg{width:40px;height:40px;border-width:4px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8);min-height:200px}.loading-message{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1;border-radius:var(--radius-full);white-space:nowrap}.badge-default{color:var(--color-gray-700);background-color:var(--color-gray-100)}.badge-primary{color:var(--color-primary-700);background-color:var(--color-primary-100)}.badge-success{color:var(--color-success-700);background-color:var(--color-success-50)}.badge-warning{color:var(--color-warning-700);background-color:var(--color-warning-50)}.badge-danger{color:var(--color-danger-700);background-color:var(--color-danger-50)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8);min-height:200px}.empty-state-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:var(--space-4);color:var(--color-text-muted)}.empty-state-icon svg{width:48px;height:48px}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-2)}.empty-state-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-4);max-width:320px}.empty-state-action{margin-top:var(--space-2)}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8);min-height:200px}.error-state-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:var(--space-4);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-danger-600);background-color:var(--color-danger-50);border-radius:var(--radius-full)}.error-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-2)}.error-state-message{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;max-width:400px}.error-state-action{margin-top:var(--space-4)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4)}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 10px 40px #0000004d;width:100%;max-height:calc(100vh - var(--spacing-8));display:flex;flex-direction:column;animation:modalSlideIn .2s ease-out;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-overlay.drawer-overlay{padding:0;align-items:stretch}.modal-overlay.overlay-right{justify-content:flex-end}.modal-overlay.overlay-left{justify-content:flex-start}.modal-drawer{height:100%;max-height:100vh;border-radius:0;box-shadow:0 0 50px #0003}.modal-drawer-right{border-left:1px solid var(--color-border);animation:drawerSlideInRight .3s cubic-bezier(.16,1,.3,1)}.modal-drawer-left{border-right:1px solid var(--color-border);animation:drawerSlideInLeft .3s cubic-bezier(.16,1,.3,1)}.modal-drawer .modal-header,.modal-drawer .modal-body,.modal-drawer .modal-footer{border-radius:0}@keyframes drawerSlideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawerSlideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.modal-sm{max-width:400px}.modal-md{max-width:500px}.modal-lg{max-width:700px}.modal-xl{max-width:900px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-border);column-gap:10px;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);flex-shrink:0}.modal-header-actions{display:flex;align-items:center;gap:var(--spacing-2)}.modal-title{font-size:var(--font-size-lg);font-weight:600;margin:0;overflow-wrap:break-word;word-break:break-word}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all .15s ease}.modal-close:hover{background:var(--color-surface-hover);color:var(--color-text)}.modal-body{padding:var(--spacing-6);overflow-y:auto;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);flex:1;min-height:0}.modal.screenshot-modal .modal-body{overflow:hidden;padding:0;display:flex;flex-direction:column;background:var(--color-surface)}.modal.screenshot-modal .modal-header{flex-shrink:0}.modal.screenshot-modal .screenshot-full-view{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--spacing-8) + var(--spacing-4)) var(--spacing-6) var(--spacing-6);min-height:0}.modal.screenshot-modal .screenshot-full-view img{max-width:100%;max-height:calc(100vh - var(--spacing-8) - 140px);border-radius:var(--radius-md);box-shadow:0 4px 20px #0003;object-fit:contain;margin-bottom:var(--spacing-2)}.modal.screenshot-modal .screenshot-details{flex-shrink:0}@media(max-width:768px){.modal.screenshot-modal .screenshot-full-view{padding:calc(var(--spacing-6) + var(--spacing-4)) var(--spacing-4) var(--spacing-4)}.modal.screenshot-modal .screenshot-full-view img{max-height:calc(100vh - var(--spacing-8) - 120px)}.modal.screenshot-modal .screenshot-details{font-size:var(--font-size-xs);flex-wrap:wrap;justify-content:center}}@media(max-width:480px){.modal.screenshot-modal .screenshot-full-view{padding:calc(var(--spacing-4) + var(--spacing-4)) var(--spacing-3) var(--spacing-3)}.modal.screenshot-modal .screenshot-full-view img{max-height:calc(100vh - var(--spacing-8) - 100px)}.modal.screenshot-modal .screenshot-details{gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3)}}.modal-footer{display:flex;gap:var(--spacing-3);justify-content:flex-end;padding:var(--spacing-4) var(--spacing-6);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);flex-shrink:0}.modal-footer .btn{padding:4px 5px}.btn-warning{color:var(--color-text-on-warning)}.btn-warning:hover{background-color:var(--color-warning-dark);color:#007bff}.modal-message{word-break:break-word;overflow-wrap:break-word;margin:0}@media(max-width:768px){.modal-drawer{width:100%;max-width:100%}.modal-drawer .modal-header{padding:var(--spacing-3) var(--spacing-4)}.modal-drawer .modal-body{padding:var(--spacing-4)}.modal-drawer .modal-footer{padding:var(--spacing-3) var(--spacing-4)}.modal-title{font-size:var(--font-size-base)}}@media(max-width:480px){.modal-drawer .modal-header{padding:var(--spacing-2) var(--spacing-3)}.modal-drawer .modal-body{padding:var(--spacing-3)}.modal-drawer .modal-footer{padding:var(--spacing-2) var(--spacing-3);gap:var(--spacing-2)}.modal-title{font-size:var(--font-size-sm)}}.table-container{width:100%;overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.table{width:100%;border-collapse:collapse;table-layout:fixed}.table-header{background:var(--color-surface)}.table-head{padding:6px var(--spacing-3);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.table-body{background:var(--color-surface)}.table-body .table-row{border-top:1px solid var(--color-border)}.table-row-clickable{cursor:pointer;transition:background .15s ease}.table-row-clickable:hover{background:var(--color-surface-hover)}.table-cell{padding:6px var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text);max-width:300px}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-1);padding:var(--spacing-4) 0}.pagination-btn{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--spacing-2);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);cursor:pointer;transition:all .15s ease}.pagination-btn:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-hover)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-active{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.pagination-active:hover:not(:disabled){background:var(--color-primary-700);border-color:var(--color-primary-700)}.pagination-arrow{color:var(--color-text-secondary)}.pagination-arrow:hover:not(:disabled){color:var(--color-text)}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:var(--font-size-sm);color:var(--color-text-tertiary);-webkit-user-select:none;user-select:none}@media(max-width:480px){.pagination-page:not(.pagination-active){display:none}.pagination-page:first-of-type,.pagination-page:last-of-type{display:flex}.pagination-ellipsis{display:none}}.expandable-text-toggle{display:inline-block;margin-top:var(--spacing-1);padding:0;background:none;border:none;font-size:var(--font-size-sm);font-weight:500;color:var(--color-primary-500);cursor:pointer}.expandable-text-toggle:hover{text-decoration:underline}.detail-modal-content{padding:var(--spacing-4)}.detail-input1 :global(.input:read-only){cursor:default;opacity:1}.detail-textarea1 :global(.input:read-only){cursor:default;opacity:1}.theme-toggle{display:flex;align-items:center;gap:var(--spacing-2);background:var(--color-bg-secondary);border:2px solid var(--color-primary);border-radius:var(--radius-full);padding:4px;cursor:pointer;position:relative;transition:all .3s ease;width:64px;height:32px;overflow:hidden;box-shadow:var(--shadow-sm)}.theme-toggle:hover{border-color:var(--color-primary-400);background:var(--color-bg-tertiary);transform:translateY(-1px)}.toggle-track{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.toggle-thumb{position:absolute;top:3px;left:3px;width:24px;height:24px;background:var(--color-primary);border-radius:50%;transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:2;box-shadow:0 2px 4px #0003}.theme-toggle.dark{border-color:var(--color-primary)}.theme-toggle.dark .toggle-thumb{transform:translate(32px);background:#fff}.toggle-icon-wrapper{display:flex;justify-content:space-between;width:100%;padding:0 4px;z-index:0;color:var(--color-text-muted)}.sun-icon svg,.moon-icon svg{width:16px;height:16px;transition:all .4s ease}.theme-toggle.light .sun-icon{color:#fff;z-index:3}.theme-toggle.dark .moon-icon{color:#111827;z-index:3}.theme-toggle.dark .sun-icon,.theme-toggle.light .moon-icon{transform:scale(.5);opacity:.3}.theme-toggle.light .sun-icon svg{transform:rotate(45deg)}.theme-toggle.dark .moon-icon svg{transform:rotate(-15deg)}.country-phone-picker{width:100%;max-width:100%;box-sizing:border-box}.phone-input-wrapper{display:flex;align-items:center;gap:var(--space-2);width:100%;box-sizing:border-box}.country-selector{display:flex;align-items:center;justify-content:flex-start;gap:6px;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-width:90px;max-width:110px;position:relative;height:40px;flex-shrink:0;box-sizing:border-box}.country-selector:hover:not(.disabled){background:var(--color-surface-hover);border-color:var(--color-primary)}.country-selector.disabled{opacity:.6;cursor:not-allowed}.country-flag{font-size:16px;line-height:1;flex-shrink:0;width:20px;text-align:center;display:flex;align-items:center;justify-content:center}.country-dial-code{font-size:12px;font-weight:500;color:var(--color-text-secondary);flex-shrink:0;min-width:30px;text-align:center;display:flex;align-items:center;justify-content:center;line-height:1}.dropdown-arrow{font-size:10px;color:var(--color-text-muted);transition:transform var(--transition-fast);margin-left:auto;flex-shrink:0;width:10px;text-align:center;display:flex;align-items:center;justify-content:center;line-height:1}.country-selector:hover .dropdown-arrow{transform:translateY(1px)}.country-selector .country-flag{width:auto}.country-selector .country-dial-code{min-width:0}.phone-input{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;color:var(--color-text);background:var(--color-surface);transition:all var(--transition-fast);outline:none;height:40px;box-sizing:border-box;min-width:0;max-width:100%}.phone-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-100)}.phone-input.error{border-color:var(--color-danger);box-shadow:0 0 0 2px var(--color-danger-100)}.phone-input:disabled{opacity:.6;cursor:not-allowed;background:var(--color-surface-disabled)}.phone-input::placeholder{color:var(--color-text-muted)}.phone-error-message{margin-top:var(--space-1);font-size:12px;color:var(--color-danger);line-height:1.4;padding:var(--space-1) var(--space-2);background:var(--color-danger-50);border:1px solid var(--color-danger-200);border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--space-1);word-wrap:break-word;word-break:break-word;box-sizing:border-box;width:100%}.phone-error-message:before{content:"⚠";font-size:14px;color:var(--color-danger);flex-shrink:0}.country-dropdown-portal{position:fixed;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 10px 25px #0000001a;z-index:9999;max-height:300px;overflow:hidden;box-sizing:border-box}.country-search{padding:var(--space-2);border-bottom:1px solid var(--color-border);background:var(--color-surface);box-sizing:border-box}.country-search-input{width:100%;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;color:var(--color-text);background:var(--color-surface);outline:none;box-sizing:border-box}.country-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-100)}.country-search-input::placeholder{color:var(--color-text-muted)}.country-list{max-height:250px;overflow-y:auto;padding:var(--space-1);box-sizing:border-box}.country-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:14px;box-sizing:border-box}.country-item:hover{background:var(--color-surface-hover)}.country-item.selected{background:var(--color-primary-50);color:var(--color-primary-700)}.country-item .country-flag{font-size:18px;line-height:1;flex-shrink:0}.country-item .country-name{flex:1;font-weight:500;color:var(--color-text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.country-item.selected .country-name{color:var(--color-primary-700)}.country-item .country-dial-code{font-size:12px;font-weight:500;color:var(--color-text-secondary);flex-shrink:0}.country-item.selected .country-dial-code{color:var(--color-primary-600)}.no-results-message{padding:var(--space-4) var(--space-3);text-align:center;color:var(--color-text-muted);font-size:14px;font-style:italic;min-height:80px;display:flex;align-items:center;justify-content:center}.country-list::-webkit-scrollbar{width:6px}.country-list::-webkit-scrollbar-track{background:var(--color-surface)}.country-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.country-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@media(max-width:768px){.country-phone-picker{width:100%;max-width:100%}.phone-input-wrapper{flex-direction:row;gap:var(--space-1);width:100%;max-width:100%}.country-selector{min-width:70px;max-width:80px;padding:var(--space-2) var(--space-2);height:40px;gap:4px}.country-flag{font-size:16px;width:16px;text-align:center;flex-shrink:0}.country-dial-code{font-size:12px;min-width:25px;text-align:center;flex-shrink:0}.dropdown-arrow{font-size:8px;width:6px;text-align:center;flex-shrink:0}.phone-input{font-size:14px;height:40px;padding:var(--space-1) var(--space-2);flex:1;max-width:100%}.phone-error-message{font-size:11px;padding:var(--space-1);line-height:1.2;width:100%;box-sizing:border-box}.country-dropdown-portal{max-height:55vh}.country-search{padding:var(--space-1)}.country-search-input{font-size:14px;padding:var(--space-1) var(--space-2);height:36px}.country-list{max-height:40vh;padding:var(--space-1)}.country-item{padding:var(--space-1) var(--space-2);font-size:13px;min-height:36px}.country-item .country-flag{font-size:14px}.country-item .country-name{font-size:13px}.country-item .country-dial-code{font-size:12px}}@media(max-width:375px){.country-selector{min-width:65px;max-width:75px;padding:var(--space-2);gap:3px}.country-flag{font-size:16px;width:14px;text-align:center;flex-shrink:0}.country-dial-code{font-size:12px;min-width:22px;text-align:center;flex-shrink:0}.dropdown-arrow{font-size:7px;width:5px;text-align:center;flex-shrink:0}.phone-input{padding:var(--space-1)}.phone-error-message{font-size:10px}}@media(min-width:769px)and (max-width:1024px){.country-selector{min-width:70px;max-width:80px;padding:var(--space-2);gap:5px}.country-flag{font-size:16px;width:16px;text-align:center;flex-shrink:0}.country-dial-code{font-size:14px;min-width:25px;text-align:center;flex-shrink:0}.dropdown-arrow{font-size:8px;width:6px;text-align:center;flex-shrink:0}.phone-input{font-size:14px;padding:var(--space-1)}.country-item{font-size:12px;padding:var(--space-1);min-height:28px}.country-item .country-flag{font-size:16px}.country-item .country-name,.country-item .country-dial-code{font-size:14px}.country-search{padding:var(--space-1)}.country-search-input{font-size:14px;padding:var(--space-1);height:28px}.country-list{max-height:150px}.phone-error-message{font-size:10px;padding:var(--space-1);line-height:1.1}}@media(min-width:1200px){.country-selector{min-width:90px;padding:var(--space-2) var(--space-2);max-width:105px}}.country-phone-picker:focus-within .country-selector{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-100)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.country-dropdown-portal{animation:dropdownFadeIn .15s ease-out}@media(prefers-contrast:high){.country-selector,.phone-input,.country-dropdown-portal{border-width:2px}.country-item.selected{background:var(--color-primary-100);border:1px solid var(--color-primary)}}@media(prefers-reduced-motion:reduce){.country-selector,.phone-input,.country-item,.dropdown-arrow{transition:none}.country-dropdown-portal{animation:none}}@media(prefers-color-scheme:dark){.country-dropdown-portal{box-shadow:0 10px 25px #0000004d}}@media(max-width:768px)and (orientation:landscape){.country-dropdown-portal{max-height:40vh}}@media(max-width:320px){.country-selector{min-width:70px;max-width:80px;padding:var(--space-2) var(--space-2)}.country-dial-code{font-size:12px;min-width:25px}.country-flag{font-size:14px;width:16px}}.phone-field-container{width:100%;max-width:100%;box-sizing:border-box;overflow:visible}.phone-field-container *{box-sizing:border-box}.usage-detail-modal .modal-content{max-width:800px;width:90vw;max-height:85vh;overflow-y:auto}.usage-detail-content{padding:0}.usage-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-6);padding:0 var(--spacing-6)}.summary-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-5);display:flex;align-items:center;gap:var(--spacing-4);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);position:relative;overflow:hidden}.summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-primary)}.summary-card:nth-child(2):before{background:var(--color-success)}.summary-card:nth-child(3):before{background:var(--color-warning)}.summary-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-border-hover)}.summary-icon{width:48px;height:48px;background:var(--color-primary-50);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-icon svg{width:24px;height:24px;color:var(--color-primary-600)}.summary-card:nth-child(2) .summary-icon{background:var(--color-success-50)}.summary-card:nth-child(2) .summary-icon svg{color:var(--color-success-600)}.summary-card:nth-child(3) .summary-icon{background:var(--color-warning-50)}.summary-card:nth-child(3) .summary-icon svg{color:var(--color-warning-600)}.summary-content{flex:1}.summary-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--spacing-1);color:var(--color-text)}.summary-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-1);font-weight:var(--font-weight-medium)}.summary-time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.summary-time-detailed{font-size:var(--font-size-xs);color:var(--color-text-muted);opacity:.8;margin-top:2px}.summary-percentage{font-size:var(--font-size-xs);color:var(--color-text-muted)}.usage-section{margin-bottom:var(--spacing-6);padding:0 var(--spacing-6)}.usage-section-title{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border)}.section-icon{width:20px;height:20px;color:var(--color-primary-600)}.usage-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.usage-time-group{display:flex;flex-direction:column;gap:2px}.usage-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-4);transition:all var(--transition-normal)}.usage-item:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}.usage-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3)}.usage-item-info{display:flex;align-items:center;gap:var(--spacing-3);flex:1;min-width:0}.usage-icon{width:20px;height:20px;flex-shrink:0}.app-icon{color:var(--color-primary-600)}.browser-icon{color:var(--color-success-600)}.usage-item-name{font-weight:var(--font-weight-medium);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usage-item-stats{display:flex;gap:var(--spacing-3);flex-shrink:0;flex-direction:column;align-items:flex-end}.usage-item-time{font-weight:var(--font-weight-semibold);color:var(--color-text);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.usage-item-time-detailed{font-size:var(--font-size-xs);color:var(--color-text-muted);opacity:.8}.usage-item-percentage{background:var(--color-primary-50);color:var(--color-primary-700);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);min-width:40px;text-align:center;border:1px solid var(--color-primary-200)}.usage-progress-bar{width:100%;height:6px;background:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden;position:relative}.usage-progress-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-slow) ease;position:relative;overflow:hidden}.usage-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);animation:shimmer 2s infinite}.progress-overtracked{background:#ef4444}.progress-full{background:#22c55e}.progress-medium{background:#eab308}.progress-low{background:#3b82f6}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.no-usage-data{text-align:center;padding:var(--spacing-12) var(--spacing-6);color:var(--color-text-secondary)}.no-data-icon{width:64px;height:64px;margin:0 auto var(--spacing-4);color:var(--color-gray-300)}.no-usage-data h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-2)}.no-usage-data p{color:var(--color-text-secondary);max-width:400px;margin:0 auto;line-height:var(--line-height-normal)}@media(max-width:768px){.usage-detail-modal .modal-content{width:95vw;max-height:90vh}.usage-summary-cards{grid-template-columns:1fr;gap:var(--spacing-3);margin-bottom:var(--spacing-5);padding:0 var(--spacing-4)}.summary-card{padding:var(--spacing-4)}.usage-item-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.usage-item-stats{align-self:flex-end}.usage-section{padding:0 var(--spacing-4)}}@media(max-width:480px){.usage-summary-cards,.usage-section{padding:0 var(--spacing-3)}.summary-card{padding:var(--spacing-3);gap:var(--spacing-3)}.summary-icon{width:40px;height:40px}.summary-icon svg{width:20px;height:20px}.summary-value{font-size:var(--font-size-xl)}}[data-theme=dark] .usage-item{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .usage-item:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}[data-theme=dark] .usage-item-name,[data-theme=dark] .usage-item-time{color:var(--color-text)}[data-theme=dark] .usage-item-percentage{background:var(--color-primary-50);color:var(--color-primary-700);border-color:var(--color-primary-200)}[data-theme=dark] .usage-progress-bar{background:var(--color-gray-600)}[data-theme=dark] .no-usage-data h4{color:var(--color-text)}[data-theme=dark] .no-usage-data p{color:var(--color-text-secondary)}[data-theme=dark] .no-data-icon{color:var(--color-gray-600)}.screenshot-viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.screenshot-viewer-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 25px 50px #0009;width:100%;max-width:85vw;height:80vh;max-height:95vh;display:flex;flex-direction:column;animation:screenshotViewerSlideIn .3s ease-out;overflow:hidden}@keyframes screenshotViewerSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.screenshot-viewer-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border);flex-shrink:0;gap:var(--spacing-3);background:var(--color-surface)}.screenshot-viewer-title-section{flex:1;min-width:0}.screenshot-viewer-title{font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-2) 0;color:var(--color-text);overflow-wrap:break-word;word-break:break-word;line-height:1.4}.screenshot-viewer-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.screenshot-viewer-stat{display:flex;align-items:center;gap:var(--spacing-1)}.screenshot-viewer-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--color-surface-hover);border-radius:50%;cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease;flex-shrink:0;outline:none!important;box-shadow:none!important}.screenshot-viewer-close:focus,.screenshot-viewer-close:focus-visible{outline:none!important;box-shadow:none!important}.screenshot-viewer-close:hover{background:var(--color-primary);color:#fff}.screenshot-viewer-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;background:var(--color-surface)}.screenshot-viewer-loading,.screenshot-viewer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-12);text-align:center;flex:1;background:var(--color-surface)}.screenshot-viewer-empty-icon{width:64px;height:64px;color:var(--color-text-muted);margin-bottom:var(--spacing-4)}.screenshot-viewer-empty h3{margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.screenshot-viewer-empty p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.screenshot-viewer-main{flex:1;display:flex;flex-direction:column;position:relative;min-height:0;padding:var(--spacing-1);background:var(--color-surface);overflow:hidden}.screenshot-viewer-current{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;position:relative;width:100%;height:100%;padding:var(--spacing-2);overflow:hidden}.screenshot-viewer-current-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#ffffff59;z-index:2;pointer-events:none}.screenshot-viewer-current-placeholder .loading-state{padding:0}.screenshot-viewer-media{width:100%;height:100%;border-radius:8px;object-fit:contain;background:transparent;display:block}.screenshot-viewer-video{background:#000}.screenshot-viewer-nav{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 12px #00000026;outline:none!important}.screenshot-viewer-nav:focus,.screenshot-viewer-nav:focus-visible{outline:none!important;box-shadow:0 4px 12px #00000026!important}.screenshot-viewer-nav:hover{background:var(--color-surface-hover);transform:translateY(-50%) scale(1.1)}.screenshot-viewer-nav-prev{left:var(--spacing-4)}.screenshot-viewer-nav-next{right:var(--spacing-4)}.screenshot-viewer-nav svg{width:24px;height:24px;stroke-width:2.5}.screenshot-viewer-nav.faded{opacity:.3;pointer-events:none}.screenshot-viewer-info{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-top:1px solid var(--color-border);margin-top:var(--spacing-1);flex-shrink:0;background:var(--color-surface)}.screenshot-viewer-info-left,.screenshot-viewer-info-right{display:flex;align-items:center;gap:var(--spacing-3)}.screenshot-viewer-time{font-weight:500;color:var(--color-text)}.screenshot-viewer-size{opacity:.7;color:var(--color-text-secondary)}.screenshot-viewer-counter{font-weight:600;color:var(--color-text);background:var(--color-surface-hover);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.screenshot-viewer-thumbnails-section{border-top:1px solid var(--color-border);background:var(--color-surface);padding:var(--spacing-6);flex-shrink:0}.screenshot-viewer-thumbnails{display:flex;gap:var(--spacing-2);overflow-x:auto;padding:var(--spacing-1) var(--spacing-2);scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.screenshot-viewer-thumbnails::-webkit-scrollbar{display:none}.screenshot-viewer-thumbnails-section{position:relative;box-shadow:inset 0 -2px 4px #0000000d;display:flex;align-items:center;gap:var(--spacing-2)}.screenshot-viewer-thumbnails-section:before,.screenshot-viewer-thumbnails-section:after{content:"";position:absolute;top:0;bottom:0;width:40px;pointer-events:none;z-index:5;opacity:.9}.screenshot-viewer-thumbnails-section:before{left:0;background:linear-gradient(to right,var(--color-surface) 0%,var(--color-surface) 70%,transparent 100%)}.screenshot-viewer-thumbnails-section:after{right:0;background:linear-gradient(to left,var(--color-surface) 0%,var(--color-surface) 70%,transparent 100%)}.screenshot-viewer-thumbnails-scroll{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text);cursor:pointer;flex-shrink:0;transition:all .2s ease;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 12px #00000026;outline:none!important}.screenshot-viewer-thumbnails-scroll:hover{background:var(--color-surface-hover);transform:scale(1.1)}.screenshot-viewer-thumbnails-scroll:focus,.screenshot-viewer-thumbnails-scroll:focus-visible{outline:none!important;box-shadow:0 4px 12px #00000026!important}.screenshot-viewer-thumbnails-scroll svg{width:18px;height:18px;stroke-width:2.5}.screenshot-viewer-thumbnails-scroll.faded{opacity:.3;pointer-events:none}.screenshot-viewer-thumbnail{position:relative;flex-shrink:0;width:64px;height:48px;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease;background:var(--color-bg-secondary)}.screenshot-viewer-thumbnail:hover{transform:scale(1.05);border-color:var(--color-border)}.screenshot-viewer-thumbnail:focus,.screenshot-viewer-thumbnail:focus-visible{outline:none!important;box-shadow:none!important}.screenshot-viewer-thumbnail.active{border-color:var(--color-primary);transform:scale(1.05)}.screenshot-viewer-thumbnail img{width:100%;height:100%;object-fit:cover;transition:filter .3s ease}.screenshot-viewer-thumbnail video{width:100%;height:100%;object-fit:cover;display:block;background:#000}.screenshot-viewer-thumbnail img.blur{filter:blur(4px)}.screenshot-viewer-thumbnail img.loading{filter:blur(4px);opacity:.6}.screenshot-viewer-thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);color:var(--color-text-muted)}.screenshot-viewer-thumbnail-placeholder svg{width:18px;height:18px}.screenshot-viewer-thumbnail-time{position:absolute;bottom:0;left:0;right:0;padding:2px 4px;background:linear-gradient(transparent,#000000e6);color:#fff;font-size:8px;text-align:center;font-weight:500}@media(max-width:768px){.screenshot-viewer-overlay{padding:12px}.screenshot-viewer-modal{max-width:95vw;height:90vh;max-height:98vh;border-radius:8px}.screenshot-viewer-header{padding:16px}.screenshot-viewer-title{font-size:16px}.screenshot-viewer-stats{gap:8px;font-size:12px}.screenshot-viewer-main{padding:16px}.screenshot-viewer-nav{width:48px;height:48px}.screenshot-viewer-nav-prev{left:12px}.screenshot-viewer-nav-next{right:12px}.screenshot-viewer-nav svg{width:20px;height:20px}.screenshot-viewer-info{flex-direction:column;align-items:flex-start;gap:8px;font-size:12px}.screenshot-viewer-thumbnails-section{padding:12px}.screenshot-viewer-thumbnail{width:56px;height:42px}}@media(max-width:480px){.screenshot-viewer-overlay{padding:8px}.screenshot-viewer-modal{max-width:98vw;height:95vh;max-height:99vh;border-radius:6px}.screenshot-viewer-header{padding:12px;gap:12px}.screenshot-viewer-close{width:28px;height:28px}.screenshot-viewer-main{padding:12px}.screenshot-viewer-nav{width:40px;height:40px}.screenshot-viewer-nav svg{width:18px;height:18px}.screenshot-viewer-thumbnails-section{padding:12px}.screenshot-viewer-thumbnail{width:48px;height:36px}.screenshot-viewer-thumbnail-time{font-size:7px}}.screenshot-viewer-nav:focus,.screenshot-viewer-close:focus,.screenshot-viewer-thumbnail:focus{outline:2px solid #28c76f;outline-offset:2px}@media(prefers-contrast:high){.screenshot-viewer-modal{border:2px solid #fff}.screenshot-viewer-nav{background:#000;border:2px solid #fff}.screenshot-viewer-thumbnail.active{border-width:3px}}.dtp-wrapper{display:flex;flex-direction:column;gap:var(--spacing-1);position:relative;width:230px;max-width:100%}.dtp-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.dtp-container{position:relative;width:100%}.dtp-trigger{width:100%;padding:var(--spacing-2) var(--spacing-3);padding-right:var(--spacing-8);min-height:40px;font-size:var(--font-size-base);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;text-align:left;display:flex;align-items:center;transition:border-color .15s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-2) center}.dtp-trigger:hover:not(:disabled){border-color:var(--color-border-hover)}.dtp-trigger:focus-visible,.dtp-trigger.is-open{outline:none;border-color:var(--color-primary-500);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E")}.dtp-trigger:disabled{background-color:var(--color-surface-hover);cursor:not-allowed;opacity:.6}.dtp-trigger.dtp-error{border-color:var(--color-error)}.dtp-value{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dtp-value.placeholder{color:var(--color-text-muted)}.dtp-popup{position:fixed;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a;z-index:1050;padding:10px;-webkit-user-select:none;user-select:none;box-sizing:border-box;min-width:230px;overflow-x:hidden;overscroll-behavior:contain}.dtp-header{display:flex;align-items:center;justify-content:space-between;padding:2px 0 6px;margin-bottom:2px}.dtp-nav{background:none;border:none;cursor:pointer;font-size:1.1rem;color:var(--color-text);padding:2px 6px;border-radius:var(--radius-sm);line-height:1}.dtp-nav:hover:not(:disabled){background-color:var(--color-surface-hover)}.dtp-header-center{display:flex;align-items:center;gap:6px;flex:1;justify-content:center}.dtp-month{font-weight:600;font-size:.85rem;color:var(--color-text-primary)}.dtp-year-picker-wrapper{position:relative}.dtp-year-selector{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:2px 6px;font-size:.82rem;color:var(--color-text-primary);font-weight:500;transition:all .15s ease;min-width:56px}.dtp-year-selector:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-hover)}.dtp-year-selector:focus{outline:none;border-color:var(--color-primary-500)}.dtp-year-dropdown{position:absolute;top:calc(100% + var(--spacing-1));left:50%;transform:translate(-50%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1051;max-height:200px;overflow-y:auto;min-width:65px}.dtp-year-option{display:block;width:100%;padding:4px 8px;border:none;background:none;text-align:center;cursor:pointer;font-size:.82rem;color:var(--color-text);transition:background-color .1s ease}.dtp-year-option:hover{background-color:var(--color-surface-hover)}.dtp-year-option.active{background-color:var(--color-primary-50);color:var(--color-primary-700);font-weight:600}.dtp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:2px}.dtp-weekday{text-align:center;font-size:.72rem;color:var(--color-text-muted);padding:2px 0;font-weight:600}.dtp-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.dtp-day{display:flex;align-items:center;justify-content:center;height:28px;font-size:.82rem;color:var(--color-text);cursor:pointer;border-radius:var(--radius-sm);transition:background-color .1s ease;box-sizing:border-box}.dtp-day.empty{cursor:default}.dtp-day:hover:not(.empty):not(.selected){background-color:var(--color-bg-secondary)}.dtp-day.selected{background-color:var(--color-primary-50);color:var(--color-primary-700);font-weight:500}.dtp-day.today{border:1px solid var(--color-primary-500)}.dtp-time{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding-top:var(--spacing-2);margin-top:var(--spacing-2);border-top:1px solid var(--color-border)}.dtp-time-group{display:flex;flex-direction:column;align-items:center;gap:2px}.dtp-time-group label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.dtp-time-input{width:60px;height:32px;padding:0 var(--spacing-1);font-size:var(--font-size-sm);text-align:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);-moz-appearance:textfield}.dtp-time-input::-webkit-inner-spin-button,.dtp-time-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.dtp-time-input:focus{outline:none;border-color:var(--color-primary-500)}.dtp-time-separator{font-size:var(--font-size-base);color:var(--color-text);margin-top:16px}.dtp-ampm{height:32px;padding:0 var(--spacing-2);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);cursor:pointer;margin-top:16px}.dtp-ampm:hover{background-color:var(--color-surface-hover)}.dtp-error-text{font-size:var(--font-size-sm);color:var(--color-error)}.skeleton-loader{width:100%}@keyframes skeleton-pulse{0%,to{background-color:var(--color-bg-secondary)}50%{background-color:var(--color-bg-tertiary)}}@keyframes skeleton-shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton-animate-pulse{animation:skeleton-pulse 2s ease-in-out infinite}.skeleton-stat-container{display:flex;flex-direction:column;gap:1rem}.skeleton-stat-grid{display:grid;gap:1rem}.skeleton-stat-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border-radius:.5rem;border:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.skeleton-stat-value{height:2rem;border-radius:.375rem;background-color:var(--color-bg-tertiary)}.skeleton-stat-label{height:.75rem;width:60%;border-radius:.375rem;background-color:var(--color-bg-tertiary)}.skeleton-card-wrapper{border-radius:.5rem;overflow:hidden;border:1px solid var(--color-border);background-color:transparent}.skeleton-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.skeleton-title{height:1.25rem;width:200px;border-radius:.375rem;background-color:var(--color-bg-tertiary)}.skeleton-filter{height:2rem;width:150px;border-radius:.375rem;background-color:var(--color-bg-tertiary)}.skeleton-card-content{padding:.5rem}.skeleton-chart-container{display:flex;flex-direction:column;gap:1rem;min-height:250px;position:relative;padding:.5rem;border:1px solid var(--color-border);border-radius:.375rem}.skeleton-chart-lines{display:flex;align-items:flex-end;justify-content:space-around;height:100%;gap:.5rem;margin-bottom:1rem}.skeleton-chart-line{flex:1;background-color:var(--color-bg-tertiary);border-radius:.375rem;animation:skeleton-pulse 2s ease-in-out infinite;min-height:2rem}.skeleton-chart-legend{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.skeleton-legend-item{height:.75rem;width:100px;border-radius:.375rem;background-color:var(--color-bg-tertiary)}.skeleton-table-container{width:100%;border:1px solid var(--color-border);border-radius:.375rem;overflow:hidden}.skeleton-table-header{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;padding:1rem;border-bottom:2px solid var(--color-border);background-color:var(--color-bg-secondary)}.skeleton-table-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;padding:1rem;border-bottom:1px solid var(--color-border)}.skeleton-table-cell{height:1rem;min-height:1.5rem;border-radius:.375rem;background-color:var(--color-bg-tertiary)}.skeleton-list-container{display:flex;flex-direction:column}.skeleton-list-header{padding:1rem;border-bottom:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.skeleton-list-items{display:flex;flex-direction:column}.skeleton-list-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--color-border)}.skeleton-list-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--color-bg-tertiary);flex-shrink:0}.skeleton-list-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.skeleton-list-title{height:1rem;width:70%;border-radius:.375rem;background-color:var(--color-bg-tertiary)}.skeleton-list-subtitle{height:.75rem;width:50%;border-radius:.375rem;background-color:var(--color-bg-tertiary)}.skeleton-list-action{width:2rem;height:2rem;border-radius:.375rem;background-color:var(--color-bg-tertiary);flex-shrink:0}.skeleton-content-lines{display:flex;flex-direction:column;gap:.75rem}.skeleton-line{height:.75rem;border-radius:.375rem;background-color:var(--color-bg-tertiary);animation:skeleton-pulse 2s ease-in-out infinite}.skeleton-default{height:200px;border-radius:.5rem;background-color:var(--color-bg-tertiary);animation:skeleton-pulse 2s ease-in-out infinite}@media(max-width:768px){.skeleton-stat-grid{grid-template-columns:1fr!important}.skeleton-card-header{flex-direction:column;gap:.75rem;align-items:flex-start}.skeleton-chart-lines{flex-wrap:wrap}.skeleton-table-header,.skeleton-table-row{grid-template-columns:repeat(2,1fr)!important}}.profile-dropdown{position:absolute;bottom:calc(100% + 14px);left:10px;overflow-y:hidden;width:230px;padding:12px;border-radius:22px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:999;overflow:hidden}.profile-dropdown--dark{background-image:radial-gradient(at 80% 0%,rgb(27,31,49) 0px,transparent 100%),radial-gradient(at 80% 50%,rgb(36,4,14) 0px,transparent 100%),radial-gradient(at 0% 100%,rgb(31,11,26) 0px,transparent 100%),radial-gradient(at 80% 100%,rgb(41,4,14) 0px,transparent 100%),radial-gradient(at 0% 0%,rgb(27,31,49) 0px,transparent 100%);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 40px #00000059,0 2px 10px #00000038}.profile-dropdown--light{background-image:radial-gradient(at 80% 0%,rgb(243,224,225) 0px,transparent 100%),radial-gradient(at 80% 50%,rgb(216,234,236),transparent 100%),radial-gradient(at 0% 100%,rgb(215,230,233) 0px,transparent 100%),radial-gradient(at 80% 100%,rgb(223,207,207) 0px,transparent 100%),radial-gradient(at 0% 0%,rgb(213,233,229) 0px,transparent 100%);border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 40px #0000001f,0 2px 10px #00000014}.profile-dropdown:before{content:"";position:absolute;bottom:-6px;left:28px;width:14px;height:14px;background:inherit;transform:rotate(45deg)}.profile-dropdown--dark:before{border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.profile-dropdown--light:before{border-right:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08)}.profile-dropdown-header{display:flex;align-items:center;gap:10px;padding:10px 10px 14px;cursor:pointer;max-width:100%;overflow:hidden;box-sizing:border-box}.profile-dropdown-avatar-large{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,var(--color-primary),rgba(255,255,255,.12));color:#fff;flex-shrink:0}.profile-dropdown-user-details{min-width:0;flex:1;overflow:hidden}.profile-dropdown-name{font-size:.92rem;font-weight:600;margin:0;min-width:0;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;line-height:1.25}.profile-dropdown--dark .profile-dropdown-name{color:#fff}.profile-dropdown--light .profile-dropdown-name{color:#1a1a1a}.profile-dropdown-role{padding:2px 8px;width:max-content;font-size:.78rem;font-weight:600;color:#fff;background-color:var(--color-primary);border-radius:5px;margin-top:2px;flex-shrink:0!important;white-space:nowrap!important;display:inline-flex;align-items:center}.profile-dropdown-email{font-size:.74rem;margin-top:4px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all;text-overflow:ellipsis}.profile-dropdown--dark .profile-dropdown-email{color:#ffffff73}.profile-dropdown--light .profile-dropdown-email{color:#00000073}.profile-dropdown-divider{height:1px;margin:8px 0}.profile-dropdown--dark .profile-dropdown-divider{background:#ffffff0f}.profile-dropdown--light .profile-dropdown-divider{background:#0000000f}.profile-dropdown-section{padding:4px 0}.profile-dropdown-section-title{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:0 10px 8px}.profile-dropdown--dark .profile-dropdown-section-title{color:#ffffff6b}.profile-dropdown--light .profile-dropdown-section-title{color:#00000073}.profile-dropdown-item,.theme-dropdown-trigger,.theme-submenu-item{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:14px;cursor:pointer;transition:background .18s ease,transform .16s ease,color .18s ease}.profile-dropdown--dark .profile-dropdown-item,.profile-dropdown--dark .theme-dropdown-trigger,.profile-dropdown--dark .theme-submenu-item{color:#ffffffd9}.profile-dropdown--dark .profile-dropdown-item:hover,.profile-dropdown--dark .theme-dropdown-trigger:hover,.profile-dropdown--dark .theme-submenu-item:hover{background:#ffffff0f;transform:translate(2px)}.profile-dropdown--light .profile-dropdown-item,.profile-dropdown--light .theme-dropdown-trigger,.profile-dropdown--light .theme-submenu-item{color:#1a1a1a}.profile-dropdown--light .profile-dropdown-item:hover,.profile-dropdown--light .theme-dropdown-trigger:hover,.profile-dropdown--light .theme-submenu-item:hover{background:#0000000f;transform:translate(2px)}.profile-dropdown-item svg,.theme-dropdown-trigger svg{width:18px;height:18px;opacity:.78;flex-shrink:0}.profile-dropdown--light .profile-dropdown-item svg,.profile-dropdown--light .theme-dropdown-trigger svg{opacity:.6}.theme-arrow{margin-left:auto;transition:transform .2s ease;opacity:.65}.profile-dropdown--light .theme-arrow{opacity:.55}.theme-arrow.expanded{transform:rotate(90deg)}.theme-submenu{margin-top:8px;padding:6px;border-radius:16px}.profile-dropdown--dark .theme-submenu{background:#ffffff0a;border:1px solid rgba(255,255,255,.05)}.profile-dropdown--light .theme-submenu{background:#0000000a;border:1px solid rgba(0,0,0,.06)}.theme-dropdown-left{display:flex;align-items:center;gap:12px}.theme-dropdown-wrapper,.theme-submenu-item{position:relative}.theme-preview{width:14px;height:14px;border-radius:50%;flex-shrink:0}.light-preview{background:#f3f4f6;border:1px solid rgba(0,0,0,.08)}.dark-preview{background:#111827;border:1px solid rgba(255,255,255,.08)}.theme-check{margin-left:auto;font-size:.8rem;color:var(--color-primary)}.profile-dropdown--dark .theme-submenu-item.active{background:#ffffff0f}.profile-dropdown--light .theme-submenu-item.active{background:#0000000f}.logout-item{color:#ff7b7b}.profile-dropdown--dark .logout-item:hover{background:#ff3b3b14}.profile-dropdown--light .logout-item{color:#e74c3c}.profile-dropdown--light .logout-item:hover{background:#e74c3c1a}.logout-item.logging-out{cursor:not-allowed;opacity:.7}.logout-spinner{width:18px;height:18px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:logout-spin .8s linear infinite;flex-shrink:0}@keyframes logout-spin{to{transform:rotate(360deg)}}@media(max-width:1024px)and (min-width:769px){.profile-dropdown{position:absolute;bottom:calc(100% + 10px);overflow-y:hidden;left:10px;top:auto;width:220px;padding:8px}.profile-dropdown-header{gap:10px;padding:7px 8px 10px}.profile-dropdown-avatar-large{width:44px;height:44px;border-radius:12px;font-size:1rem}.profile-dropdown-name{font-size:.88rem}.profile-dropdown-role{font-size:.72rem}.profile-dropdown-email{font-size:.68rem}.profile-dropdown-section-title{font-size:.65rem;padding:0 8px 6px}.profile-dropdown-item,.theme-dropdown-trigger,.theme-submenu-item{gap:8px;min-height:36px;padding:0 8px;border-radius:10px}.profile-dropdown-item svg,.theme-dropdown-trigger svg{width:15px;height:15px}.theme-preview{width:11px;height:11px}.profile-dropdown-divider{margin:5px 0}.profile-dropdown-section{padding:2px 0}.theme-submenu{margin-top:4px;padding:4px;border-radius:12px}}@media(max-width:768px){.profile-dropdown{position:absolute;bottom:calc(100% + 10px);left:10px;top:auto;transform:none;margin:0;z-index:9999;overflow-y:hidden;width:210px;max-width:300px;max-height:80vh;padding:11px;border-radius:18px}.profile-dropdown-header{gap:11px;padding:10px 11px 12px}.profile-dropdown-avatar-large{width:50px;height:50px;border-radius:14px;font-size:1.15rem;flex-shrink:0}.profile-dropdown-user-details{min-width:0;flex:1}.profile-dropdown-name{font-size:.94rem;line-height:1.3}.profile-dropdown-role{font-size:.77rem;margin-top:2px;line-height:1.2}.profile-dropdown-email{font-size:.73rem;margin-top:3px}.profile-dropdown-section{padding:4px 0}.profile-dropdown-section-title{font-size:.71rem;letter-spacing:.08em;padding:0 11px 8px;margin-bottom:1px}.profile-dropdown-item,.theme-dropdown-trigger,.theme-submenu-item{gap:12px;min-height:44px;padding:0 12px;border-radius:14px;font-size:.94rem}.profile-dropdown-item svg,.theme-dropdown-trigger svg{width:18px;height:18px;opacity:.8}.theme-preview{width:14px;height:14px}.theme-check{font-size:.82rem}.profile-dropdown-divider{margin:7px 0}.theme-submenu{position:static;left:auto;top:auto;margin-left:0;margin-top:6px;padding:6px;box-shadow:none;border-radius:12px}.profile-dropdown--dark .theme-submenu{background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.profile-dropdown--light .theme-submenu{background:#0000000d;border:1px solid rgba(0,0,0,.08)}.theme-dropdown-wrapper{margin:0;padding:0;border:none!important}.theme-submenu-item{gap:16px}}@media(max-width:480px){.profile-dropdown{position:absolute;bottom:calc(100% + 8px);left:10px;overflow-y:hidden;top:auto;width:180px;padding:10px;border-radius:16px}.profile-dropdown-header{gap:9px;padding:8px 9px 10px}.profile-dropdown-avatar-large{width:44px;height:44px;border-radius:12px;font-size:1rem}.profile-dropdown-name{font-size:.9rem}.profile-dropdown-role{font-size:.73rem}.profile-dropdown-email{font-size:.68rem}.profile-dropdown-section-title{font-size:.67rem;padding:0 9px 6px}.profile-dropdown-item,.theme-dropdown-trigger,.theme-submenu-item{gap:10px;min-height:40px;padding:0 10px;border-radius:12px;font-size:.9rem}.profile-dropdown-item svg,.theme-dropdown-trigger svg{width:16px;height:16px}.theme-submenu{margin-top:4px;padding:5px}.profile-dropdown-divider{margin:6px 0}}.sidebar{display:flex;flex-direction:column;width:var(--sidebar-width);max-width:100%;height:100vh;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.3);z-index:20;overflow-x:hidden}.time-icon-dashboard{width:24px;height:24px;object-fit:contain}.sidebar-header{display:flex;align-items:center;justify-content:space-between;height:var(--topbar-height);padding:0 var(--space-4);border-bottom:1px solid rgba(255,255,255,.3)}.sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;background-color:transparent;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.sidebar-toggle-btn:hover{background-color:var(--color-bg-secondary);color:var(--color-text)}.sidebar-toggle-btn svg{width:20px;height:20px}.sidebar-logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-600)}.sidebar-logo svg{width:24px;height:24px}.custom-logo{height:56px;width:auto;object-fit:contain}[data-theme=dark] .custom-logo{display:none}.custom-logo-dark{height:56px;width:auto;object-fit:contain;display:none}[data-theme=dark] .custom-logo-dark{display:block}@media(max-width:768px){.custom-logo,.custom-logo-dark{height:48px}}@media(max-width:480px){.custom-logo,.custom-logo-dark{height:36px}}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--space-4)}.nav-section{margin-bottom:var(--space-6)}.nav-section:last-child{margin-bottom:0}.nav-section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:0 var(--space-3);margin-bottom:var(--space-2)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.nav-item:hover{background-color:#ffffff78;color:var(--color-text)}.nav-item-active{background-color:var(--color-primary-50);color:var(--color-primary-700)}.nav-item-active:hover{background-color:var(--color-primary-100);color:var(--color-primary-700)}.nav-item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-item-icon svg{width:20px;height:20px}.nav-item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-item-with-submenu{margin-bottom:var(--space-1)}.nav-item-with-submenu>.nav-item{cursor:pointer;position:relative}.submenu-arrow{margin-left:auto;font-size:18px;font-weight:var(--font-weight-light);transition:transform var(--transition-fast);color:var(--color-text-muted)}.submenu-arrow.expanded{transform:rotate(90deg)}.nav-submenu-item{display:flex;align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);text-decoration:none;position:relative;margin-left:var(--space-10);gap:var(--space-2);margin-top:var(--space-2)}.nav-submenu-icon{font-size:16px;opacity:.8;transition:all var(--transition-fast)}.nav-submenu-item:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background-color:var(--color-border);transition:all var(--transition-fast)}.nav-submenu-item:hover{background-color:var(--color-primary-100);color:var(--color-primary-700);transform:translate(2px)}.nav-submenu-item:hover:before{background-color:var(--color-primary-300);width:8px;height:8px}.nav-submenu-item-active{background-color:var(--color-primary-50);color:var(--color-primary-700);font-weight:var(--font-weight-semibold);box-shadow:0 2px 4px #6366f11a;transform:translate(2px)}.nav-submenu-item-active:before{background-color:var(--color-primary-500);width:8px;height:8px;box-shadow:0 0 0 3px #6366f133}.nav-submenu-item-active:hover{background-color:var(--color-primary-100);color:var(--color-primary-700);transform:translate(3px)}.nav-item-counter{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background-color:var(--color-primary-600);color:#fff;font-size:11px;font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);line-height:1;flex-shrink:0;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.nav-item-active .nav-item-counter{background-color:var(--color-primary-600)}.sidebar-user-profile{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative}.sidebar-user-profile:hover{background-color:var(--color-bg-secondary)}.sidebar-user-profile svg{width:16px;height:16px;color:var(--color-text-muted);transition:color var(--transition-fast)}.sidebar-user-profile:hover svg{color:var(--color-text)}.sidebar-footer-profile{position:relative;padding:var(--space-3) var(--space-3);margin-top:auto;border-top:1px solid rgba(255,255,255,.15)}[data-theme=light] .sidebar-footer-profile{border-top:1px solid rgba(0,0,0,.08)}.sidebar-profile-card{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:8px 12px;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.15);background:#ffffff0f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--color-text);cursor:pointer;outline:none;transition:all .2s ease;-webkit-user-select:none;user-select:none;box-sizing:border-box}[data-theme=light] .sidebar-profile-card{border:1px solid rgba(0,0,0,.08);background:#ffffffb3;box-shadow:0 2px 8px #0000000a}.sidebar-profile-card:hover,.sidebar-profile-card.active{background:#ffffff1f;border-color:#ffffff4d;box-shadow:0 4px 14px #00000026}[data-theme=light] .sidebar-profile-card:hover,[data-theme=light] .sidebar-profile-card.active{background:#fff;border-color:var(--color-primary-300);box-shadow:0 4px 12px #2563eb1f}.profile-card-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-700));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;flex-shrink:0;box-shadow:0 2px 8px #2563eb4d}.profile-card-info{display:flex;flex-direction:column;align-items:flex-start;min-width:0;flex:1;text-align:left;gap:2px}.profile-card-header-row{display:flex;align-items:center;gap:6px;width:100%;min-width:0}.profile-card-name{font-size:.86rem;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;line-height:1.25}.profile-card-role-badge{font-size:.68rem;font-weight:600;padding:1px 6px;border-radius:4px;background-color:var(--color-primary-100);color:var(--color-primary-700);flex-shrink:0;line-height:1.3;text-transform:capitalize}[data-theme=dark] .profile-card-role-badge{background-color:#60a5fa33;color:#93c5fd}.profile-card-email{font-size:.72rem;font-weight:400;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.2}.profile-card-chevron{width:16px;height:16px;color:var(--color-text-muted);flex-shrink:0;transition:transform .25s cubic-bezier(.4,0,.2,1),color .2s ease;margin-left:auto}.sidebar-profile-card:hover .profile-card-chevron,.sidebar-profile-card.active .profile-card-chevron{color:var(--color-primary-600)}.profile-card-chevron.open{transform:rotate(180deg);color:var(--color-primary-600)}.notification-bell{position:relative;display:inline-flex;align-items:center}.notification-bell-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast);background:transparent;border:none;cursor:pointer}.notification-bell-btn:hover{background-color:var(--color-bg-secondary);color:var(--color-text)}.notification-bell-icon{width:22px;height:22px}.notification-bell-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 4px;border-radius:var(--radius-full);background:#ef4444;color:#fff;font-size:11px;font-weight:600;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--color-surface, #fff)}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:340px;max-width:calc(100vw - 24px);background:var(--color-surface, #fff);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-lg);box-shadow:0 10px 30px #0000001f;z-index:100000;overflow:hidden}.notification-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--color-border, #e2e8f0)}.notification-title{font-size:var(--font-size-sm, .875rem);font-weight:600;color:var(--color-text, #1e293b)}.notification-header-actions{display:flex;align-items:center;gap:.75rem}.notification-mark-all{background:none;border:none;color:var(--color-primary-600, #2563eb);font-size:var(--font-size-xs, .75rem);font-weight:500;cursor:pointer}.notification-mark-all:hover{text-decoration:underline}.notification-clear-all{background:none;border:none;color:var(--color-danger-600, #ef4444);font-size:var(--font-size-xs, .75rem);font-weight:500;cursor:pointer}.notification-clear-all:hover{text-decoration:underline}.notification-list{max-height:360px;overflow-y:auto}.notification-empty{padding:2rem 1rem;text-align:center;color:var(--color-text-secondary, #64748b);font-size:var(--font-size-sm, .875rem)}.notification-item{border-bottom:1px solid var(--color-border, #f1f5f9);transition:background var(--transition-fast);cursor:pointer}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--color-bg-secondary, #f8fafc)}.notification-item-unread{background:var(--color-primary-50, #eff6ff);border-left:3px solid var(--color-primary-500, #2563eb)}.notification-item-row{display:flex;align-items:flex-start;gap:.65rem;width:100%;padding:.75rem 1rem}.notification-item-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-full, 50%);flex-shrink:0;background:var(--color-bg-secondary, #f1f5f9);color:var(--color-text-secondary, #64748b)}.notification-item-body{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.notification-item-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.notification-item-title{font-size:var(--font-size-sm, .875rem);font-weight:600;color:var(--color-text, #1e293b)}.notification-item-text{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #64748b);line-height:1.4;word-break:break-word}.notification-item-time{font-size:var(--font-size-xs, .75rem);color:var(--color-text-secondary, #94a3b8);white-space:nowrap;flex-shrink:0}.notification-read-btn{align-self:flex-end;background:none;border:none;color:var(--color-primary-600, #2563eb);font-size:var(--font-size-xs, .75rem);font-weight:500;cursor:pointer;white-space:nowrap;margin-top:.35rem}.notification-read-btn:hover{text-decoration:underline}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:var(--color-bg-secondary, #f1f5f9)}.notification-list::-webkit-scrollbar-thumb{background:var(--color-border, #cbd5e1);border-radius:3px}.download-btn-wrapper{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.download-btn-trigger{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;white-space:nowrap!important;padding:6px 14px!important;border-radius:8px!important;font-weight:600!important;font-size:.82rem!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;color:#fff!important;box-shadow:0 4px 12px #2563eb4d!important;border:1px solid rgba(255,255,255,.2)!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;cursor:pointer}.download-btn-trigger:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af)!important;box-shadow:0 6px 16px #2563eb73!important;transform:translateY(-1px)}.download-btn-trigger:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #2563eb4d!important}.download-btn-trigger .btn-text{white-space:nowrap!important;display:inline-block!important;letter-spacing:-.01em}.download-btn-chevron{width:14px;height:14px;flex-shrink:0;transition:transform .25s cubic-bezier(.4,0,.2,1);display:inline-block;vertical-align:middle}.download-btn-chevron.open{transform:rotate(180deg)}.download-os-dropdown{position:fixed;z-index:100000;width:310px;max-height:400px;overflow-y:auto;background:var(--color-bg-surface, #ffffff);border:1px solid var(--color-border, rgba(226, 232, 240, .9));border-radius:var(--radius-lg, 12px);box-shadow:0 12px 30px -5px #0003,0 8px 10px -6px #0000001f;padding:8px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:downloadDropdownFadeIn .18s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .download-os-dropdown{background:#1e293b;border-color:#ffffff1f;box-shadow:0 12px 30px -5px #0009,0 8px 10px -6px #0006}@keyframes downloadDropdownFadeIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.download-dropdown-header{padding:8px 12px 6px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted, #64748b);border-bottom:1px solid var(--color-border-subtle, rgba(226, 232, 240, .6));margin-bottom:6px}[data-theme=dark] .download-dropdown-header{color:#94a3b8;border-bottom-color:#ffffff14}.download-option-item{width:100%;display:flex;align-items:center;gap:12px;padding:9px 12px;border:none;background:transparent;border-radius:var(--radius-md, 8px);cursor:pointer;text-align:left;transition:all .15s ease;color:var(--color-text, #0f172a);position:relative}[data-theme=dark] .download-option-item{color:#f8fafc}.download-option-item:hover:not(:disabled){background-color:var(--color-bg-hover, #f1f5f9)}[data-theme=dark] .download-option-item:hover:not(:disabled){background-color:#ffffff14}.download-option-item.is-detected{background-color:#2563eb14}[data-theme=dark] .download-option-item.is-detected{background-color:#3b82f626}.download-option-item:disabled{opacity:.6;cursor:not-allowed}.download-detected-tag{font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:4px;background:#2563eb;color:#fff;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.download-option-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;flex-shrink:0}.download-option-icon.windows{background:#0078d71a;color:#0078d7}.download-option-icon.macos{background:#0f172a14;color:#0f172a}.download-option-icon.linux{background:#eab30826;color:#d97706}.download-option-icon.deb{background:#e11d481a;color:#e11d48}.download-option-icon.appimage{background:#2563eb1a;color:#2563eb}[data-theme=dark] .download-option-icon.windows{background:#38bdf82e;color:#38bdf8}[data-theme=dark] .download-option-icon.macos{background:#f1f5f926;color:#f8fafc}[data-theme=dark] .download-option-icon.linux{background:#fde0472e;color:#fde047}[data-theme=dark] .download-option-icon.deb{background:#f43f5e33;color:#fb7185}[data-theme=dark] .download-option-icon.appimage{background:#3b82f633;color:#60a5fa}.download-option-content{display:flex;flex-direction:column;flex:1;min-width:0}.download-option-title{font-size:.85rem;font-weight:600;line-height:1.25;display:flex;align-items:center;gap:6px}.download-option-badge{font-size:.65rem;font-weight:600;padding:1px 5px;border-radius:4px;background:var(--color-bg-secondary, #e2e8f0);color:var(--color-text-secondary, #475569);text-transform:uppercase}[data-theme=dark] .download-option-badge{background:#334155;color:#cbd5e1}.download-option-desc{font-size:.73rem;color:var(--color-text-muted, #64748b);margin-top:2px}[data-theme=dark] .download-option-desc{color:#94a3b8}.linux-toggle{justify-content:space-between}.linux-expand-arrow{width:14px;height:14px;color:var(--color-text-muted, #64748b);transition:transform .2s ease;flex-shrink:0}.linux-expand-arrow.open{transform:rotate(180deg)}.download-linux-suboptions{margin-left:20px;padding-left:12px;border-left:2px solid var(--color-border-subtle, #e2e8f0);display:flex;flex-direction:column;gap:4px;margin-top:4px;margin-bottom:4px}[data-theme=dark] .download-linux-suboptions{border-left-color:#ffffff1a}.download-suboption-item{width:100%;display:flex;align-items:center;gap:10px;padding:7px 10px;border:none;background:transparent;border-radius:6px;cursor:pointer;text-align:left;transition:background .15s ease;color:var(--color-text, #0f172a)}[data-theme=dark] .download-suboption-item{color:#f8fafc}.download-suboption-item:hover:not(:disabled){background-color:var(--color-bg-hover, #f1f5f9)}[data-theme=dark] .download-suboption-item:hover:not(:disabled){background-color:#ffffff14}.download-suboption-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;flex-shrink:0}.download-suboption-icon.deb{background:#e11d481f;color:#e11d48}.download-suboption-icon.appimage{background:#2563eb1f;color:#2563eb}[data-theme=dark] .download-suboption-icon.deb{background:#f43f5e33;color:#fb7185}[data-theme=dark] .download-suboption-icon.appimage{background:#3b82f633;color:#60a5fa}.download-spinner-sm{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:downloadSpin .75s linear infinite}@keyframes downloadSpin{to{transform:rotate(360deg)}}.topbar{display:flex;align-items:center;gap:var(--space-4);height:var(--topbar-height);padding:0 var(--space-2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.3);z-index:99999;flex-shrink:0}@media(min-width:768px){.topbar{padding:0 var(--space-2)}}@media(max-width:768px){.topbar{display:flex;justify-content:space-between}}@media(min-width:1024px){.topbar{padding:0 var(--space-6)}}.topbar-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast)}.topbar-menu-btn:hover{background-color:var(--color-bg-secondary);color:var(--color-text)}.topbar-menu-btn svg{width:24px;height:24px}@media(min-width:1024px){.topbar-menu-btn{display:none}}.topbar-org-section{flex:1;display:flex;align-items:center;gap:var(--space-2);min-width:0}.topbar-org-icon{width:18px;height:18px;color:var(--color-text-secondary);flex-shrink:0}.topbar-org-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;line-height:1.2;max-width:380px}.topbar-org-switcher{min-width:120px;max-width:200px}.topbar-org-switcher select{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);height:32px}@media(max-width:767px){.topbar-org-section{display:none}}.topbar-actions{display:flex;align-items:center;gap:var(--space-2)}.topbar-download-section{display:flex;align-items:center;gap:var(--space-3);margin-right:var(--space-2)}.topbar-download-text{font-size:.85rem;font-weight:500;color:#1e293b;letter-spacing:-.01em;white-space:nowrap;opacity:.95}[data-theme=dark] .topbar-download-text{color:#f1f5f9}@media(max-width:1024px){.topbar-download-text{display:none}}.topbar-user{display:flex;align-items:center;gap:var(--space-3)}.topbar-user-name{font-size:var(--font-size-sm);color:var(--color-text-secondary);display:none}@media(min-width:768px){.topbar-user-name{display:block}}.topbar-logout-text{display:inline}.topbar-logout-btn{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));color:#fff;border:1px solid var(--color-primary-500);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);height:auto;min-height:32px;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);box-shadow:0 2px 4px #2563eb33;transition:all var(--transition-normal);position:relative;overflow:hidden}.topbar-logout-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-700),var(--color-primary-800));transform:translateY(-1px);box-shadow:0 4px 8px #2563eb4d;border-color:var(--color-primary-600)}.topbar-logout-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #2563eb33}.topbar-logout-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left var(--transition-slow)}.topbar-logout-btn:hover:before{left:100%}.topbar-logout-btn .btn-text{display:inline-flex;align-items:center;gap:var(--space-2);position:relative;z-index:1}.topbar-logout-btn .btn-icon-right{display:inline-flex;align-items:center;transition:transform var(--transition-fast)}.topbar-logout-btn:hover .btn-icon-right{transform:translate(2px)}.topbar-logout-btn svg{width:14px;height:14px;transition:all var(--transition-fast)}@media(max-width:767px){.topbar-logout-btn{padding:var(--space-1) var(--space-2);min-height:28px;font-size:var(--font-size-xs)}.topbar-logout-btn .btn-text{gap:var(--space-1)}.topbar-logout-btn svg{width:12px;height:12px}@media(max-width:480px){.topbar-logout-btn .btn-text span:not(.btn-icon-right){display:none}.topbar-logout-btn{padding:var(--space-1);min-width:28px;min-height:28px}}}@media(prefers-color-scheme:dark){.topbar-logout-btn{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));border-color:var(--color-primary-400)}.topbar-logout-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700))}}.topbar-user button{height:auto;padding:var(--space-1) var(--space-2);border-radius:15px}.topbar-user button .btn-text{display:flex;flex-direction:row;align-items:center;gap:var(--space-1)}@media(min-width:640px){.topbar-logout-text{display:inline;margin-left:var(--space-1)}}.app-shell{display:flex;height:100vh;overflow:hidden;background-color:var(--color-bg);position:relative}.mesh-gradient{position:fixed;top:-50%;left:-50%;right:-50%;bottom:-50%;width:200%;height:200%;z-index:0;background:var(--color-bg);background-image:radial-gradient(at 40% 20%,hsla(180,83%,39%,.4) 0px,transparent 40%),radial-gradient(at 80% 0%,hsla(240,86%,48%,.4) 0px,transparent 40%),radial-gradient(at 0% 50%,hsla(22,84%,36%,.4) 0px,transparent 40%),radial-gradient(at 80% 50%,hsla(340,77%,34%,.4) 0px,transparent 40%),radial-gradient(at 0% 100%,hsla(260,83%,37%,.4) 0px,transparent 40%),radial-gradient(at 80% 100%,hsla(343,83%,38%,.4) 0px,transparent 40%),radial-gradient(at 0% 0%,hsla(220,72%,39%,.4) 0px,transparent 40%);filter:blur(80px);pointer-events:none}.app-sidebar-desktop,.sidebar-open .topbar-menu-btn{display:none}@media(min-width:1024px){.app-sidebar-desktop{display:flex;flex-direction:column;width:var(--sidebar-width);flex-shrink:0}}.app-sidebar-mobile{display:none;position:fixed;top:0;left:0;width:var(--sidebar-width);max-width:260px;height:100vh;z-index:50;transform:translate(-100%);transition:transform .3s ease-in-out;box-shadow:2px 0 10px #0000001a}@media(max-width:1023px){.app-sidebar-mobile{display:block;transform:translate(-100%)}.sidebar-open .app-sidebar-mobile{transform:translate(0)}@media(max-width:480px){.app-sidebar-mobile{max-width:220px;width:220px}}.app-sidebar-mobile .sidebar{width:100%;height:100vh;border-right:none}}@media(min-width:1024px){.app-sidebar-mobile{display:none!important}}.app-sidebar-backdrop{display:none}@media(max-width:1023px){.app-sidebar-backdrop{display:none;position:fixed;top:0;left:var(--sidebar-width);right:0;bottom:0;background-color:#0006;z-index:40;animation:fadeIn .2s ease}.sidebar-open .app-sidebar-backdrop{display:block}}@media(max-width:480px){.app-sidebar-backdrop{left:220px}}.app-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;transition:all .45s ease-in-out;position:relative;z-index:1}.app-content{flex:1;padding:var(--space-2);overflow-y:auto;overflow-x:hidden}@media(min-width:768px){.app-content{padding:var(--space-4)}}@media(min-width:1024px){.app-content{padding:var(--space-6)}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}@media(max-width:768px){.page-header{margin-bottom:var(--space-3)}}@media(max-width:480px){.page-header{margin-bottom:var(--space-2)}}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--space-2)}.page-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.page-container{max-width:var(--container-max)}.mobile-nav{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal)}@media(min-width:1024px){.mobile-nav{display:none}}.mobile-nav-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;animation:fadeIn var(--transition-normal)}.mobile-nav-panel{position:absolute;top:0;left:0;bottom:0;width:var(--sidebar-width);max-width:calc(100vw - 48px);background-color:var(--color-bg);animation:slideInLeft var(--transition-normal);box-shadow:var(--shadow-xl);z-index:1}@media(max-width:320px){.mobile-nav-panel{width:calc(100vw - 40px);max-width:220px}}@media(min-width:321px)and (max-width:480px){.mobile-nav-panel{max-width:260px}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-nav-panel .sidebar{height:100%;border-right:none;width:100%}.mobile-nav-close{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--color-text-secondary);z-index:1;transition:all var(--transition-fast)}.mobile-nav-close:hover{background-color:var(--color-bg-secondary);color:var(--color-text)}.mobile-nav-close svg{width:20px;height:20px}.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:var(--space-12) var(--space-4);background:var(--color-bg);position:relative}.auth-page:before{content:"";position:fixed;top:-50%;left:-50%;right:-50%;bottom:-50%;width:200%;height:200%;z-index:0;background:var(--color-bg);background-image:radial-gradient(at 40% 20%,hsla(220,72%,39%,.4) 0px,transparent 40%),radial-gradient(at 80% 0%,hsla(180,83%,39%,.4) 0px,transparent 40%),radial-gradient(at 0% 50%,hsla(260,83%,37%,.4) 0px,transparent 40%),radial-gradient(at 80% 50%,hsla(340,77%,34%,.4) 0px,transparent 40%),radial-gradient(at 0% 100%,hsla(22,84%,36%,.4) 0px,transparent 40%),radial-gradient(at 80% 100%,hsla(240,86%,48%,.4) 0px,transparent 40%),radial-gradient(at 0% 0%,hsla(343,83%,38%,.4) 0px,transparent 40%);filter:blur(80px);animation:global-mesh-animation 30s linear infinite;pointer-events:none}@keyframes global-mesh-animation{0%{transform:translate(-5%,-5%) rotate(0) scale(1)}25%{transform:translate(5%,5%) rotate(90deg) scale(1.1)}50%{transform:translate(10%,-5%) rotate(180deg) scale(1)}75%{transform:translate(-5%,10%) rotate(270deg) scale(1.1)}to{transform:translate(-5%,-5%) rotate(360deg) scale(1)}}.auth-container{position:relative;z-index:1}.auth-container{width:100%;max-width:400px;margin:auto 0}.auth-card{padding:var(--space-6)}@media(min-width:640px){.auth-card{padding:var(--space-8)}}.auth-logo{align-items:center;justify-content:center;margin-bottom:8px}.auth-card .card-title{font-size:var(--font-size-xl);margin:0}.auth-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);text-align:center}.auth-note{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:center;margin-top:var(--space-4);padding:var(--space-3);background-color:var(--color-bg-secondary);border-radius:var(--radius-md)}.auth-error,.auth-success{padding:var(--space-3);margin-bottom:var(--space-4);font-size:var(--font-size-sm);border-radius:var(--radius-md);text-align:center}.auth-error{color:var(--color-danger-700);background-color:var(--color-danger-50);border:1px solid var(--color-danger-500)}.auth-success{color:var(--color-success-700);background-color:var(--color-success-50);border:1px solid var(--color-success-500)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-link{margin-top:var(--space-6);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.auth-link a{color:var(--color-primary-600);font-weight:var(--font-weight-medium)}.auth-link a:hover{color:var(--color-primary-700);text-decoration:underline}.auth-link .change-btn{color:var(--color-primary-600);font-weight:var(--font-weight-medium)}.auth-link .change-btn:hover{color:var(--color-primary-700);text-decoration:underline}.Forgeting-link{color:var(--color-text-secondary)}.Forgeting-link a{color:var(--color-primary-600);font-weight:var(--font-weight-medium)}.Forgeting-link a:hover{color:var(--color-primary-700);text-decoration:underline}.invite-details{margin-bottom:var(--space-6);padding:var(--space-4);background-color:var(--color-bg-secondary);border-radius:var(--radius-md)}.invite-message{font-size:var(--font-size-base);color:var(--color-text-primary);margin-bottom:var(--space-2)}.invite-inviter{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.invite-inviter strong{color:var(--color-text-primary)}.invite-expires{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.invite-actions{display:flex;flex-direction:column;gap:var(--space-4)}.invite-info{padding:var(--space-3);margin-bottom:var(--space-4);font-size:var(--font-size-sm);color:var(--color-primary-700);background-color:var(--color-primary-50);border-radius:var(--radius-md)}.invite-info strong{display:block;margin-bottom:var(--space-1)}.invite-email{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-2)}.invite-email strong{color:var(--color-text-primary)}.invite-logged-in-as{font-size:var(--font-size-sm);color:var(--color-success-700);background-color:var(--color-success-50);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);text-align:center;margin-bottom:var(--space-2)}.invite-logged-in-as strong{color:var(--color-success-800)}.invite-email-mismatch{font-size:var(--font-size-sm);color:var(--color-warning-700);background-color:var(--color-warning-50);padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.invite-email-mismatch p{margin:0;margin-bottom:var(--space-1)}.invite-email-mismatch p:last-child{margin-bottom:0}.invite-email-mismatch strong{color:var(--color-warning-800)}.account-type-selector{display:flex;flex-direction:column;gap:var(--space-2)}.account-type-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.account-type-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.account-type-option{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .15s ease;background-color:var(--color-bg-primary)}.account-type-option:hover{border-color:var(--color-primary-300);background-color:var(--color-primary-50)}.account-type-option.selected{border-color:var(--color-primary-500);background-color:var(--color-primary-50)}.account-type-option input[type=radio]{margin-top:var(--space-1);accent-color:var(--color-primary-600)}.account-type-content{display:flex;flex-direction:column;gap:var(--space-1)}.account-type-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.account-type-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.field-error{font-size:var(--font-size-xs);color:var(--color-danger-600);margin-top:var(--space-1)}.password-validation-errors{margin-top:var(--space-2);padding:var(--space-3);background-color:var(--color-danger-50);border-radius:var(--radius-md);border:1px solid var(--color-danger-200)}.password-error-item{font-size:var(--font-size-xs);color:var(--color-danger-700);line-height:1.4;margin-bottom:var(--space-1)}.password-error-item:last-child{margin-bottom:0}.forgot-password-form .input-wrapper{gap:var(--space-2)}.otp-container{gap:var(--space-1)}@media(max-width:480px){.account-type-options{grid-template-columns:1fr}}.otp-container{display:flex;flex-direction:column;gap:var(--space-2)}.send-otp-wrapper{display:flex;justify-content:flex-end;margin-top:var(--space-2);margin-bottom:var(--space-4)}.otp-box-container{display:flex;gap:var(--space-3);justify-content:space-between;margin-top:0}.otp-box{width:45px;height:45px;text-align:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-primary);transition:all .15s ease}.otp-box:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 2px var(--color-primary-100)}.otp-box:disabled{background-color:var(--color-bg-secondary);cursor:not-allowed;opacity:.6}@media(max-width:400px){.otp-box{width:45px;height:45px}}.spinning{animation:spin 1s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;min-height:200px}.empty-state-icon{color:var(--color-gray-400);margin-bottom:12px}.empty-state-text{color:var(--color-gray-500);font-size:14px;margin:0}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-left{display:flex;align-items:center;gap:12px}.dashboard-title{font-size:28px;font-weight:700;color:var(--color-text);margin:0}.live-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-success-50);color:var(--color-success-700);border-radius:20px;font-size:12px;font-weight:600}.live-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite}.header-right,.notification-bell-wrapper{display:flex;align-items:center;gap:12px}.notification-bell{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;transition:all .2s ease}.notification-bell:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.notification-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:10px;font-weight:600;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0 4px;border:2px solid white}[data-theme=dark] .notification-bell{background:#1e293b;border-color:#334155;color:#94a3b8}[data-theme=dark] .notification-bell:hover{background:#334155;border-color:#475569;color:#f1f5f9}[data-theme=dark] .notification-badge{border-color:#1e293b}.dashboard-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#ffffff4d;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);z-index:10;min-height:400px;opacity:0;animation:fadeIn .3s ease-in-out forwards;border-radius:12px}.dashboard-content-wrapper{position:relative}.refresh-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;color:#64748b;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.refresh-button:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-primary-500)}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.date-range-selector{display:flex;align-items:center;justify-content:space-evenly;gap:8px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#64748b}.date-filter-toggle{display:flex;align-items:center;padding:4px;background:var(--color-primary-500);border-radius:9999px;width:fit-content}.toggle-button{padding:8px 20px;background:transparent;color:#fff;border:none;border-radius:9999px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.toggle-button:hover{background:#ffffff1a}.toggle-button.active{background:#fff;color:var(--color-primary-500);box-shadow:0 1px 3px #0000001a}.date-range-selector select{border:none;background:transparent;font-size:14px;cursor:pointer;outline:none}.export-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.export-button:hover{background:#2563eb}.summary-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:6px;margin-bottom:12px}.summary-stats-grid-freelancer{display:grid;grid-template-columns:repeat(6,minmax(160px,1fr));gap:6px;margin-bottom:12px}.summary-card{border-radius:12px;padding:10px;box-shadow:0 1px 3px #0000001a;position:relative;overflow:hidden;max-height:120px;overflow-y:auto}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.stat-icon{width:24px;height:24px;background:#eff6ff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#3b82f6}.stat-menu{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px}.stat-menu:hover{color:#64748b}.stat-actions{display:flex;align-items:center;gap:4px}.stat-expand{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;transition:color .2s}.stat-expand:hover{color:#3b82f6}.stat-expanded{padding-top:16px;border-top:1px solid #e2e8f0;margin-top:12px}.stat-detail-label{font-size:12px;color:#64748b;margin:0 0 12px}.stat-chart-expanded{height:150px}.stat-content{margin-bottom:0}.stat-title-dashboard{font-size:10px;color:#64748b;margin:0 0 1px;white-space:normal;overflow:visible}.stat-value-dashboard{font-size:14px;font-weight:700;margin:0 0 1px;white-space:normal;overflow:visible}.stat-subtitle-dashboard{font-size:9px;color:#94a3b8;margin:0 0 1px;white-space:normal;overflow:visible}.stat-change{display:flex;align-items:center;gap:3px;font-size:9px;font-weight:600}.trend-up{color:#10b981}.trend-down{color:#ef4444}.stat-chart{height:50px;margin-top:6px;display:none}.dashboard-card{background:var(--color-surface);border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.Page-container .dashboard-card{display:flex;flex-direction:column}.dashboard-cards-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.card-header h3{font-size:16px;font-weight:600;color:var(--color-text);margin:0}.card-actions{display:flex;align-items:center;gap:8px}.card-expand-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;transition:color .2s}.card-expand-btn:hover{color:#3b82f6}.search-box{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:13px}.search-box input{border:none;background:transparent;font-size:13px;outline:none;width:120px}.search-box input::placeholder{color:#94a3b8}.sort-select{border:1px solid #e2e8f0;border-radius:6px;padding:6px 10px;font-size:13px;color:#64748b;background:#fff;cursor:pointer;outline:none}.view-all-link{font-size:13px;color:var(--color-primary-500);text-decoration:none;font-weight:500}.view-all-link:hover{text-decoration:underline}.time-filter{border:1px solid #e2e8f0;border-radius:6px;padding:6px 12px;font-size:13px;color:#64748b;background:#fff;cursor:pointer}.dashboard-middle-section{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:12px}.invoices-project-status-column-freelancer{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hours-tracked-card{grid-column:span 2}.hours-chart-container{overflow-x:auto;overflow-y:hidden;min-height:200px}.hours-chart-container::-webkit-scrollbar{height:6px}.hours-chart-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.hours-chart-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.hours-chart-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=dark] .hours-chart-container::-webkit-scrollbar-track{background:#1e293b}[data-theme=dark] .hours-chart-container::-webkit-scrollbar-thumb{background:#475569}[data-theme=dark] .hours-chart-container::-webkit-scrollbar-thumb:hover{background:#64748b}.invoices-card{grid-column:span 1!important}.invoices-card-freelancer{grid-column:span 2!important}.project-distribution-card{grid-column:span 1!important}.project-status-card,.top-team-card{grid-column:span 1}.revenue-expenses-card{grid-column:span 2}.cash-flow-card,.project-health-card{grid-column:span 1}.project-status-content{display:flex;flex-direction:column;align-items:center;gap:6px}.card-header-actions{display:flex;align-items:center;gap:12px}.view-toggle{display:flex;gap:4px;background:var(--color-bg-secondary, var(--color-gray-100));padding:4px;border-radius:8px;border:1px solid var(--color-border, transparent)}.toggle-btn{display:flex;align-items:center;justify-content:center;padding:6px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:6px;cursor:pointer;transition:all .2s ease}.toggle-btn:hover{background:var(--color-bg-tertiary, var(--color-gray-200));color:var(--color-text)}.toggle-btn.active{background:var(--color-surface, #ffffff);color:var(--color-primary-600);box-shadow:0 1px 3px #0000001a}.health-score-badge{display:flex;align-items:center;gap:6px;font-size:12px;background:var(--color-bg-secondary, var(--color-gray-100));padding:4px 10px;border-radius:12px;border:1px solid var(--color-border, transparent)}.health-score-label{color:var(--color-text-secondary);font-weight:500}.health-score-value{color:var(--color-success-600);font-weight:600}.no-data-message{color:var(--color-text-secondary);font-size:14px;padding:40px 20px;text-align:center}.status-legend{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:8px}.legend-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-primary)}.legend-color{width:12px;height:12px;border-radius:3px}.project-list-view{width:100%;max-height:320px;overflow-y:auto;padding-right:4px}.project-list-header{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:12px;padding:8px 12px;background:var(--color-bg-secondary, var(--color-gray-50));border-radius:6px;font-size:12px;font-weight:600;color:var(--color-text-secondary);position:sticky;top:0;z-index:2}[data-theme=dark] .view-toggle{background:var(--color-bg-tertiary, #374151);border-color:var(--color-border, #4b5563)}[data-theme=dark] .toggle-btn{color:var(--color-text-secondary, #d1d5db)}[data-theme=dark] .toggle-btn:hover{background:var(--color-bg-secondary, #1f2937);color:var(--color-text, #f9fafb)}[data-theme=dark] .toggle-btn.active{background:var(--color-bg-secondary, #1f2937);color:var(--color-primary-400, #60a5fa);box-shadow:0 1px 3px #0006}[data-theme=dark] .health-score-badge{background:var(--color-bg-secondary, #1f2937);border-color:var(--color-border, #374151)}[data-theme=dark] .health-score-label{color:var(--color-text-secondary, #d1d5db)}[data-theme=dark] .health-score-value{color:#4ade80}[data-theme=dark] .project-list-header{background:var(--color-bg-tertiary, #374151);color:var(--color-text-secondary, #d1d5db);border-bottom:1px solid var(--color-border, #4b5563)}.list-header-name,.list-header-score,.list-header-status,.list-header-tasks{text-transform:uppercase;letter-spacing:.5px}.project-list-body{display:flex;flex-direction:column;gap:4px;margin-top:8px}.project-list-item{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:12px;padding:10px 12px;background:var(--color-card-background);border:1px solid var(--color-border);border-radius:6px;transition:all .2s ease}.project-list-item:hover{border-color:var(--color-primary-400);box-shadow:0 2px 8px #0000001a}.project-name{font-size:13px;font-weight:500;color:var(--color-text-primary);display:flex;align-items:center}.project-health-score{display:flex;align-items:center}.health-score-value{font-size:13px;font-weight:600}.health-score-value.healthy{color:#22c55e}.health-score-value.at-risk{color:#f59e0b}.health-score-value.critical{color:#ef4444}.project-status{display:flex;align-items:center}.status-badge{font-size:11px;font-weight:600;padding:4px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.status-badge.healthy{background:#22c55e1a;color:#22c55e}.status-badge.at_risk{background:#f59e0b1a;color:#f59e0b}.status-badge.critical{background:#ef44441a;color:#ef4444}.project-tasks{display:flex;flex-direction:column;gap:2px}.task-completion{font-size:12px;color:var(--color-text-primary);font-weight:500}.overdue-tasks{font-size:11px;color:#ef4444;font-weight:600}.legend-label{flex:1;color:#3b82f6}.legend-value{font-weight:600;color:#8b5cf6}.team-list{display:flex;flex-direction:column;gap:6px}.team-member{display:flex;align-items:center;gap:8px;padding:6px;border-radius:8px}.member-avatar{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;flex-shrink:0}.member-info{flex:1;min-width:0;overflow:hidden}.member-name{font-size:14px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-hours{font-size:12px;color:#64748b;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-rating{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:600;flex-shrink:0}.no-results{text-align:center;padding:32px 16px;color:#94a3b8;font-size:14px}.card-expanded-content{padding-top:8px;border-top:1px solid #e2e8f0}.expanded-details{padding:8px;border-radius:8px}.expanded-title{font-size:14px;font-weight:600;margin:0 0 12px}.expanded-stats{display:flex;flex-direction:column;gap:6px}.expanded-stat-item{display:flex;justify-content:space-between;font-size:13px}.expanded-label{color:#64748b}.expanded-value{font-weight:600}.subscription-content{display:flex;flex-direction:column;gap:8px}.current-plan-info{display:flex;flex-direction:column;gap:10px;padding:14px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;color:#fff}.plan-badge{display:flex;align-items:center;gap:8px}.plan-badge-label{font-size:12px;opacity:.9;font-weight:500}.plan-badge-name{font-size:18px;font-weight:700;background:#fff3;padding:4px 12px;border-radius:6px}.user-usage{display:flex;flex-direction:column;gap:8px}.usage-header{display:flex;justify-content:space-between;align-items:center}.usage-label{font-size:13px;opacity:.9}.usage-count{font-size:16px;font-weight:600}.usage-progress-bar{height:8px;background:#fff3;border-radius:4px;overflow:hidden}.usage-progress-fill{height:100%;background:#10b981;border-radius:4px;transition:width .3s ease}.usage-details{display:flex;justify-content:space-between;align-items:center}.usage-remaining{font-size:13px;opacity:.9}.upgrade-btn{padding:6px 14px;background:#fff;color:#3b82f6;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.upgrade-btn:hover{background:#f8fafc;transform:translateY(-1px)}.subscription-summary{display:flex;gap:16px;padding:16px;background:#f8fafc;border-radius:8px}.subscription-summary-item{display:flex;flex-direction:column;gap:4px;flex:1}.summary-label{font-size:12px;color:#64748b;font-weight:500}.summary-value{font-size:24px;font-weight:700}.summary-value.active{color:#10b981}.subscription-plans-table{display:flex;flex-direction:column;gap:8px}.plans-table-header{display:flex;padding:8px 12px;background:#e2e8f0;border-radius:6px;font-size:12px;font-weight:600;color:#64748b}.table-header{flex:1}.table-header:last-child{text-align:right}.plans-table-row{display:flex;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;transition:all .2s;align-items:center}.plans-table-row.current-plan-row{background:#eff6ff;border-color:#3b82f6}.plans-table-row:hover{background:#f8fafc;border-color:#cbd5e1}.plans-table-row.current-plan-row:hover{background:#dbeafe;border-color:#2563eb}.table-cell{flex:1;font-size:14px}.table-cell.plan-name{font-weight:500;display:flex;align-items:center;gap:8px}.current-plan-tag{font-size:10px;font-weight:600;background:#3b82f6;color:#fff;padding:2px 8px;border-radius:4px;text-transform:uppercase}.table-cell.plan-count{text-align:center;font-weight:600;color:#64748b}.table-cell.plan-progress{flex:1.5;display:flex;align-items:center;gap:12px}.progress-bar{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:4px;transition:width .3s ease}.progress-percentage{font-size:13px;font-weight:600;color:#64748b;min-width:40px;text-align:right}.active-users-content{display:flex;flex-direction:column;gap:4px}.users-overview{display:flex;flex-direction:row;gap:6px;padding:10px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:12px;color:#fff}.users-main-stat{display:flex;align-items:center;gap:6px}.users-icon{opacity:.9}.users-main-info{display:flex;flex-direction:row;gap:2px}.users-total{font-size:28px;font-weight:700}.users-label{font-size:13px;opacity:.9}.users-secondary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.users-stat{display:flex;flex-direction:row;gap:2px;padding:4px;background:#ffffff1a;border-radius:6px}.users-stat-label{font-size:11px;opacity:.8}.users-stat-value{font-size:16px;font-weight:600}.users-stat-value.online{color:#4ade80}.users-growth{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:#4ade80}.users-by-role{display:flex;flex-direction:column;gap:8px}.role-label{font-size:13px;font-weight:600;margin:0 0 8px}.role-item{display:flex;align-items:center;gap:12px;padding:8px 0}.role-name{font-size:13px;color:#64748b;min-width:100px}.role-bar{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.role-bar-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#6d28d9);border-radius:4px;transition:width .3s ease}.role-count{font-size:13px;font-weight:600;min-width:40px;text-align:right}.currently-active-users{display:flex;flex-direction:column;gap:4px}.active-users-label{font-size:13px;font-weight:600;margin:0 0 8px}.active-user-item{display:flex;align-items:center;gap:4px;padding:4px;border-radius:8px;transition:all .2s}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6d28d9);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;flex-shrink:0}.user-details{flex:1;display:flex;flex-direction:column;gap:2px}.user-name{font-size:14px;font-weight:600;margin:0}.user-project{font-size:12px;color:#64748b;margin:0}.user-task{font-size:12px;color:#94a3b8;margin:0}.tracking-indicator{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#dcfce7;border-radius:6px}.tracking-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.tracking-text{font-size:11px;font-weight:600;color:#059669}.cash-flow-content{display:flex;flex-direction:column;gap:16px}.cash-flow-main{text-align:center}.cash-flow-label{font-size:13px;color:#64748b;margin:0 0 8px}.cash-flow-value{font-size:28px;font-weight:700;margin:0 0 8px}.cash-flow-change{display:flex;align-items:center;justify-content:center;gap:4px;font-size:13px;font-weight:600}.cash-flow-breakdown{display:flex;justify-content:space-around;padding:12px;background:#f8fafc;border-radius:8px}.cash-flow-item{text-align:center}.cash-flow-item-label{font-size:12px;color:#64748b;display:block;margin-bottom:4px}.cash-flow-item-value{font-size:16px;font-weight:600}.cash-flow-item-value.positive{color:#10b981}.cash-flow-item-value.negative{color:#ef4444}.cash-flow-chart{display:flex;justify-content:center}.project-health-list{display:flex;flex-direction:column;gap:12px}.health-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8fafc;border-radius:8px}.health-info{flex:1}.health-project-name{font-size:14px;font-weight:600;margin:0 0 8px}.health-bar{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.health-progress{height:100%;border-radius:3px;transition:width .3s ease}.no-activity{text-align:center;margin-top:25px}.health-progress.healthy{background:#10b981}.health-progress.watch{background:#f59e0b}.health-progress.at-risk{background:#ef4444}.health-status{font-size:12px;font-weight:600;padding:4px 8px;border-radius:4px}.health-status.healthy{background:#dcfce7;color:#166534}.health-status.watch{background:#fef3c7;color:#92400e}.health-status.at-risk{background:#fee2e2;color:#991b1b}.dashboard-bottom-section{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:12px}.budget-card{grid-column:span 1;height:100%;overflow:hidden}.budget-subscription-column{grid-column:span 1;display:flex;flex-direction:column;gap:12px;align-items:stretch}.invoices-project-status-column{grid-column:span 1;display:flex;flex-direction:column;gap:8px;align-items:stretch}.subscription-card{grid-column:span 1;height:auto;min-height:max-content;flex-shrink:0}.time-activity-card,.deadlines-card,.satisfaction-card,.feedback-card{grid-column:span 1}.invoices-card{grid-column:span 1!important;height:100%}.budget-content{display:flex;flex-direction:column;align-items:center;gap:4px;overflow:hidden;max-height:100%}.budget-view-toggle{display:flex;gap:4px;background:#fff;padding:4px;border-radius:8px;margin-bottom:12px;width:100%}.view-toggle-btn{flex:1;padding:8px 12px;border:none;background:transparent;color:var(--color-text-secondary);font-size:12px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease}.view-toggle-btn:hover{background:var(--color-gray-400)}.view-toggle-btn.active{background:var(--color-white);color:var(--color-primary-600);box-shadow:0 1px 3px #0000001a}.budget-trend-view{width:100%;display:flex;flex-direction:column;align-items:center;padding:8px 0}.no-trend-data{text-align:center;padding:40px 20px;color:var(--color-text-secondary);font-size:14px}.budget-project-filter{width:200px}.budget-all-projects{width:100%;display:flex;flex-direction:column;gap:12px}.budget-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;padding:8px;background:#f8fafc;border-radius:6px}.budget-summary-item{display:flex;flex-direction:column;gap:4px;text-align:center}.summary-label{font-size:11px;color:#64748b}.summary-value{font-size:14px;font-weight:600}.summary-value.positive{color:#10b981}.budget-chart-container{width:100%}.budget-note{font-size:11px;color:#94a3b8;text-align:center;margin:0}.budget-monthly-trend{width:100%;margin-top:16px;padding-top:16px;border-top:1px solid var(--color-gray-200)}.trend-header{font-size:12px;font-weight:600;color:var(--color-text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.budget-project-list{width:100%;display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;padding:8px 0}.project-list-title{font-size:12px;font-weight:600;margin:0 0 8px}.project-budget-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--color-card-background);border:1px solid var(--color-border);border-radius:6px;font-size:13px;transition:all .2s ease}.project-budget-item:hover{border-color:var(--color-primary-400);box-shadow:0 2px 4px #0000000d}.project-budget-name{font-weight:500;color:var(--color-text-primary);flex:1}.project-budget-info{display:flex;gap:12px;align-items:center}.project-budget{font-weight:600;color:var(--color-text-primary)}.project-actual{font-weight:600;color:var(--color-text-secondary)}.project-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.project-status.on_track{background:#22c55e1a;color:#22c55e}.project-status.at_risk{background:#f59e0b1a;color:#f59e0b}.project-status.over_budget{background:#ef44441a;color:#ef4444}.budget-chart{position:relative;min-height:100px;display:flex;justify-content:center;align-items:center}.budget-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.percentage-value{font-size:24px;font-weight:700;display:block}.percentage-label{font-size:12px}.budget-details{width:100%;display:flex;flex-direction:column;gap:2px}.budget-detail-item{display:flex;justify-content:space-between;font-size:13px}.detail-label{color:#64748b}.detail-value{font-weight:600}.detail-value.positive{color:#10b981}.project-status-distribution-card{grid-column:span 1;height:100%;display:flex;flex-direction:column}.project-status-distribution-content{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;min-height:0;overflow-y:auto;padding-right:4px}.psd-chart{width:100%;display:flex;justify-content:center;min-height:150px;flex-shrink:0}.psd-legend{width:100%;display:flex;flex-direction:column;gap:6px;margin-top:4px;overflow-y:auto}.psd-legend-item{display:flex;align-items:center;gap:8px;font-size:13px;padding:6px 10px;background:var(--color-card-background, #f8fafc);border:1px solid var(--color-border, #e2e8f0);border-radius:6px}.psd-legend-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.psd-legend-label{flex:1;color:var(--color-text-primary);font-weight:500}.psd-legend-count{font-weight:600;color:var(--color-text-primary);min-width:24px;text-align:center}.psd-legend-percentage{font-weight:600;color:var(--color-text-secondary, #8b5cf6);min-width:48px;text-align:right}[data-theme=dark] .psd-legend-item{background:#1e293b;border-color:#334155}[data-theme=dark] .psd-legend-label,[data-theme=dark] .psd-legend-count{color:#f1f5f9}[data-theme=dark] .psd-legend-percentage{color:#94a3b8}.activity-list{display:flex;flex-direction:column;gap:6px}.activity-list::-webkit-scrollbar{width:6px}.activity-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.activity-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.activity-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=dark] .activity-list::-webkit-scrollbar-track{background:#1e293b}[data-theme=dark] .activity-list::-webkit-scrollbar-thumb{background:#475569}[data-theme=dark] .activity-list::-webkit-scrollbar-thumb:hover{background:#64748b}.activity-item{display:flex;justify-content:space-between;align-items:center;padding:7px;border-radius:8px}.activity-info{flex:1}.activity-project{font-size:13px;font-weight:600;margin:0 0 4px}.activity-time{font-size:11px;color:#94a3b8;margin:0}.activity-duration{font-size:13px;font-weight:600;color:#3b82f6}.deadlines-list{display:flex;flex-direction:column;gap:6px}.deadlines-list::-webkit-scrollbar{width:6px}.deadlines-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.deadlines-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.deadlines-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=dark] .deadlines-list::-webkit-scrollbar-track{background:#1e293b}[data-theme=dark] .deadlines-list::-webkit-scrollbar-thumb{background:#475569}[data-theme=dark] .deadlines-list::-webkit-scrollbar-thumb:hover{background:#64748b}.deadline-item{display:flex;justify-content:space-between;align-items:center;padding:4px;border-radius:8px}.deadline-info{flex:1}.deadline-project{font-size:13px;font-weight:600;margin:0 0 2px}.deadline-task{font-size:11px;color:#64748b;margin:0 0 4px}.deadline-badges{display:flex;gap:6px;align-items:center}.deadline-priority{font-size:11px;padding:2px 8px;border-radius:4px;font-weight:600;text-transform:capitalize}.deadline-priority.priority-high{background:#fee2e2;color:#991b1b}.deadline-priority.priority-medium{background:#fef3c7;color:#92400e}.deadline-priority.priority-low{background:#dcfce7;color:#166534}.deadline-days{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600}.deadline-date{font-size:11px;color:#94a3b8;font-weight:500}.deadline-status{font-size:11px;padding:2px 8px;border-radius:4px;font-weight:600;text-transform:capitalize}.deadline-status.status-overdue{background:#fee2e2;color:#991b1b}.deadline-status.status-at_risk{background:#fef3c7;color:#92400e}.deadline-status.status-on_track{background:#dcfce7;color:#166534}[data-theme=dark] .deadline-status.status-overdue{background:#7f1d1d;color:#fecaca}[data-theme=dark] .deadline-status.status-at_risk{background:#78350f;color:#fef3c7}[data-theme=dark] .deadline-status.status-on_track{background:#14532d;color:#dcfce7}.satisfaction-content{display:flex;flex-direction:column;align-items:center;gap:16px}.satisfaction-overview{text-align:center}.satisfaction-rating{font-size:36px;font-weight:700;margin:0 0 8px}.satisfaction-stars{display:flex;justify-content:center;gap:4px;margin-bottom:8px}.satisfaction-label{font-size:12px;color:#64748b;margin:0}.satisfaction-breakdown{width:100%;display:flex;flex-direction:column;gap:8px}.rating-breakdown{display:flex;align-items:center;gap:8px;font-size:12px}.rating-stars{display:flex;align-items:center;gap:2px;min-width:40px;color:#64748b}.rating-bar{flex:1;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.rating-bar-fill{height:100%;background:#f59e0b;border-radius:3px;transition:width .3s ease}.rating-percentage{min-width:35px;text-align:right;font-weight:600;color:#64748b}.feedback-list{display:flex;flex-direction:column;gap:12px}.feedback-item{padding:12px;background:#f8fafc;border-radius:8px}.feedback-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.feedback-name{font-size:13px;font-weight:600}.feedback-rating{display:flex;gap:2px}.feedback-comment{font-size:13px;color:#475569;font-style:italic;margin:0 0 8px}.feedback-date{font-size:11px;color:#94a3b8;margin:0}.invoices-content{display:flex;flex-direction:column;gap:6px}.invoices-chart-section{display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 0}.invoices-chart-section-client{display:flex;flex-direction:column;align-items:center;gap:12px;padding:6px 0}.invoices-chart{width:100%}.invoices-summary{display:flex;justify-content:space-around;padding:6px;border-radius:8px}.invoices-summary-client{display:flex;justify-content:space-around;padding:4px;margin-top:8px;border-radius:8px}.invoice-stat{text-align:center}.invoice-stat-label{font-size:11px;color:#64748b;display:block;margin-bottom:2px}.invoice-stat-value{font-size:18px;font-weight:700}.invoice-stat-value.paid{color:#10b981}.invoice-stat-value.pending{color:#f59e0b}.invoice-stat-value.overdue{color:#ef4444}.invoices-amounts{display:flex;flex-direction:column;gap:4px}.invoices-amounts-client{display:flex;flex-direction:column;gap:4px;margin-top:6px}.invoice-amount-item{display:flex;justify-content:space-between;font-size:12px;padding:4px 8px;border-radius:6px}.amount-label{color:#64748b}.amount-value{font-weight:600}.amount-value.positive{color:#3b82f6}.amount-value.negative{color:#ec4899}.invoices-legend{display:flex;justify-content:center;gap:16px;padding:2px 0}.legend-item{display:flex;align-items:center;gap:2px}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.paid{background:#3b82f6}.legend-dot.pending{background:#8b5cf6}.legend-dot.overdue{background:#ec4899}.legend-label{font-size:11px;color:#64748b;font-weight:500}.invoices-trend,.invoices-trend-client{display:flex;flex-direction:column;gap:4px;padding:8px 0;margin-top:8px;flex:1}.trend-label-container{margin-top:8px;margin-bottom:4px}.trend-label{font-size:11px;color:#64748b;font-weight:500;text-align:center;margin:0}@media(max-width:1440px){.summary-stats-grid{grid-template-columns:repeat(4,1fr)}.summary-stats-grid-freelancer{grid-template-columns:repeat(6,1fr)}.dashboard-middle-section{grid-template-columns:repeat(2,1fr)}.hours-tracked-card,.project-status-card,.invoices-card{grid-column:span 1!important}.invoices-card-freelancer{grid-column:span 2!important}.invoices-project-status-column-freelancer{grid-template-columns:repeat(2,1fr)}.project-distribution-card{grid-column:span 1!important}.revenue-expenses-card{grid-column:span 2}.dashboard-bottom-section{grid-template-columns:repeat(3,1fr)}.dashboard-cards-row{grid-template-columns:1fr}}@media(max-width:1024px){.summary-stats-grid{grid-template-columns:repeat(4,1fr)}.summary-stats-grid-freelancer{grid-template-columns:repeat(6,1fr)}.dashboard-middle-section{grid-template-columns:1fr}.hours-tracked-card,.project-status-card,.top-team-card,.revenue-expenses-card,.cash-flow-card,.project-health-card{grid-column:span 1}.invoices-project-status-column-freelancer{grid-template-columns:1fr}.invoices-card-freelancer,.project-distribution-card{grid-column:span 1!important}.dashboard-bottom-section{grid-template-columns:repeat(2,1fr)}.dashboard-cards-row{grid-template-columns:1fr}}@media(max-width:768px){.workspace-intelligence-dashboard{padding:16px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:16px}.invoices-project-status-column-freelancer{grid-template-columns:1fr}.invoices-card-freelancer,.project-distribution-card{grid-column:span 1!important}.header-right{width:100%;flex-direction:column}.date-range-selector,.export-button{width:100%;justify-content:center}.summary-stats-grid{grid-template-columns:repeat(3,1fr);gap:8px}.summary-stats-grid-freelancer{grid-template-columns:repeat(2,1fr);gap:8px}.dashboard-bottom-section{grid-template-columns:1fr}.invoices-card{grid-column:span 1}}@media(max-width:375px){.summary-stats-grid,.summary-stats-grid-freelancer{grid-template-columns:repeat(2,1fr);gap:8px}.summary-card{padding:8px;min-height:auto}.stat-value{font-size:13px;word-break:break-word;overflow-wrap:break-word}.stat-title{font-size:9px}.stat-subtitle{font-size:8px}.dashboard-card{padding:12px}.dashboard-bottom-section{gap:12px}.card-header h3{font-size:14px}.member-name{font-size:13px}.member-hours{font-size:11px}}.prefs-form{display:flex;flex-direction:column;gap:var(--spacing-6)}.prefs-section{display:flex;flex-direction:column;gap:var(--spacing-4)}.prefs-section h3{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);margin:0;padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border)}.form-help{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-1)}.form-group-toggle{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) 0}.form-group-toggle label:first-child{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer;pointer-events:auto;z-index:10}.toggle-switch input{opacity:0;width:0;height:0;pointer-events:auto;cursor:pointer}.toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--color-border);border-radius:24px;transition:background-color .2s ease;cursor:pointer;pointer-events:none;z-index:-1}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-primary)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 2px var(--color-primary-light)}.toggle-switch input:disabled+.toggle-slider{background-color:var(--color-border);opacity:.6;cursor:not-allowed}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch input:disabled+.toggle-slider:before{background-color:var(--color-text-muted)}.enforce-section{padding:var(--spacing-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:var(--spacing-4)}.enforce-toggle{display:flex;align-items:flex-start;gap:var(--spacing-3)}.toggle-label{display:flex;align-items:flex-start;gap:var(--spacing-3);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-label input[type=checkbox]{width:16px;height:16px;margin-top:2px;accent-color:var(--color-primary);cursor:pointer}.toggle-text{display:flex;flex-direction:column;gap:var(--spacing-1)}.toggle-text strong{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.toggle-description{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.4}.modal-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end;padding-top:var(--spacing-3);border-top:1px solid var(--color-border)}.project-name-cell{display:flex;align-items:center;gap:var(--spacing-2);text-decoration:none;color:inherit;min-width:0;max-width:400px;width:fit-content}.project-name-cell:hover .project-name{color:var(--color-primary-600)}.project-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.project-name{font-weight:500;transition:color .15s ease;min-width:0;color:var(--color-primary-600);text-decoration:underline}.project-name:hover{color:var(--color-primary-700)}.invite-form{display:flex;flex-direction:column;gap:var(--space-4)}.invite-success{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);text-align:center}.invite-success p{font-size:var(--font-size-base);color:var(--color-text-secondary)}.project-details-header{margin-bottom:var(--space-4)}.project-header-nav{margin-bottom:var(--spacing-2)}.project-title-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);margin-bottom:var(--spacing-2)}.project-title-row{display:flex;align-items:center;gap:var(--spacing-3);flex:1;min-width:0}.project-title-row .page-title{margin-bottom:0}.project-color-dot{width:16px;height:16px;border-radius:var(--radius-full);flex-shrink:0}.invite-member-btn{flex-shrink:0}.project-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.stat-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-3)}[data-theme=dark] .stat-card{background:#1e293b;border-color:#334155}[data-theme=dark] .stat-title{color:#94a3b8}[data-theme=dark] .stat-value{color:#f1f5f9;font-weight:700}[data-theme=dark] .stat-subtitle{color:#64748b;font-weight:700}.member-role-cell{display:flex;align-items:center;white-space:nowrap;min-width:140px}.position-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:400;display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-email{display:block;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:480px){.project-stats{grid-template-columns:1fr}.position-text{max-width:80px}}.stat-title{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--spacing-1)}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);line-height:1.2}.stat-subtitle{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--spacing-1)}.member-name{display:flex;align-items:center;gap:var(--spacing-2);font-weight:500;max-width:100%;min-width:0}.member-name-full{white-space:normal;word-break:break-word;overflow-wrap:anywhere;line-height:1.35;flex:1;min-width:0}.you-badge{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:400;flex-shrink:0;white-space:nowrap}.removed-member{color:var(--color-text-tertiary)}.success-toast{background-color:var(--color-success-50);color:var(--color-success-700);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);border:1px solid var(--color-success-200);margin-bottom:var(--spacing-4);font-size:var(--font-size-sm)}.task-name{font-weight:500;max-width:200px}.task-name-link{font-weight:500;max-width:200px;color:var(--color-primary)}.clickable-task-row{cursor:pointer;transition:background-color .15s ease;border-radius:var(--radius-md);margin:0 -4px;padding:4px}.row-not-clickable{cursor:default;transition:background-color .15s ease;border-radius:var(--radius-md);margin:0 -4px;padding:4px}.row-not-clickable:hover{background-color:transparent}.clickable-task-row:hover{background-color:var(--color-surface-hover)}.clickable-task-row:hover .task-name{color:var(--color-primary)}.due-date.overdue{color:var(--color-danger-600);font-weight:500}.due-date.future{color:var(--color-success-600);font-weight:500}.due-date.today{color:var(--color-warning-600);font-weight:500}.time-display{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500;margin-bottom:4px}.time-separate-display{display:flex;flex-direction:column;gap:2px;margin-bottom:6px}.time-item{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs)}.time-label{color:var(--color-text-tertiary);font-weight:500}.time-value{color:var(--color-text-primary);font-weight:600}.time-progress-container{min-width:140px}.clickable-time{cursor:pointer;transition:background-color .2s ease;border-radius:var(--radius-md);padding:8px}.clickable-time:hover{background-color:var(--color-surface-hover)}.click-indicator{margin-left:4px;font-size:12px;opacity:.7}.time-progress-bar{position:relative;height:16px;background:var(--color-bg-tertiary);border-radius:8px;overflow:hidden}.time-progress-fill{position:absolute;top:0;left:0;height:100%;background:var(--color-success-500);border-radius:8px;transition:width .3s ease}.time-progress-fill.normal{background:var(--color-success-500)}.time-progress-fill.warning{background:var(--color-warning-500)}.time-progress-fill.overdue{background:var(--color-danger-500)}.time-progress-fill.no-estimate{background:var(--color-text-muted)}@media(max-width:768px){.time-progress-container{min-width:120px}.time-progress-bar{height:14px}.time-item{font-size:10px}}.page-container .card+.card{margin-top:var(--spacing-4)}@media(max-width:768px){.project-title-row{flex-wrap:wrap}.project-stats{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:var(--font-size-xl)}}.freelancer-select-modal{max-height:400px;overflow-y:auto}.freelancer-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.freelancer-item{display:flex;align-items:center;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);transition:background-color .2s}.freelancer-item:hover{background-color:var(--color-background-hover)}.freelancer-checkbox{display:flex;align-items:center;gap:var(--spacing-3);cursor:pointer;width:100%}.freelancer-checkbox:hover{cursor:pointer}.freelancer-checkbox input[type=checkbox]{flex-shrink:0;cursor:pointer}.freelancer-checkbox input[type=checkbox]:hover{cursor:pointer}.freelancer-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.freelancer-name{font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.freelancer-email{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.freelancer-role{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:capitalize}.freelancer-select-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-border)}@media(max-width:640px){.freelancer-name,.freelancer-email{max-width:150px}.freelancer-item{padding:var(--spacing-2)}.freelancer-select-actions{padding-top:0}.freelancer-select-actions>Button{margin-top:0}}@media(max-width:480px){.freelancer-name,.freelancer-email{max-width:120px}.freelancer-info{gap:1px}}.tasks-filters .select-wrapper{min-width:200px;max-width:200px;flex:0 0 auto;align-items:center}.tasks-project-select{min-width:240px;max-width:240px;flex:0 0 auto}.tasks-board{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-4);min-height:400px}@media(max-width:768px){.tasks-filters .select-wrapper,.tasks-project-select{width:100%!important;max-width:none!important;min-width:0!important;flex:none}}@media(max-width:1024px){.tasks-board{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.tasks-board{grid-template-columns:1fr}}.tasks-column{background:var(--color-surface-hover);border-radius:var(--radius-lg);display:flex;flex-direction:column;min-height:300px}.tasks-column-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border)}.tasks-column-title{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin:0}.tasks-column-count{background:var(--color-surface);padding:var(--spacing-1) var(--spacing-2);border-radius:50%;font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary);min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border)}.tasks-column-content{padding:var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-3);flex:1;overflow-y:auto}.task-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-2)}.task-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-2)}.task-card-title{font-size:var(--font-size-sm);font-weight:500;margin:0;line-height:1.4}.task-card-actions{display:flex;gap:var(--spacing-1);flex-shrink:0}.task-card-description{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0}.task-card-meta{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap}.task-due-date{font-size:var(--font-size-xs);color:var(--color-text-muted)}.task-card-status{margin-top:auto;padding-top:var(--spacing-2);border-top:1px solid var(--color-border)}.task-status-select .select-trigger{padding:var(--spacing-1) var(--spacing-2);padding-right:var(--spacing-8);font-size:var(--font-size-sm);min-height:38px}.task-status-select.select-wrapper{min-width:auto;width:100%}.assign-form{display:flex;flex-direction:column;gap:var(--space-4)}.assign-hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.assign-success{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);text-align:center}.assign-success p{font-size:var(--font-size-base);color:var(--color-text-secondary)}.timer-card{margin-bottom:var(--spacing-6)}.page-container .table-cell{position:relative}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-4)}.detail-field{display:flex;flex-direction:column;gap:var(--spacing-1)}.detail-field.full-width{grid-column:1 / -1}.detail-label{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.timer-display{text-align:center;padding:var(--spacing-6) 0}.timer-time{font-size:4rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text);letter-spacing:-.02em}.timer-running{color:var(--color-primary)}.timer-form{display:flex;flex-direction:column;gap:var(--spacing-4);max-width:600px;margin:0 auto}.timer-form-row{display:flex;gap:var(--spacing-3);align-items:center}@media(max-width:640px){.timer-form-row{flex-direction:column;align-items:stretch}}.timer-select,.timer-description{flex:1}.timer-billable{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap}.timer-billable input{width:16px;height:16px;accent-color:var(--color-primary)}.timer-actions{display:flex;justify-content:center;padding-top:var(--spacing-4)}.timer-button{min-width:200px}.entry-time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.separator{color:var(--color-text-muted);flex-shrink:0;padding-bottom:2px}.entry-task{font-size:var(--font-size-xs);color:var(--color-text-secondary);display:block}.entry-description{max-width:300px}.entry-user{font-weight:500;color:var(--color-text)}.btn-icon{margin-left:auto;margin-right:auto}.readonly-notice{margin-bottom:var(--spacing-6);background:var(--color-info-50, #eff6ff);border:1px solid var(--color-info-200, #bfdbfe)}.readonly-notice-content{display:flex;align-items:flex-start;gap:var(--spacing-4);padding:var(--spacing-2)}.readonly-notice-icon{width:40px;height:40px;flex-shrink:0;color:var(--color-info-600, #2563eb)}.readonly-notice-text{flex:1}.readonly-notice-text strong{display:block;font-size:var(--font-size-base);color:var(--color-info-800, #1e40af);margin-bottom:var(--spacing-1)}.readonly-notice-text p{margin:0;font-size:var(--font-size-sm);color:var(--color-info-700, #1d4ed8);line-height:1.5}.readonly-notice-action{margin-top:var(--spacing-3)}.readonly-notice-dismiss{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-info-600, #2563eb);cursor:pointer;transition:background .15s,color .15s}.readonly-notice-dismiss:hover{background:var(--color-info-100, #dbeafe);color:var(--color-info-800, #1e40af)}.filter-select{min-width:200px;max-width:200px;flex:0 0 auto}@media(max-width:768px){.filter-select{width:100%!important;min-width:0!important;max-width:none!important;flex:none}}.no-entries-message{text-align:center;padding:var(--spacing-6) var(--spacing-4);color:var(--color-text-muted);font-size:var(--font-size-sm);font-style:italic;border-top:1px solid var(--color-border);background-color:var(--color-surface)}.attendance-card{margin-bottom:var(--spacing-6)}.attendance-status{text-align:center;padding:var(--spacing-6) 0}.status-indicator{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500}.status-clocked-in{background:#10b9811a;color:var(--color-success)}.status-clocked-out{background:var(--color-surface-hover);color:var(--color-text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.status-clocked-in .status-dot{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.attendance-timer{margin-top:var(--spacing-6);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1)}.timer-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.timer-value{font-size:3rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-primary);letter-spacing:-.02em}.timer-since{font-size:var(--font-size-sm);color:var(--color-text-muted)}.attendance-form{display:flex;flex-direction:column;gap:var(--spacing-4);max-width:400px;margin:0 auto}.attendance-notes{text-align:center}.attendance-actions{display:flex;justify-content:center}.attendance-button{min-width:200px}.attendance-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4);margin-bottom:var(--spacing-6)}@media(max-width:768px){.attendance-stats{grid-template-columns:1fr}}.stat-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-4)!important}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-1)}.stat-value{font-size:var(--font-size-2xl);font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text)}.stat-sub{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-1)}.record-date{font-weight:500}.record-duration{font-variant-numeric:tabular-nums;font-weight:500}.record-notes{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary)}.scroll-5-limit{max-height:550px;overflow-y:auto;padding-right:6px;scrollbar-width:thin}.scroll-5-limit::-webkit-scrollbar{width:6px}.scroll-5-limit::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.scroll-5-limit::-webkit-scrollbar-thumb:hover{background:#94a3b8}.invitation-success-banner{padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-success-50);border:1px solid var(--color-success-200);border-radius:var(--radius-md);color:var(--color-success-700);margin-bottom:var(--spacing-4)}.invitation-info-banner{padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-md);color:var(--color-primary-700);margin-bottom:var(--spacing-4);font-size:var(--font-size-sm)}.my-invitations-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.my-invitation-item{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-4);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--spacing-4)}.my-invitation-info{flex:1;min-width:0}.my-invitation-header{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap;margin-bottom:var(--spacing-2)}.invitation-from{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.my-invitation-description{font-weight:500;margin-bottom:var(--spacing-2);word-wrap:break-word;overflow-wrap:break-word}.invitation-org{color:var(--color-text-secondary);margin-left:var(--spacing-1);word-wrap:break-word;overflow-wrap:break-word;max-width:100%;display:inline-block}.my-invitation-message{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic;margin-bottom:var(--spacing-2)}.my-invitation-meta{display:flex;gap:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.invitation-role{font-weight:500}.my-invitation-actions{display:flex;align-items:center;gap:var(--spacing-2)}.cross-org-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.invitations-filters{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--spacing-4)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:fit-content}.filter-group span{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);white-space:nowrap}.filter-group .select-wrapper{width:200px;min-width:200px;max-width:200px;flex:0 0 auto}.invitation-email-cell{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:0}.invitation-email{font-weight:500;white-space:normal;word-break:break-word;overflow-wrap:anywhere;line-height:1.35}.invitation-target{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:normal;word-break:break-word;overflow-wrap:anywhere;line-height:1.35}.invitation-inviter-full{display:block;white-space:normal;word-break:break-word;overflow-wrap:anywhere;line-height:1.35}@media(max-width:768px){.invitations-filters{flex-direction:column;align-items:stretch;gap:var(--spacing-3)}.filter-group{width:auto}.filter-group .select-wrapper{width:100%!important;max-width:none!important;min-width:0!important;flex:none}.my-invitation-item{flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-3)}.my-invitation-info{width:100%}.my-invitation-header{flex-wrap:wrap;gap:var(--spacing-1)}.my-invitation-description{font-size:var(--font-size-sm);line-height:1.4}.my-invitation-message{font-size:var(--font-size-xs)}.my-invitation-meta{flex-direction:column;gap:var(--spacing-1)}.my-invitation-actions{width:100%;justify-content:flex-end}.my-invitation-actions .btn{width:100%}.invitation-info-banner{font-size:13px!important;padding:12px!important}}@media(max-width:480px){.my-invitation-item{padding:var(--spacing-2)}.my-invitation-description{font-size:var(--font-size-xs)}.my-invitation-message{font-size:11px}.invitation-info-banner{font-size:12px!important;padding:10px!important}}@media(min-width:481px)and (max-width:768px){.my-invitation-item{padding:var(--spacing-3)}.my-invitation-description{font-size:var(--font-size-sm)}.my-invitation-message{font-size:var(--font-size-xs)}}.report-pdf-template{font-family:Inter,system-ui,-apple-system,sans-serif;color:#333;line-height:1.5;background:#fff;width:1000px}.pdf-header-premium{background-color:#f8fafc;color:#333;padding:20px 40px;border-bottom:2px solid #3b82f6}.pdf-title-premium{font-size:28px;font-weight:700;margin:0;color:#1e3a8a;letter-spacing:-.02em}.pdf-logo-wrapper{display:flex;align-items:flex-start;gap:12px}.pdf-logo-img{width:40px;height:40px}.pdf-logo-subtext{font-size:10px;color:#64748b;text-transform:uppercase;font-weight:600;letter-spacing:.05em;margin:0;line-height:1.2}.pdf-logo-maintext{font-size:16px;font-weight:800;color:#0f172a;margin:0;line-height:1.2}.pdf-body-premium{padding:20px 40px 5px}.pdf-meta-section{display:flex;justify-content:space-between;margin-bottom:25px;background-color:#f1f5f9;padding:15px 20px;border-radius:8px}.pdf-meta-block{flex:1}.pdf-meta-row{display:flex;gap:12px;margin-bottom:8px}.pdf-label{font-weight:600;font-size:12px;width:90px;color:#64748b}.pdf-value{font-size:12px;font-weight:500;color:#0f172a}.pdf-label-outside{font-weight:600;font-size:13px;color:#64748b;margin-bottom:4px;text-transform:uppercase;letter-spacing:.025em}.pdf-value-bold{font-size:15px;font-weight:700;color:#1e293b}.pdf-value-sub{font-size:12px;color:#64748b}.pdf-table-refined{width:100%;border-collapse:collapse;margin-bottom:20px}.pdf-table-refined th{padding:12px 10px;text-align:left;font-size:13px;font-weight:600;text-transform:uppercase;color:#64748b;border-bottom:2px solid #e2e8f0}.pdf-table-refined td{padding:14px 10px;font-size:15px;border-bottom:1px solid #f1f5f9;vertical-align:top}.pdf-project-name-refined{font-weight:600;color:#1e293b}.pdf-activity-name-refined{font-size:14px;color:#64748b;margin-top:2px}.pdf-amount-bold{font-weight:700;color:#0f172a}.pdf-text-muted{color:#64748b}.pdf-footer-summary{display:flex;justify-content:flex-end;margin-top:15px;border-top:2px solid #e2e8f0;padding-top:15px}.pdf-summary-grid{width:250px}.pdf-summary-row{display:flex;justify-content:space-between;padding:6px 0}.pdf-summary-label{font-weight:500;color:#64748b;font-size:13px}.pdf-summary-value{font-weight:600;color:#0f172a;font-size:13px}.pdf-grand-total{margin-top:8px;padding-top:8px;border-top:1px dashed #e2e8f0}.pdf-summary-label-total{font-size:16px;font-weight:700;color:#1e3a8a}.pdf-summary-value-total{font-size:16px;font-weight:800;color:#1e3a8a}.text-center{text-align:center!important}.text-right{text-align:right!important}.reports-filter-select .select-option .own-badge,.select-option .own-badge,.select-item .own-badge{display:inline-flex;align-items:center;margin-left:4px;padding:1px 6px;font-size:11px;font-weight:600;color:#fff;background:var(--color-primary, #6366f1);border-radius:3px;line-height:1.4}.custom-header{margin-bottom:24px}.reports-top-filter-bar{gap:16px}.reports-filter-select{width:230px;min-width:230px;max-width:100%;flex:0 0 auto}.reports-filter-select .select-trigger,.reports-filter-select .dtp-trigger{height:40px}.reports-summary-row{padding:12px 0;font-size:14px;color:var(--color-text-secondary);margin-bottom:20px}.summary-amount{font-weight:700;color:var(--color-text)}.summary-time{color:var(--color-text)}.reports-main-content-area{display:flex;flex-direction:column;gap:24px}.chart-tabs-system{background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px}.chart-tab-headers{display:flex;border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.chart-tab{padding:12px 24px;font-size:14px;font-weight:600;color:var(--color-text-secondary);border:none;background:transparent;cursor:pointer;border-right:1px solid var(--color-border)}.chart-tab.active{background:var(--color-surface);color:var(--color-text);box-shadow:inset 0 2px 0 var(--color-primary)}.chart-tab-content{padding:12px 10px;height:320px;position:relative}.chart-centered-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.details-tabs-system{background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px}.details-header-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);padding-right:16px}.details-tab-headers{display:flex}.details-tab{padding:12px 24px;font-size:14px;font-weight:600;color:var(--color-text-secondary);border:none;background:transparent;cursor:pointer;border-right:1px solid var(--color-border)}.details-tab.active{background:var(--color-surface);color:var(--color-text);box-shadow:inset 0 2px 0 var(--color-primary)}.details-actions{display:flex;gap:8px}.details-controls{padding:12px 24px;border-bottom:1px solid var(--color-border)}.details-view-select{width:200px}.details-view-select .select-trigger{height:40px}.details-tab-content{padding:0}.reports-table-container{overflow-x:auto!important;overflow-y:auto!important;max-height:400px;-webkit-overflow-scrolling:touch;margin:15px 16px 24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);position:relative;z-index:10}.reports-table-container .table-container{overflow:visible!important;border:none!important;background:transparent!important}.tt-table{width:100%;border-collapse:collapse}.tt-table thead th{position:sticky;top:0;z-index:20;background-color:var(--color-surface);box-shadow:inset 0 -1px 0 var(--color-border);color:var(--color-text-secondary);font-weight:500;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-3) var(--spacing-4)}.tt-table td{padding:var(--spacing-4);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text)}.tt-table tr:last-child td{border-bottom:none}.project-name-cell{font-weight:500;color:var(--color-text)}.total-row{background-color:var(--color-surface-hover)}.total-row td{font-weight:700;color:var(--color-text)}.vertical-bar-chart,.bar-chart-svg{width:100%;height:100%}.bar-chart-svg text[text-anchor=end]{x:45!important;font-size:14px!important;font-weight:600!important;fill:var(--color-text)!important}.chart-container{width:100%;height:100%;margin-left:5px!important;padding-left:15px!important;overflow:visible!important}.bar-chart-svg{width:100%!important;height:100%;margin-left:0!important;overflow:visible!important}.bar-chart-svg text{fill:var(--color-text)!important}@media(max-width:768px){.reports-top-filter-bar{flex-direction:column;align-items:stretch}.chart-tabs-system{margin-bottom:var(--spacing-3)}.chart-tab-content{padding:var(--spacing-2);height:280px}.chart-container{width:100%;height:100%;min-height:220px}.bar-chart-svg{width:100%;height:100%;padding-left:30px!important;margin-left:-25px!important}.bar-chart-svg text[text-anchor=end]{x:45!important}.bar-chart-svg text{font-size:15px!important;font-weight:700!important;fill:var(--color-text)!important}.bar-chart-svg [fontSize="11"]{font-size:15px!important;font-weight:700!important}.bar-chart-svg [fontSize="13"]{font-size:17px!important;font-weight:700!important}.chart-centered-state{padding:var(--spacing-4)}.details-header-row{flex-direction:column;gap:var(--spacing-3);align-items:stretch}.details-tab-headers{order:2}.details-actions{order:1;display:flex;flex-direction:column;gap:var(--spacing-2);width:100%}.details-actions .btn{width:100%;justify-content:center;min-width:0;flex:1}}@media(max-width:640px){.chart-tab-content{padding:var(--spacing-2);height:260px}.chart-container{min-height:220px}.bar-chart-svg{width:100%;height:100%;padding-left:35px!important;margin-left:-30px!important}.bar-chart-svg text[text-anchor=end]{x:50!important}.bar-chart-svg text{font-size:16px!important;font-weight:700!important;fill:var(--color-text)!important}.bar-chart-svg [fontSize="11"]{font-size:16px!important;font-weight:700!important}.bar-chart-svg [fontSize="13"]{font-size:18px!important;font-weight:700!important}}@media(max-width:480px){.details-header-row{gap:var(--spacing-2)}.details-actions{gap:var(--spacing-1)}.details-actions .btn{font-size:var(--font-size-xs);padding:var(--spacing-2) var(--spacing-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.details-tab{padding:6px 8px;font-size:11px;min-width:0;flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-tab-content{padding:var(--spacing-2);height:260px}.chart-container{min-height:220px}.bar-chart-svg{width:100%;height:100%;padding-left:35px!important;margin-left:-30px!important}.bar-chart-svg text[text-anchor=end]{x:50!important}.bar-chart-svg text{font-size:16px!important;font-weight:700!important;fill:var(--color-text)!important}.bar-chart-svg [fontSize="11"]{font-size:16px!important;font-weight:700!important}.bar-chart-svg [fontSize="13"]{font-size:18px!important;font-weight:700!important}}.timesheet-date-cell{display:flex;flex-direction:column;align-items:center;gap:4px}.date-approval-status{display:flex;justify-content:center;width:100%}.approval-badge{display:inline-block;padding:2px 6px;border-radius:3px;font-size:9px;font-weight:500;line-height:1.3;white-space:nowrap}.approval-badge.approved{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.approval-badge.rejected{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.approval-badge.pending{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.approve-btn-xs{background:none;border:1px solid #28a745;color:#28a745;border-radius:3px;padding:1px 6px;font-size:10px;cursor:pointer;line-height:1.2;transition:background-color .15s,color .15s}.approve-btn-xs:hover{background-color:#28a745;color:#fff}.approve-btn-xs:disabled{opacity:.5;cursor:not-allowed}.reject-btn-xs{background:none;border:1px solid #dc3545;color:#dc3545;border-radius:3px;padding:1px 6px;font-size:10px;cursor:pointer;line-height:1.2;transition:background-color .15s,color .15s}.reject-btn-xs:hover{background-color:#dc3545;color:#fff}.reject-btn-xs:disabled{opacity:.5;cursor:not-allowed}.bulk-approval-actions{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:100px}.bulk-approval-actions>div{display:flex;gap:4px;justify-content:center}.actions-approve-all-btn{background:none;border:1px solid #28a745;color:#28a745;border-radius:3px;padding:3px 8px;font-size:10px;cursor:pointer;font-weight:500;transition:background-color .15s,color .15s;white-space:nowrap}.actions-approve-all-btn:hover:not(:disabled){background-color:#28a745;color:#fff}.actions-approve-all-btn:disabled{opacity:.5;cursor:not-allowed}.actions-reject-all-btn{background:none;border:1px solid #dc3545;color:#dc3545;border-radius:3px;padding:3px 8px;font-size:10px;cursor:pointer;font-weight:500;transition:background-color .15s,color .15s;white-space:nowrap}.actions-reject-all-btn:hover:not(:disabled){background-color:#dc3545;color:#fff}.actions-reject-all-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:360px){.details-actions .btn{font-size:11px;padding:var(--spacing-1) var(--spacing-2)}.chart-tabs-system{margin-bottom:var(--spacing-3)}.chart-tab-content{padding:var(--spacing-2);height:250px}.chart-container{width:100%;height:100%;min-height:200px}.bar-chart-svg{width:100%;height:100%;padding-left:40px!important;margin-left:-35px!important}.bar-chart-svg text{font-size:18px!important;font-weight:700!important;fill:var(--color-text)!important}.bar-chart-svg [fontSize="11"]{font-size:18px!important;font-weight:700!important}.bar-chart-svg [fontSize="13"]{font-size:20px!important;font-weight:700!important}.bar-chart-svg text[text-anchor=end]{x:55!important}.chart-centered-state{padding:var(--spacing-4)}.chart-centered-state .loading-state{font-size:var(--font-size-sm)!important}}.activity-details-modal .modal-body{overflow:hidden;padding:var(--spacing-4) var(--spacing-6)}.modal-table-container{max-height:70vh;overflow-y:auto!important}.attendance-report-card{overflow:visible!important}.filter-label{font-size:13px;font-weight:600;color:var(--color-text-secondary);white-space:nowrap}.reports-filter-input{width:230px;max-width:100%;height:40px;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:var(--color-surface);color:var(--color-text)}.reports-filter-input:disabled{background-color:var(--color-bg-secondary);cursor:not-allowed;opacity:.6}.multiselect-container{width:230px;max-width:100%}.multiselect-trigger{height:40px}.entry-date{display:flex;flex-direction:column;gap:2px}.entry-project{display:flex;flex-direction:row;align-items:center;gap:4px;min-width:0;max-width:250px}.entry-client{display:flex;flex-direction:column;gap:2px}.entry-duration{font-variant-numeric:tabular-nums;font-weight:500}@media(max-width:768px){.filter-group{min-width:100%;max-width:none}.reports-filter-input,.multiselect-container,.select-container{width:100%}}.pdf-container-premium{font-family:Inter,system-ui,-apple-system,sans-serif;color:#333;line-height:1.5;background:#fff;width:1000px}.pdf-header-premium{background-color:transparent;color:#333;padding:24px 40px;border-bottom:1px solid #eee}.pdf-header-content{display:flex;justify-content:space-between;align-items:center}.pdf-title-premium{font-size:24px;font-weight:500;margin:0;letter-spacing:.5px;color:#333}.pdf-logo-wrapper{display:flex;align-items:flex-start;gap:12px;justify-content:center}.pdf-logo-img{width:40px;height:40px;object-fit:contain}.pdf-logo-text-group{display:flex;flex-direction:column;align-items:flex-start;padding-top:0}.pdf-logo-subtext{font-size:10px;color:#999;text-transform:uppercase;margin:0;line-height:1.2}.pdf-logo-maintext{font-size:14px;font-weight:700;letter-spacing:.5px;margin:0;line-height:1.2}.pdf-body-premium{padding:20px 40px 40px}.pdf-meta-section{display:flex;justify-content:flex-start;margin-bottom:40px;gap:60px;flex-wrap:nowrap}.pdf-meta-block{flex:0 0 auto;min-width:200px}.pdf-meta-block:first-child{min-width:240px}.pdf-meta-row{display:flex;gap:12px;margin-bottom:6px}.pdf-label{font-weight:700;font-size:13px;width:100px;color:#555}.pdf-value{font-size:13px;color:#333}.pdf-label-outside{font-weight:700;font-size:13px;color:#555;margin-bottom:6px}.pdf-value-bold{font-size:13px;font-weight:700;color:#333;line-height:1.3;word-break:break-word}.pdf-value-sub{font-size:12px;color:#666;word-break:break-word;overflow-wrap:break-word}.pdf-section-heading{font-size:18px;font-weight:600;margin:0 0 24px;color:#333}.pdf-table-refined{width:100%;border-collapse:collapse;margin-bottom:30px;background:#fff;table-layout:fixed}.pdf-table-refined th:nth-child(1),.pdf-table-refined td:nth-child(1){width:30%;text-align:left}.pdf-table-refined th:nth-child(2),.pdf-table-refined td:nth-child(2){width:15%;text-align:left}.pdf-table-refined th:nth-child(3),.pdf-table-refined td:nth-child(3){width:12%;text-align:left}.pdf-table-refined th:nth-child(4),.pdf-table-refined td:nth-child(4){width:12%;text-align:right}.pdf-table-refined th:nth-child(5),.pdf-table-refined td:nth-child(5){width:13%;text-align:right}.pdf-table-refined th:nth-child(6),.pdf-table-refined td:nth-child(6){width:18%;text-align:right}.pdf-table-refined th{padding:12px;border-bottom:1px solid #eee;font-size:12px;text-transform:uppercase;color:#999;font-weight:500;vertical-align:middle}.pdf-table-refined td{padding:14px 12px;border-bottom:1px solid #f9f9f9;font-size:13px;vertical-align:middle;page-break-inside:avoid;overflow:hidden;line-height:1.4}.pdf-table-refined tr{page-break-inside:avoid}.pdf-table-refined .main-col{overflow:hidden}.pdf-project-name-refined{font-weight:600;color:#333;line-height:2}.pdf-activity-name-refined{color:#666;font-size:12px;line-height:2.2}.pdf-text-muted{color:#666;line-height:1.8}.pdf-amount-bold{font-weight:700;color:#333}.pdf-activity-total-row td{padding:20px 8px;font-weight:600;color:#333;border-top:1px solid #eee}.pdf-expense-row td{background-color:#fafafa}.pdf-footer-summary{display:flex;justify-content:flex-end;margin-top:20px}.pdf-summary-grid{width:200px}.pdf-summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:13px}.pdf-summary-label{font-weight:600;color:#555}.pdf-summary-value{font-weight:600;color:#333}.pdf-grand-total{margin-top:10px;padding-top:10px;border-top:1px solid #eee}.pdf-summary-label-total{font-size:15px;font-weight:700}.pdf-summary-value-total{font-size:15px;font-weight:700;color:#333}.invoices-filters{margin-bottom:2rem}.invoice-filters-row .invoice-filter-select,.filter-group .dtp-wrapper{width:230px;min-width:230px;max-width:100%;flex:0 0 auto}.filter-group .dtp-trigger{width:100%;height:42px;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}.invoice-summary-text{margin-bottom:1.5rem;font-size:var(--font-size-md);color:var(--color-text)}.invoice-type-icon{color:var(--color-text-muted);display:flex;align-items:center}.invoice-client-name{font-weight:var(--font-weight-semibold);color:var(--color-text);max-width:200px;overflow:hidden}.invoice-client-name .truncated-text{display:block;width:100%;white-space:nowrap;text-overflow:ellipsis}.invoice-table-project-name{max-width:200px;overflow:hidden}.invoice-table-project-name .truncated-text{display:block;width:100%;white-space:nowrap;text-overflow:ellipsis}.invoice-total{font-size:var(--font-size-md)}.invoice-actions{display:flex;align-items:center;gap:var(--space-2);justify-content:center}.page-header-title-wrapper{display:flex;flex-direction:column}@media(max-width:768px){.invoice-filters-row{flex-direction:column;align-items:stretch}.invoice-filter-select,.filter-group .invoice-date-input,.filter-group .dtp-wrapper{width:100%!important;max-width:none!important;min-width:0!important;flex:none}}@media(max-width:360px){.filter-group .dtp-wrapper{width:100%!important;max-width:none!important}}.per-page-select-small{width:120px;margin:0 var(--space-2)}.text-danger{color:#dc2626!important}.text-danger:hover{background-color:#fef2f2!important;color:#991b1b!important}.invoice-stepper{display:flex;flex-direction:column;gap:var(--space-1)}.stepper-item{border-bottom:1px solid var(--color-border);transition:all var(--transition-fast)}.stepper-header{display:flex;align-items:center;padding:var(--space-5) 0;cursor:pointer;-webkit-user-select:none;user-select:none}.stepper-header:hover .stepper-number{border-color:var(--color-primary-500);background-color:var(--color-primary-50)}.stepper-number-wrapper{margin-right:var(--space-4)}.stepper-number{width:36px;height:36px;border-radius:50%;border:1px solid var(--color-primary-300);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);color:var(--color-primary-600);transition:all var(--transition-fast)}.stepper-item.active .stepper-number,.stepper-item.open .stepper-number{background-color:var(--color-primary-600);color:#fff;border-color:var(--color-primary-600)}.stepper-info{flex:1;display:flex;flex-direction:column}.stepper-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.stepper-subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted);max-width:420px;overflow:hidden;display:inline-flex;align-items:center;white-space:nowrap;gap:2px}.stepper-subtitle .truncated-text{display:inline-block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:280px;flex-shrink:1;min-width:0;vertical-align:middle}.stepper-summary{margin-right:var(--space-4);text-align:right}.summary-label{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted)}.summary-value{display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text);max-width:200px;overflow:hidden}.summary-value .truncated-text{display:block;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.summary-value.highlight{color:var(--color-primary-600)}.stepper-arrow{color:var(--color-text-muted);transition:transform var(--transition-fast)}.stepper-item.open .stepper-arrow{transform:rotate(180deg)}.stepper-content{padding:0 52px var(--space-6) 52px;display:none}.stepper-item.open .stepper-content{display:block}.create-invoice-footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:flex-end}.footer-right{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-end}.footer-total{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg)}.footer-total-label{color:var(--color-text-muted);font-weight:var(--font-weight-medium);font-size:15px}.footer-total-value{color:var(--color-primary-600);font-weight:var(--font-weight-bold);font-size:15px}@media(max-width:640px){.stepper-header{flex-wrap:wrap;gap:var(--space-2);position:relative;padding-right:32px}.stepper-arrow{position:absolute;right:0;top:50%;transform:translateY(-50%)}.stepper-item.open .stepper-arrow{transform:translateY(-50%) rotate(180deg)}.stepper-summary{width:100%;text-align:left;margin-left:52px;margin-top:0;margin-right:0}.stepper-content{padding-left:0;padding-right:0}}.invoice-details-content{display:flex;flex-direction:column;gap:var(--space-4)}.invoice-details-filters{display:flex;flex-direction:column;gap:var(--space-3)}.invoice-filter-select{width:100%}.invoice-filters-row{display:flex;gap:var(--space-3);flex-wrap:wrap;width:100%}.invoice-filters-row .invoice-filter-select{flex:1;min-width:180px;max-width:none}.invoice-date-row{display:flex;gap:var(--space-3);flex-wrap:wrap;width:100%}.invoice-date-row>*{flex:1;min-width:150px;max-width:none}@media(max-width:768px){.invoice-date-row{flex-direction:column;gap:var(--space-2)}.invoice-date-row>*{min-width:100%}}.due-date-input-wrapper .input-container{overflow:visible;display:flex}.due-date-input-wrapper .input{width:100%!important;margin-right:0!important;padding-bottom:8px;margin-bottom:-8px;text-align:left;padding-left:var(--space-3);color-scheme:light;-webkit-appearance:listbox;-moz-appearance:auto;appearance:auto}.date-separator{color:var(--color-text-muted);display:block}.date-separator:after{content:"/"}.invoice-checkbox{width:18px;height:18px;accent-color:var(--color-primary-600);cursor:pointer}.activity-name{color:var(--color-primary-600);font-style:italic;max-width:200px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.activity-name-wrapper{display:flex;flex-direction:column;gap:var(--space-1);max-width:300px}.activity-name-collapsed{display:flex;flex-direction:row;align-items:center;gap:var(--space-2);flex-wrap:nowrap}.activity-name-expanded{display:flex;flex-direction:column;gap:var(--space-1)}.activity-name-full{color:var(--color-primary-600);font-style:italic;word-wrap:break-word;white-space:normal;line-height:1.4}.view-more-btn,.view-less-btn{background:none;border:none;color:var(--color-primary-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;padding:2px 0;text-decoration:underline;transition:color var(--transition-fast)}.view-more-btn:hover,.view-less-btn:hover{color:var(--color-primary-700)}.invoice-details-content .table-container{margin-top:0;overflow-x:auto}.invoice-details-content .table-container table{min-width:800px}.invoice-expenses-content{display:flex;flex-direction:column;gap:var(--space-4)}.expense-row{display:flex;gap:var(--space-4);align-items:flex-start}.expense-description{flex:1}.expense-amount-wrapper{display:flex;gap:var(--space-2);align-items:center;width:300px}.expense-amount-input{flex:1}.expense-delete-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-2);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.expense-delete-btn:hover{color:var(--color-error-600)}.expense-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-2)}.add-expense-btn{background:none;border:none;color:var(--color-primary-600);font-weight:var(--font-weight-medium);cursor:pointer;display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) 0;font-size:var(--font-size-sm)}.add-expense-btn:hover{text-decoration:underline}.plus-icon{font-size:18px;line-height:1}.expenses-total{text-align:right}.total-label{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-1)}.total-value{display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text)}.customization-total{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-end}.total-item{display:flex;justify-content:flex-end;gap:var(--space-4);width:100%}.total-item-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.total-item-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);min-width:80px;text-align:right}.total-item.grand-total{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.total-item.grand-total .total-item-label{font-weight:var(--font-weight-bold);color:var(--color-text)}.total-item.grand-total .total-item-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-600)}.issuer-info-content{display:flex;flex-direction:column;gap:var(--space-4)}.issuer-row{display:flex;gap:var(--space-4);width:100%}.input-read-only{background-color:var(--color-bg-muted);color:var(--color-text-muted);cursor:not-allowed;opacity:1}.phone-input-wrapper{display:flex;align-items:center;gap:var(--space-2)}.phone-flag-selector{display:flex;align-items:center;justify-content:center;gap:var(--space-1);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--space-3);height:40px;min-width:80px;cursor:pointer}.dropdown-arrow{font-size:10px;color:var(--color-text-muted)}.phone-input-field{flex:1}.customization-content{display:flex;gap:var(--space-6);width:100%}.customization-left{flex:2;display:flex;flex-direction:column;gap:var(--space-4)}.customization-right{flex:1;display:flex;flex-direction:column;gap:var(--space-4)}@media(max-width:640px){.invoice-filter-select{max-width:100%}.expense-row{flex-direction:column;gap:var(--space-2);padding-bottom:var(--space-4);border-bottom:1px dashed var(--color-border)}.expense-description,.expense-amount-wrapper{width:100%}.expense-row:last-child{border-bottom:none}}@media(max-width:480px){.expense-actions{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.expenses-total{text-align:right;width:100%;margin-top:var(--space-2)}.customization-content{flex-direction:column;gap:var(--space-4)}.issuer-row{flex-direction:column;gap:var(--space-3)}.issuer-row>*{width:100%}.invoice-footer{flex-direction:column-reverse;align-items:stretch;gap:var(--space-6)}.invoice-footer-total{flex-direction:column;align-items:flex-end;gap:0;width:100%;margin-bottom:var(--space-2)}.footer-total-label{font-size:.875rem;text-align:center}}.preview-page{max-width:1000px;margin:0 auto}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);flex-wrap:wrap;gap:var(--spacing-4)}.preview-header-left{display:flex;align-items:center;gap:var(--spacing-4)}.back-button{background:transparent;border:none;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;padding:0}.preview-icon-wrapper{width:44px;height:44px;background-color:var(--color-primary-50);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-primary-600)}.preview-title-block{display:flex;flex-direction:column}.preview-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-3);margin:0}.preview-status-pill{background-color:var(--color-primary-50);border:1px solid whitesmoke;color:var(--color-text-muted);font-size:.75rem;padding:2px 8px;border-radius:var(--radius-full);font-weight:400}.preview-id{color:var(--color-text-muted);font-size:.875rem;margin:2px 0 0}.preview-header-right{display:flex;align-items:center;gap:var(--spacing-3)}.btn-send{background-color:var(--color-primary-600);border:none!important;padding:8px 24px!important}.more-button{width:38px;height:38px;border:1px solid whitesmoke;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;color:#f5f5f5;cursor:pointer}.preview-meta-card{margin-bottom:var(--spacing-8);border:1px solid var(--color-border-light);box-shadow:none}.preview-meta-content{display:flex;justify-content:space-between;padding:var(--spacing-4) 0!important}.meta-item{flex:1;display:flex;flex-direction:column;padding:0 var(--spacing-6);gap:var(--spacing-1)}.meta-divider{width:1px;background-color:var(--color-border-light);align-self:stretch}.meta-label{font-size:.8125rem;font-weight:600;color:var(--color-text-primary)}.meta-value{font-size:.9375rem;color:var(--color-text-primary);max-width:200px;overflow:hidden}.meta-value .truncated-text{display:block;width:100%;white-space:nowrap;text-overflow:ellipsis}.preview-title .truncated-text{display:inline-block!important;max-width:350px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.preview-details-section{display:flex;flex-direction:column;gap:var(--spacing-4)}.section-title{font-size:1.125rem;font-weight:600;margin:0}.details-filter{margin-bottom:var(--spacing-6)}.details-select{width:180px}.preview-table-container{margin-bottom:var(--spacing-8)}.activity-cell .truncated-text{max-width:200px;display:inline-block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.font-normal{font-weight:400!important}.preview-summary{display:flex;flex-direction:column;align-items:flex-end}.summary-row{display:flex;justify-content:space-between;width:240px;background-color:transparent!important}.summary-label,.summary-value{font-weight:600;color:var(--color-text-primary)}.total-row .summary-label,.total-row .summary-value{font-size:1.125rem}.preview-expenses-section{margin-top:var(--spacing-6)}.expenses-title{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-4);color:var(--color-text-primary)}.expenses-list{display:flex;flex-direction:column}.expense-item{display:flex;justify-content:space-between;padding-left:var(--spacing-4);padding-right:var(--spacing-4);border-top:1px solid var(--color-border-subtle)}.expense-name{color:var(--color-text-body)}.expense-amount{font-weight:600;color:var(--color-text-primary)}@media(max-width:768px){.preview-meta-content{flex-direction:column;padding:var(--spacing-2)!important}.meta-divider{height:1px;width:100%;margin:var(--spacing-3) 0}.meta-item{padding:0 var(--spacing-2)}.summary-row{width:100%}.preview-header{flex-direction:column;align-items:flex-start}.preview-header-right{width:100%;justify-content:flex-end}.details-select{width:100%}}.actions-dropdown-container{position:relative}.more-button.active{background-color:var(--color-bg-subtle);border-color:var(--color-primary-400);color:var(--color-primary-600)}.actions-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;left:auto;width:140px;background-color:var(--color-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);padding:var(--spacing-1) 0;z-index:101;display:flex;flex-direction:column;min-width:140px;max-width:140px}[data-theme=dark] .actions-dropdown-menu{box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #0006}.actions-dropdown-item{width:100%;padding:var(--spacing-2) var(--spacing-4);text-align:left;border:none;background:transparent;font-size:.875rem;color:var(--color-text);cursor:pointer;transition:background-color .2s}.actions-dropdown-item:hover{background-color:var(--color-surface-hover)}.delete-item{color:var(--color-text)}.delete-item:hover{background-color:var(--color-danger-50);color:var(--color-danger-700)}.capitalize{text-transform:capitalize}.ticket-detail-page{min-height:100vh;background-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--color-text-primary, #1f2937)}[data-theme=dark] .ticket-detail-page{color:var(--color-text-primary, #f3f4f6)}.ticket-detail-page .page-container{padding:20px;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box;overflow-x:hidden}.ticket-detail-page{overflow-x:hidden;width:100%;min-width:0}.ticket-header-nav{display:flex;align-items:center;margin-bottom:16px}.page-title-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%}.page-header-badges{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.status-badge,.priority-badge{padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.status-open{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;box-shadow:0 2px 8px #3b82f64d}.status-closed{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;box-shadow:0 2px 8px #22c55e4d}.status-in_progress,.status-in-progress{background:linear-gradient(135deg,#fb923c,#f97316);color:#fff;border:none;box-shadow:0 2px 8px #fb923c4d}.status-pending{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;box-shadow:0 2px 8px #8b5cf64d}.status-resolved{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;box-shadow:0 2px 8px #10b9814d}.priority-low{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;box-shadow:0 2px 8px #22c55e4d}.priority-normal,.priority-medium{background:linear-gradient(135deg,#fb923c,#f97316);color:#fff;border:none;box-shadow:0 2px 8px #fb923c4d}.priority-high{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;box-shadow:0 2px 8px #ef44444d}.priority-urgent{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;box-shadow:0 2px 8px #ef444466;animation:pulse 2s infinite}[data-theme=dark] .status-badge,[data-theme=dark] .priority-badge{box-shadow:0 2px 8px #0000004d}[data-theme=dark] .status-open{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 2px 8px #3b82f666}[data-theme=dark] .status-closed{background:linear-gradient(135deg,#4ade80,#22c55e);box-shadow:0 2px 8px #22c55e66}[data-theme=dark] .status-in_progress,[data-theme=dark] .status-in-progress{background:linear-gradient(135deg,#fdba74,#fb923c);box-shadow:0 2px 8px #fb923c66}[data-theme=dark] .status-pending{background:linear-gradient(135deg,#a78bfa,#8b5cf6);box-shadow:0 2px 8px #8b5cf666}[data-theme=dark] .status-resolved{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 2px 8px #10b98166}[data-theme=dark] .priority-low{background:linear-gradient(135deg,#4ade80,#22c55e);box-shadow:0 2px 8px #22c55e66}[data-theme=dark] .priority-normal,[data-theme=dark] .priority-medium{background:linear-gradient(135deg,#fdba74,#fb923c);box-shadow:0 2px 8px #fb923c66}[data-theme=dark] .priority-high{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 2px 8px #ef444466}[data-theme=dark] .priority-urgent{background:linear-gradient(135deg,#f87171,#dc2626);box-shadow:0 2px 8px #ef444480;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.ticket-content-wrapper,.ticket-left-section{display:flex;flex-direction:column;gap:20px}.ticket-info-section-oneline{background:transparent;border-radius:0;padding:16px 0;box-shadow:none;border:none;border-bottom:1px solid var(--color-border, #e5e7eb);margin-bottom:20px}[data-theme=dark] .ticket-info-section-oneline{border-bottom-color:var(--color-border, #374151)}.ticket-info-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px}.info-group{display:flex;align-items:center;gap:4px}.info-label{font-weight:600;color:var(--color-text-secondary, #6b7280);white-space:nowrap}.info-value{color:var(--color-text-primary, #1f2937);font-weight:500;white-space:nowrap}.info-separator{color:var(--color-border, #d1d5db);font-weight:600;font-size:14px;margin:0 4px}[data-theme=dark] .info-label{color:var(--color-text-secondary, #9ca3af)}[data-theme=dark] .info-value{color:var(--color-text-primary, #f3f4f6)}.ticket-detail-page{background-color:var(--color-bg);color:var(--color-text);min-height:100vh}.ticket-detail-wrapper{max-width:100%;margin:0;display:flex;flex-direction:column;height:100vh}.back-link-modern{cursor:pointer;color:var(--color-text-secondary);display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;margin-bottom:12px;transition:color .2s ease}.back-link-modern:hover{color:var(--color-primary)}.ticket-header-compact{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 24px;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);border-radius:10px}.header-left{display:flex;flex-direction:column;gap:4px}.back-arrow{cursor:pointer;color:var(--color-text-secondary);display:flex;align-items:center}.back-arrow:hover{color:var(--color-text)}.header-user-name{font-size:18px;font-weight:600;margin:0;color:var(--color-text);line-height:1.2}.header-ticket-id{font-size:12px;color:var(--color-text-secondary);margin:2px 0 0}.header-right{display:flex;gap:8px}.badge-in-progress{background-color:var(--color-primary-50)!important;color:var(--color-primary)!important;border:none!important;font-size:11px!important;font-weight:700!important;padding:4px 12px!important}[data-theme=dark] .badge-in-progress{background-color:#1e3a8a!important;color:#60a5fa!important}.badge-normal{background-color:transparent!important;color:var(--color-text)!important;border:none!important;font-size:11px!important;font-weight:700!important;padding:4px 12px!important}.ticket-detail-layout{display:flex;flex:1;overflow:hidden;border-radius:10px;border-bottom:1px solid var(--color-border);min-height:0}@media(min-width:1367px)and (max-width:1600px){.ticket-detail-page .page-container{padding:24px;width:100%;overflow-x:hidden;display:block;height:auto;min-height:100vh}.ticket-detail-layout{width:100%;overflow-x:hidden;display:flex;flex-direction:row;height:auto;min-height:100vh;position:static}.details-sidebar{padding:24px;border-radius:10px 0 0 10px;width:350px;overflow-x:hidden;overflow-y:auto;word-break:break-word;overflow-wrap:break-word;order:1;border-right:1px solid var(--color-border);height:auto;min-height:100vh;flex-shrink:0;position:static}.chat-section{height:auto;min-height:100vh;border-radius:0 10px 10px 0;width:calc(100% - 350px);overflow-x:hidden;order:0;flex:1;display:flex;flex-direction:column;position:static}.chat-content{height:auto;min-height:calc(100vh - 100px);flex:1;display:flex;flex-direction:column;position:static}.messages-list{padding:24px;width:100%;overflow-x:hidden;overflow-y:auto;flex:1;height:auto;min-height:calc(100vh - 200px);position:static}.reply-section-modern{padding:24px;width:100%;height:auto;min-height:100px;flex-shrink:0;border-top:1px solid var(--color-border);background:var(--color-bg);display:block!important;visibility:visible!important;position:static}.attachment-list{display:block!important;visibility:visible!important;overflow:visible!important;height:auto!important;position:static}.attachment-item{display:flex!important;visibility:visible!important;height:auto!important;position:static}.message-attachments{display:block!important;visibility:visible!important;overflow:visible!important;height:auto!important;position:static}}@media(min-width:1025px)and (max-width:1366px){.ticket-detail-page .page-container{padding:20px;width:100%;overflow-x:hidden;display:block;height:auto;min-height:100vh}.ticket-detail-layout{width:100%;overflow-x:hidden;display:flex;flex-direction:row;height:auto;min-height:100vh;position:static}.details-sidebar{padding:20px;border-radius:10px 0 0 10px;width:320px;overflow-x:hidden;overflow-y:auto;word-break:break-word;overflow-wrap:break-word;order:1;border-right:1px solid var(--color-border);height:auto;min-height:100vh;flex-shrink:0;position:static}.chat-section{height:auto;min-height:100vh;border-radius:0 10px 10px 0;width:calc(100% - 320px);overflow-x:hidden;order:0;flex:1;display:flex;flex-direction:column;position:static}.chat-content{height:auto;min-height:calc(100vh - 100px);flex:1;display:flex;flex-direction:column;position:static}.messages-list{padding:20px;width:100%;overflow-x:hidden;overflow-y:auto;flex:1;height:auto;min-height:calc(100vh - 200px);position:static}.reply-section-modern{padding:20px;width:100%;height:auto;min-height:100px;flex-shrink:0;border-top:1px solid var(--color-border);background:var(--color-bg);display:block!important;visibility:visible!important;position:static}.attachment-list{display:block!important;visibility:visible!important;overflow:visible!important;height:auto!important;position:static}.attachment-item{display:flex!important;visibility:visible!important;height:auto!important;position:static}.message-attachments{display:block!important;visibility:visible!important;overflow:visible!important;height:auto!important;position:static}}@media(max-width:1023px){.ticket-detail-page{width:100%;overflow-x:hidden}.ticket-detail-wrapper{width:100%;flex-direction:column}.ticket-detail-layout{flex-direction:column!important;height:auto;overflow:visible;gap:0;width:100%!important}.chat-section{border-right:none;border-bottom:1px solid var(--color-border);min-height:500px;order:1;width:100%!important;flex:1}.details-sidebar{width:100%!important;order:0;border-bottom:1px solid var(--color-border);border-radius:10px 10px 0 0;flex-shrink:0;word-break:break-word;overflow-wrap:break-word;overflow:hidden}}@media(max-width:1023px){.ticket-detail-page .page-container{padding:16px;width:100%;overflow-x:hidden;display:block;height:auto;min-height:100vh}.ticket-detail-layout{width:100%;overflow-x:hidden;display:flex;flex-direction:column-reverse;height:auto;min-height:100vh;position:static}.details-sidebar{padding:16px;border-radius:10px 10px 0 0;width:100%;overflow-x:hidden;overflow-y:auto;word-break:break-word;overflow-wrap:break-word;order:1;border-bottom:1px solid var(--color-border);height:auto;min-height:300px;flex-shrink:0;position:static}.chat-section{height:auto;min-height:500px;border-radius:0 0 10px 10px;width:100%;overflow-x:hidden;order:2;flex:1;display:flex;flex-direction:column;position:static}.chat-content{height:auto;min-height:400px;flex:1;display:flex;flex-direction:column;position:static}.messages-list{padding:16px;width:100%;overflow-x:hidden;overflow-y:auto;flex:1;height:auto;min-height:300px;position:static}.reply-section-modern{padding:16px;width:100%;height:auto;min-height:120px;flex-shrink:0;border-top:1px solid var(--color-border);background:var(--color-bg);display:block!important;visibility:visible!important;position:static}.attachment-list{display:block!important;visibility:visible!important;overflow:visible!important;height:auto!important;position:static}.attachment-item{display:flex!important;visibility:visible!important;height:auto!important;position:static}.message-attachments{display:block!important;visibility:visible!important;overflow:visible!important;height:auto!important;position:static}}@media(max-width:768px){.ticket-detail-page .page-container{padding:12px;width:100%;overflow-x:hidden;display:block;height:auto;min-height:100vh}.ticket-detail-layout{width:100%;overflow-x:hidden;display:flex;flex-direction:column-reverse;height:auto;min-height:100vh;position:static}.details-sidebar{padding:12px;border-radius:10px 10px 0 0;width:100%;overflow-x:hidden;overflow-y:auto;word-break:break-word;overflow-wrap:break-word;order:1;border-bottom:1px solid var(--color-border);height:auto;min-height:250px;flex-shrink:0;position:static}.chat-section{height:auto;min-height:450px;border-radius:0 0 10px 10px;width:100%;overflow-x:hidden;order:2;flex:1;display:flex;flex-direction:column;position:static}.chat-content{height:auto;min-height:350px;flex:1;display:flex;flex-direction:column;position:static}.messages-list{padding:12px;width:100%;overflow-x:hidden;overflow-y:auto;flex:1;height:auto;min-height:250px;position:static}.reply-section-modern{padding:12px;width:100%;height:auto;min-height:100px;flex-shrink:0;border-top:1px solid var(--color-border);background:var(--color-bg);display:block!important;visibility:visible!important;position:static}.attachment-list{display:block!important;visibility:visible!important;overflow:visible!important;height:auto!important;position:static}.attachment-item{display:flex!important;visibility:visible!important;height:auto!important;position:static}.message-attachments{display:block!important;visibility:visible!important;overflow:visible!important;height:auto!important;position:static}}@media(max-width:480px){.ticket-detail-page .page-container{padding:8px}.ticket-header-compact{padding:12px}.header-user-name{font-size:16px}.header-ticket-id{font-size:12px}.messages-list,.reply-section-modern{padding:12px}.details-sidebar{padding:12px;border-radius:10px 10px 0 0}.chat-section{min-height:350px;border-radius:0 0 10px 10px}.header-right{gap:6px}.status-badge,.priority-badge{font-size:10px;padding:4px 8px}.stat-ticket-value{font-size:10px;word-break:break-word;overflow-wrap:break-word;max-width:100%}.select-wrapper select,.modern-textarea{font-size:14px;padding:8px}}@media(max-width:360px){.ticket-detail-page .page-container{padding:4px}.ticket-header-compact{padding:8px}.header-user-name{font-size:14px}.header-ticket-id{font-size:11px}.messages-list,.reply-section-modern,.details-sidebar{padding:8px}.chat-section{min-height:300px}.status-badge,.priority-badge{font-size:9px;padding:3px 6px}.sidebar-field{margin-bottom:16px}.sidebar-field label{font-size:9px}.stat-row{font-size:10px}.footer-actions-right{gap:6px}.btn-send-modern{padding:6px 12px!important;font-size:11px!important}}@media(max-width:480px){.ticket-detail-layout{gap:8px}.sidebar-card-modern{margin-bottom:12px}.sidebar-stats{margin-top:20px}}.chat-section{flex:1;display:flex;flex-direction:column;background-color:var(--color-bg);border-right:1px solid var(--color-border);min-width:0;overflow:hidden}.chat-content{display:flex;flex-direction:column;height:100%;min-height:0}.messages-list{flex:1;overflow-y:auto;padding:24px;background-color:var(--color-bg-secondary);display:flex;flex-direction:column;max-width:100%;box-sizing:border-box}.messages-list::-webkit-scrollbar{width:6px}.messages-list::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:3px}.reply-section-modern{padding:10px 24px;background-color:var(--color-bg);border-top:1px solid var(--color-border);width:100%;box-sizing:border-box}@media(max-width:768px){.reply-section-modern{padding:16px}}@media(max-width:480px){.reply-section-modern{padding:12px}}.reply-input-wrapper{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:12px}.modern-textarea{width:100%;background-color:transparent;border:none;color:var(--color-text);font-size:14px;resize:none;min-height:40px;outline:none}.reply-footer-actions{display:flex;justify-content:flex-end;align-items:center;margin-top:5px}.footer-actions-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}@media(max-width:480px){.footer-actions-right{gap:8px;justify-content:flex-end}.icon-btn{padding:6px}.btn-send-modern{padding:8px 16px!important;font-size:12px!important}}.icon-btn{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .2s ease}.icon-btn:hover{color:var(--color-text)}.btn-send-modern{background-color:var(--color-primary)!important;color:#fff!important;border-radius:6px!important;padding:8px 20px!important;font-weight:600!important;font-size:13px!important;display:flex!important;align-items:center!important}.details-sidebar{width:300px;background-color:var(--color-bg);padding:24px;flex-shrink:0;min-width:0;overflow-x:hidden;position:relative;z-index:1}.details-sidebar .sidebar-card-modern{width:100%;min-width:0;overflow:hidden}.sidebar-field{margin-bottom:20px;min-width:0}.sidebar-field select{width:100%;max-width:100%;box-sizing:border-box}.sidebar-stats{width:100%;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}[data-theme=dark] .details-sidebar,[data-theme=dark] .ticket-header-compact,[data-theme=dark] .chat-section,[data-theme=dark] .messages-list,[data-theme=dark] .reply-section-modern{background-color:#0b0e14!important}.image-viewer-modal~* .details-sidebar,.image-viewer-modal~* .ticket-header-compact,.image-viewer-modal~* .chat-section{background-color:var(--color-bg)!important;opacity:1!important;visibility:visible!important}[data-theme=dark] .image-viewer-modal~* .details-sidebar,[data-theme=dark] .image-viewer-modal~* .ticket-header-compact,[data-theme=dark] .image-viewer-modal~* .chat-section{background-color:#0b0e14!important;opacity:1!important;visibility:visible!important}.image-viewer-modal{pointer-events:auto}.image-viewer-modal>*{pointer-events:auto}body:has(.image-viewer-modal) .details-sidebar,body:has(.image-viewer-modal) .ticket-header-compact,body:has(.image-viewer-modal) .chat-section{background-color:var(--color-bg)!important;opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important}[data-theme=dark] body:has(.image-viewer-modal) .details-sidebar,[data-theme=dark] body:has(.image-viewer-modal) .ticket-header-compact,[data-theme=dark] body:has(.image-viewer-modal) .chat-section{background-color:#0b0e14!important;opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important}.image-viewer-modal+* .details-sidebar,.image-viewer-modal+* .ticket-header-compact,.image-viewer-modal+* .chat-section,.image-viewer-modal~* .details-sidebar,.image-viewer-modal~* .ticket-header-compact,.image-viewer-modal~* .chat-section{background-color:var(--color-bg)!important;opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important}[data-theme=dark] .image-viewer-modal+* .details-sidebar,[data-theme=dark] .image-viewer-modal+* .ticket-header-compact,[data-theme=dark] .image-viewer-modal+* .chat-section,[data-theme=dark] .image-viewer-modal~* .details-sidebar,[data-theme=dark] .image-viewer-modal~* .ticket-header-compact,[data-theme=dark] .image-viewer-modal~* .chat-section{background-color:#0b0e14!important;opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important}.sidebar-title-modern{font-size:12px;font-weight:800;color:var(--color-text);letter-spacing:.05em;margin-bottom:24px}[data-theme=dark] .sidebar-title-modern{color:#fff}.sidebar-field{margin-bottom:20px}.sidebar-field label{display:block;font-size:10px;font-weight:700;color:var(--color-text-tertiary);margin-bottom:8px;text-transform:uppercase}[data-theme=dark] .sidebar-field label{color:#64748b}.select-wrapper select{width:100%;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text);padding:8px 12px;border-radius:6px;font-size:13px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.select-wrapper select:disabled{opacity:.7;cursor:not-allowed}[data-theme=dark] .select-wrapper select{background-color:#13171f;border-color:#1a1f26;color:#fff}.sidebar-stats{margin-top:32px;display:flex;flex-direction:column;gap:12px}.stat-row{display:flex;justify-content:space-between;font-size:11px}.stat-label{color:var(--color-text-secondary)}[data-theme=dark] .stat-label{color:#64748b}.stat-ticket-value{color:var(--color-text);font-weight:500;font-size:11px}[data-theme=dark] .details-sidebar{background-color:#0b0e14!important}[data-theme=dark] .sidebar-stats .stat-ticket-value{color:var(--color-text);font-weight:600;font-size:11px}.messages-section-full{background:transparent;box-shadow:none;overflow:hidden;width:100%;border:1px solid var(--color-border, #e5e7eb);border-radius:8px}.chat-container{height:600px;display:flex;flex-direction:column;background:var(--color-bg-primary, #ffffff);border-radius:12px;box-shadow:0 4px 20px #0000000d}.conversation-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,var(--color-bg-primary, #ffffff),var(--color-bg-secondary, #f9fafb));border-bottom:1px solid var(--color-border, #e5e7eb);border-radius:8px 8px 0 0;position:relative;overflow:hidden}.conversation-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);animation:shimmer 3s ease-in-out infinite}.conversation-header-content{display:flex;align-items:center;gap:12px;flex:1}.conversation-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;color:#fff;box-shadow:0 2px 8px #3b82f64d;animation:pulse-icon 2s ease-in-out infinite}.conversation-icon svg{width:20px;height:20px}.conversation-info{flex:1}.conversation-title{font-size:18px;font-weight:600;color:var(--color-text-primary, #1f2937);margin:0 0 4px;letter-spacing:-.025em}.conversation-subtitle{font-size:13px;color:var(--color-text-secondary, #6b7280);margin:0;font-weight:500}.conversation-status{display:flex;align-items:center;gap:8px}.status-indicator{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fffc;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse-dot 2s ease-in-out infinite}.status-text{font-weight:600}.status-indicator.open{color:#3b82f6;background:linear-gradient(135deg,#3b82f626,#3b82f61a);box-shadow:0 2px 8px #3b82f633}.status-indicator.in_progress,.status-indicator.in-progress{color:#fb923c;background:linear-gradient(135deg,#fb923c26,#fb923c1a);box-shadow:0 2px 8px #fb923c33}.status-indicator.closed{color:#22c55e;background:linear-gradient(135deg,#22c55e26,#22c55e1a);box-shadow:0 2px 8px #22c55e33}.status-indicator.pending{color:#8b5cf6;background:linear-gradient(135deg,#8b5cf626,#8b5cf61a);box-shadow:0 2px 8px #8b5cf633}.status-indicator.resolved{color:#10b981;background:linear-gradient(135deg,#10b98126,#10b9811a);box-shadow:0 2px 8px #10b98133}.messages-list{flex:1;overflow-y:auto;padding:20px;background:var(--color-bg-secondary, #f9fafb);display:flex;flex-direction:column}[data-theme=dark] .conversation-header{background:linear-gradient(135deg,var(--color-bg-primary, #1f2937),var(--color-bg-secondary, #111827));border-bottom-color:var(--color-border, #374151)}[data-theme=dark] .conversation-icon{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 2px 8px #3b82f666}[data-theme=dark] .conversation-title{color:var(--color-text-primary, #f3f4f6)}[data-theme=dark] .conversation-subtitle{color:var(--color-text-secondary, #9ca3af)}[data-theme=dark] .status-indicator{background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes shimmer{0%,to{opacity:.8}50%{opacity:1}}@keyframes pulse-icon{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.image-viewer-modal{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease;isolation:isolate}.image-viewer-content{background:var(--color-bg-primary, #ffffff);border-radius:12px;width:min(90vw,1200px);height:min(90vh,820px);max-width:90vw;max-height:90vh;box-shadow:0 25px 50px #00000080;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease;position:relative;z-index:10000}@media(max-width:768px){.image-viewer-content{width:95vw;height:92vh;max-width:95vw;max-height:92vh;margin:10px}.image-viewer-header{padding:12px 16px}.image-viewer-header h3{font-size:14px;max-width:200px}.image-viewer-body{padding:12px}.image-viewer-body img{max-height:100%}.image-viewer-footer{padding:12px 16px}.image-viewer-download{padding:8px 16px;font-size:13px}}@media(max-width:1023px)and (min-width:769px){.image-viewer-content{width:min(92vw,1100px);height:min(92vh,800px);max-width:92vw;max-height:92vh}.image-viewer-body{padding:16px}.image-viewer-body img{max-height:100%}}@media(max-width:480px){.image-viewer-content{width:98vw;height:94vh;max-width:98vw;max-height:94vh;margin:5px}.image-viewer-header{padding:10px 12px}.image-viewer-header h3{font-size:12px;max-width:150px}.image-viewer-body{padding:10px}.image-viewer-body img{max-height:100%}.image-viewer-footer{padding:10px 12px}.image-viewer-download{padding:6px 12px;font-size:12px}.image-viewer-close{width:28px;height:28px}.image-viewer-close svg{width:14px;height:14px}}.image-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border, #e5e7eb);background:var(--color-bg-secondary, #f9fafb)}.image-viewer-header h3{margin:0;font-size:16px;font-weight:600;color:var(--color-text-primary, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.image-viewer-close{background:transparent;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary, #6b7280);transition:all .2s ease}.image-viewer-close:hover{background:var(--color-bg-tertiary, #f3f4f6);color:var(--color-text-primary, #1f2937)}.image-viewer-close svg{width:16px;height:16px}.image-viewer-body{padding:20px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary, #ffffff);flex:1;min-height:0;overflow:hidden;position:relative}.image-viewer-body img{width:100%;height:100%;display:block;object-fit:contain;border-radius:8px;box-shadow:0 8px 24px #0003;transition:transform .3s ease}.image-viewer-video{width:100%;height:100%;display:block;object-fit:contain;border-radius:8px;box-shadow:0 8px 24px #0003;background:#000}.image-viewer-loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#ffffffb3;z-index:2}[data-theme=dark] .image-viewer-loader{background:#111827bf}.image-viewer-footer{display:flex;justify-content:center;padding:16px 20px;border-top:1px solid var(--color-border, #e5e7eb);background:var(--color-bg-secondary, #f9fafb)}.image-viewer-download{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,var(--color-primary, #3b82f6),#2563eb);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.image-viewer-download:hover{transform:translateY(-2px);box-shadow:0 8px 16px #3b82f64d}.image-viewer-download svg{width:16px;height:16px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .image-viewer-modal{background:#000000f2}[data-theme=dark] .image-viewer-content{background:var(--color-bg-primary, #1f2937);box-shadow:0 20px 40px #00000080}[data-theme=dark] .image-viewer-header{background:var(--color-bg-secondary, #111827);border-color:var(--color-border, #374151)}[data-theme=dark] .image-viewer-header h3{color:var(--color-text-primary, #f3f4f6)}[data-theme=dark] .image-viewer-close{color:var(--color-text-secondary, #9ca3af)}[data-theme=dark] .image-viewer-close:hover{background:var(--color-bg-tertiary, #374151);color:var(--color-text-primary, #f3f4f6)}[data-theme=dark] .image-viewer-body{background:var(--color-bg-primary, #1f2937)}[data-theme=dark] .image-viewer-footer{background:var(--color-bg-secondary, #111827);border-color:var(--color-border, #374151)}[data-theme=dark] .image-viewer-download{background:linear-gradient(135deg,var(--color-primary, #8b5cf6),#7c3aed)}[data-theme=dark] .messages-section-full{border-color:var(--color-border-strong)}[data-theme=dark] .chat-container{background:var(--color-surface)}.message-bubble{display:flex;flex-direction:column;margin-bottom:16px;animation:fadeIn .3s ease;position:relative;padding-top:0;overflow:visible;max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.message-bubble.received{align-self:flex-start;max-width:85%}.message-bubble.sent{align-self:flex-end;align-items:flex-end;max-width:85%}@media(max-width:480px){.message-bubble.received,.message-bubble.sent{max-width:90%}}.message-recipient-name{font-size:13px;font-weight:600;color:var(--color-text-secondary, #6b7280);margin-bottom:4px;margin-left:4px}.message-time-below{font-size:11px;color:var(--color-text-tertiary);margin-top:4px;text-align:right;font-weight:500}.message-bubble.sent .message-time-below{text-align:right;margin-right:4px}.message-bubble.received .message-time-below{text-align:left;margin-left:4px}[data-theme=dark] .message-recipient-name{color:var(--color-text-secondary, #9ca3af)}[data-theme=dark] .message-time-below{color:var(--color-text-tertiary)}.day-separator{display:flex;align-items:center;justify-content:center;margin:24px 0 16px;position:relative}.day-separator:before,.day-separator:after{content:"";flex:1;height:1px;background:var(--color-border, #e5e7eb)}.day-separator-text{padding:0 16px;font-size:12px;font-weight:600;color:var(--color-text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.5px;background:var(--color-bg-secondary, #f9fafb);white-space:nowrap}[data-theme=dark] .day-separator:before,[data-theme=dark] .day-separator:after{background:var(--color-border, #374151)}[data-theme=dark] .day-separator-text{color:var(--color-text-secondary, #9ca3af);background:var(--color-bg-secondary, #111827)}.message-day-group{display:flex;flex-direction:column}.message-bubble-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;opacity:0;transform:translateY(-20px);transition:all .3s ease;position:absolute;top:-25px;left:0;right:0;z-index:10;background:var(--color-bg-primary, #ffffff);padding:8px 12px;border-radius:8px;box-shadow:0 4px 12px #00000026;border:1px solid var(--color-border, #e5e7eb);width:100%;box-sizing:border-box}.message-bubble:hover .message-bubble-header{opacity:1;transform:translateY(0)}[data-theme=dark] .message-bubble-header{background:var(--color-bg-primary, #1f2937);border-color:var(--color-border, #4b5563);box-shadow:0 4px 12px #0006}[data-theme=dark] .message-avatar{background:linear-gradient(135deg,#4b5563,#374151);color:var(--color-text-secondary, #9ca3af)}[data-theme=dark] .message-author-name{color:var(--color-text-primary, #f3f4f6)}.message-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#e5e7eb,#d1d5db);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;color:#6b7280;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.message-bubble.sent .message-avatar{background:linear-gradient(135deg,#3b82f6,#2563eb)}.message-meta{display:flex;flex-direction:column;gap:4px;flex:1}.message-author-name{font-size:14px;font-weight:600;color:var(--color-text-primary, #1f2937);line-height:1.2}.message-bubble.sent .message-author-name{color:var(--color-text-primary, #1f2937)}.message-time{font-size:12px;color:var(--color-text-tertiary, #9ca3af);font-weight:500}[data-theme=dark] .message-author-name,[data-theme=dark] .message-bubble.sent .message-author-name{color:var(--color-text-primary, #f3f4f6)}[data-theme=dark] .message-time{color:var(--color-text-tertiary, #6b7280)}.message-bubble-content{padding:12px 16px;border-radius:16px;position:relative;box-shadow:0 2px 8px #00000014;max-width:100%;transition:all .2s ease}.message-bubble.received .message-bubble-content{background:var(--color-bg-primary, #ffffff);border:1px solid var(--color-border, #e5e7eb);color:var(--color-text-primary, #1f2937);border-bottom-left-radius:6px}.message-bubble.received .message-bubble-content:hover{box-shadow:0 4px 12px #0000001f;border-color:var(--color-border-hover, #d1d5db)}.message-bubble.sent .message-bubble-content{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-bottom-right-radius:6px;box-shadow:0 2px 8px #3b82f64d}[data-theme=dark] .message-bubble.received .message-bubble-content{background:var(--color-bg-primary, #1f2937);border-color:var(--color-border, #374151);color:var(--color-text-primary, #f3f4f6)}[data-theme=dark] .message-bubble.received .message-bubble-content:hover{border-color:var(--color-border-hover, #4b5563);box-shadow:0 4px 12px #0006}.message-bubble.sent .message-bubble-content:hover{box-shadow:0 4px 16px #3b82f666;transform:translateY(-1px)}.message-bubble-content p{margin:0;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;font-size:15px}.message-bubble-attachments{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}.message-attachment-item{position:relative;border-radius:8px;overflow:hidden;max-width:100%;width:100%}.attachment-image{width:100%;height:120px;object-fit:cover;border-radius:8px;display:block}.attachment-video{width:100%;height:120px;object-fit:cover;border-radius:8px}.attachment-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.download-btn{background:#ffffffe6;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease}.download-btn:hover{transform:scale(1.1)}.download-btn svg{width:18px;height:18px;color:var(--color-text)}.message-attachment{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;text-decoration:none;color:#1f2937;font-size:13px;transition:all .2s ease;cursor:pointer;width:100%;min-width:250px;flex:1}.message-attachment:hover{background:#e5e7eb;border-color:#d1d5db}.message-attachment svg{width:16px;height:16px;flex-shrink:0;color:#6b7280}.attachment-name{font-weight:500;white-space:normal;overflow:visible;text-overflow:initial;display:block;word-wrap:break-word;word-break:break-word;line-height:1.3}.attachment-size{font-size:11px;color:#9ca3af}.reply-section-simple{background:var(--color-bg-primary, #ffffff);border-radius:0 0 8px 8px;padding:16px 20px;box-shadow:none;border:none;border-top:1px solid var(--color-border, #e5e7eb);width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.reply-input-container{position:relative;margin-bottom:12px;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.reply-textarea{width:100%;max-width:100%;padding:16px 50px 16px 16px;border:2px solid var(--color-border, #e5e7eb);border-radius:12px;font-size:15px;line-height:1.5;resize:vertical;min-height:80px;max-height:200px;font-family:inherit;background:var(--color-bg-secondary, #f9fafb);color:var(--color-text-primary, #1f2937);transition:all .2s ease;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;display:block}.reply-textarea:focus{outline:none;border-color:var(--color-primary, #8b5cf6);box-shadow:0 0 0 3px #8b5cf61a;background:var(--color-bg-primary, #ffffff)}.reply-textarea::placeholder{color:var(--color-text-tertiary, #9ca3af)}[data-theme=dark] .reply-section-simple{background:var(--color-bg-primary, #1f2937);border-top-color:var(--color-border, #374151)}[data-theme=dark] .reply-textarea{background:var(--color-bg-secondary, #111827);border-color:var(--color-border, #374151);color:var(--color-text-primary, #f3f4f6)}[data-theme=dark] .reply-textarea:focus{border-color:var(--color-primary, #8b5cf6);background:var(--color-bg-primary, #1f2937);box-shadow:0 0 0 3px #8b5cf633}[data-theme=dark] .reply-textarea::placeholder{color:var(--color-text-tertiary, #6b7280)}.reply-actions-simple{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:8px}.attach-btn-simple{width:36px;height:36px;border:none;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary, #6b7280);transition:all .2s ease}.attach-btn-simple:hover{background:var(--color-bg-secondary, #f3f4f6);color:var(--color-primary, #8b5cf6)}.attach-btn-simple svg{width:18px;height:18px}.send-reply-btn-simple{padding:8px 16px;background:linear-gradient(135deg,var(--color-primary, #3b82f6) 0%,#2563eb 100%);color:#fff;border:none;border-radius:20px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;box-shadow:0 2px 8px #8b5cf64d}.send-reply-btn-simple:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary, #3b82f6) 0%,#2563eb 100%);box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.send-reply-btn-simple:disabled{background:linear-gradient(135deg,var(--color-primary, #3b82f6) 0%,#2563eb 100%);cursor:not-allowed;box-shadow:none;transform:none;opacity:.7}[data-theme=dark] .attach-btn-simple{color:var(--color-text-secondary, #9ca3af)}[data-theme=dark] .attach-btn-simple:hover{background:var(--color-bg-secondary, #374151);color:var(--color-primary, #8b5cf6)}.send-reply-btn-simple svg{width:16px;height:16px}.attachments-list-simple{display:flex;flex-direction:column;gap:8px;margin-top:12px;max-height:200px}.attachments-scrollable{overflow-y:auto;padding-right:8px}.attachments-scrollable::-webkit-scrollbar{width:4px}.attachments-scrollable::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:2px}.attachments-scrollable::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-secondary)}.attachment-item-simple{display:flex;align-items:center;gap:12px;padding:12px;background:var(--color-bg-secondary, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-radius:8px;transition:all .2s ease}.attachment-item-simple:hover{background:var(--color-bg-hover, #f3f4f6);border-color:var(--color-border-hover, #d1d5db)}.attachment-info-simple{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.attachment-icon-simple{width:20px;height:20px;color:var(--color-text-secondary, #6b7280);flex-shrink:0}.attachment-icon-simple svg{width:100%;height:100%}.attachment-details-simple{flex:1;min-width:0}.attachment-name-simple{font-size:13px;font-weight:500;color:var(--color-text-primary, #374151);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin-bottom:2px}.attachment-size-simple{font-size:11px;color:var(--color-text-tertiary, #9ca3af)}[data-theme=dark] .attachment-item-simple{background:var(--color-bg-secondary, #111827);border-color:var(--color-border, #374151)}[data-theme=dark] .attachment-item-simple:hover{background:var(--color-bg-hover, #1f2937);border-color:var(--color-border-hover, #4b5563)}[data-theme=dark] .attachment-icon-simple{color:var(--color-text-secondary, #9ca3af)}[data-theme=dark] .attachment-name-simple{color:var(--color-text-primary, #f3f4f6)}[data-theme=dark] .attachment-size-simple{color:var(--color-text-tertiary, #6b7280)}.attachment-remove-simple{width:24px;height:24px;border:none;background:transparent;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease}[data-theme=dark] .attachment-remove-simple{color:var(--color-text-secondary)}[data-theme=dark] .attachment-remove-simple:hover{color:#f87171}.attachment-remove-simple svg{width:14px;height:14px}.ticket-right-section{position:sticky;top:20px}.reply-section{background:#fff;border-radius:12px;padding:28px;box-shadow:0 4px 12px #00000014;border:1px solid #e5e7eb;transition:all .3s ease}.reply-section:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.reply-title{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 20px;display:flex;align-items:center;gap:8px}.reply-title:before{content:"💬";font-size:18px}.editor-toolbar{display:flex;align-items:center;gap:16px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-bottom:none;border-radius:8px 8px 0 0;flex-wrap:wrap}.toolbar-group{display:flex;align-items:center;gap:4px;padding:0 8px;border-right:1px solid #e5e7eb}.toolbar-group:last-child{border-right:none}.toolbar-btn{width:32px;height:32px;border:none;background:transparent;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;font-size:14px;font-weight:600;transition:all .2s ease}.toolbar-btn:hover{background:#e5e7eb;color:#374151}.toolbar-btn svg{width:16px;height:16px}.message-editor{position:relative}.message-textarea{width:100%;padding:16px;border:1px solid #e5e7eb;border-radius:0 0 8px 8px;font-size:14px;line-height:1.5;resize:vertical;min-height:120px;font-family:inherit;background:#fff;color:#1f2937}.message-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.message-textarea::placeholder{color:#9ca3af}.character-count{position:absolute;bottom:8px;right:12px;font-size:11px;color:#9ca3af;background:#fff;padding:2px 4px}.attachments-section{margin-top:20px}.file-upload-area{border:2px dashed #d1d5db;border-radius:8px;padding:24px;text-align:center;cursor:pointer;transition:all .2s ease;background:#f9fafb}.file-upload-area:hover{border-color:#3b82f6;background:#3b82f605}.file-upload-area.dragging{border-color:#3b82f6;background:#3b82f60d}.file-upload-content{display:flex;flex-direction:column;align-items:center;gap:12px}.file-upload-icon{width:40px;height:40px;color:#9ca3af;transition:color .2s ease}.file-upload-area:hover .file-upload-icon,.file-upload-area.dragging .file-upload-icon{color:#3b82f6}.file-upload-text{max-width:300px}.file-upload-title{font-size:14px;font-weight:500;color:#374151;margin:0 0 4px}.file-upload-subtitle{font-size:12px;color:#6b7280;margin:0;line-height:1.4}.existing-attachments{margin-top:16px}.existing-attachments h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px}.attachments-list{display:flex;flex-direction:column;gap:8px}.attachments-list-simple{display:flex;flex-direction:column;gap:4px;margin-top:12px;max-height:140px;overflow-y:auto;padding-right:4px}.attachments-list-simple::-webkit-scrollbar{width:4px}.attachments-list-simple::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:2px}.attachment-item-simple{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;flex-shrink:0}.attachment-info-simple{display:flex;align-items:center;gap:10px;min-width:0}.attachment-icon-simple{flex-shrink:0;color:var(--color-text-secondary)}.attachment-details-simple{min-width:0;display:flex;align-items:center;gap:8px}.attachment-name-simple{font-size:12px;color:var(--color-text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-size-simple{font-size:11px;color:var(--color-text-tertiary);flex-shrink:0}.attachment-remove-simple{background:transparent;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .2s}.attachment-remove-simple:hover{color:var(--color-error)}.attachment-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-secondary);transition:all .2s ease}.attachment-item:hover{border-color:var(--color-border-hover);background:var(--color-bg-tertiary)}.attachment-info{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.attachment-icon{width:20px;height:20px;color:var(--color-text-secondary);flex-shrink:0}.attachment-name{font-size:13px;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin-bottom:2px}.attachment-size{font-size:11px;color:var(--color-text-secondary)}.attachment-remove{width:24px;height:24px;border:none;background:transparent;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease}.attachment-remove:hover{background:var(--color-error);color:#fff}[data-theme=dark] .attachment-remove:hover{background:#f87171;color:#fff}.attachment-remove svg{width:14px;height:14px}.upload-spinner{width:16px;height:16px;border:2px solid var(--color-border, #e5e7eb);border-top:2px solid var(--color-primary, #3b82f6);border-radius:50%;animation:spin 1s linear infinite}.upload-error-icon{color:var(--color-error, #ef4444);font-size:12px}.upload-success-icon{color:var(--color-success, #10b981);font-size:12px}[data-theme=dark] .upload-spinner{border-color:var(--color-border, #4b5563);border-top-color:var(--color-primary, #8b5cf6)}.error-message{color:#ef4444;font-size:12px;margin-top:8px;display:block}.reply-actions{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:16px;border-top:1px solid #e5e7eb}.action-buttons{display:flex;align-items:center;gap:8px}.emoji-btn,.attach-btn{width:36px;height:36px;border:1px solid #d1d5db;background:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s ease}.emoji-btn:hover,.attach-btn:hover{border-color:#3b82f6;color:#3b82f6;background:#3b82f605}.emoji-btn svg,.attach-btn svg{width:18px;height:18px}.send-reply-btn{padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;min-width:140px;box-shadow:0 4px 12px #3b82f64d;position:relative;overflow:hidden}.send-reply-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.send-reply-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.send-reply-btn:hover:not(:disabled):before{left:100%}.send-reply-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #3b82f666}.send-reply-btn:disabled{background:linear-gradient(135deg,var(--color-primary, #3b82f6) 0%,#2563eb 100%);cursor:not-allowed;box-shadow:none;transform:none;opacity:.7}.no-messages{text-align:center;padding:40px 20px;color:var(--color-text-secondary, #6b7280);background:var(--color-bg-secondary, #f9fafb);border-radius:12px;margin:20px 0;border:1px dashed var(--color-border, #e5e7eb);transition:all .3s ease}.no-messages:hover{border-color:var(--color-primary, #3b82f6);background:var(--color-bg-primary, #ffffff)}.no-messages-icon{width:48px;height:48px;margin:0 auto 16px;color:var(--color-border, #d1d5db);background:var(--color-bg-primary, #ffffff);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.no-messages:hover .no-messages-icon{color:var(--color-primary, #3b82f6);transform:scale(1.05);box-shadow:0 4px 12px #3b82f633}.no-messages-icon svg{width:24px;height:24px}.no-messages p{margin:0;font-style:italic;font-size:14px;color:var(--color-text-secondary, #6b7280);transition:color .3s ease}.no-messages:hover p{color:var(--color-text-primary, #1f2937)}[data-theme=dark] .no-messages{background:var(--color-bg-secondary, #111827);border-color:var(--color-border, #4b5563);color:var(--color-text-secondary, #9ca3af)}[data-theme=dark] .no-messages:hover{border-color:var(--color-primary, #8b5cf6);background:var(--color-bg-primary, #1f2937)}[data-theme=dark] .no-messages-icon{background:var(--color-bg-primary, #1f2937);color:var(--color-border, #6b7280);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .no-messages:hover .no-messages-icon{color:var(--color-primary, #8b5cf6);box-shadow:0 4px 12px #8b5cf64d}[data-theme=dark] .no-messages p{color:var(--color-text-secondary, #9ca3af)}[data-theme=dark] .no-messages:hover p{color:var(--color-text-primary, #f3f4f6)}.ticket-loading,.ticket-error,.ticket-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;margin:20px 0;transition:all .3s ease}.ticket-loading p,.ticket-error p,.ticket-not-found p{color:var(--color-text-secondary, #6b7280);margin:0 0 16px;font-size:14px;font-weight:500}.ticket-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca}.ticket-error p{color:#dc2626}.ticket-not-found{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#bae6fd}.ticket-not-found p{color:#1e40af}[data-theme=dark] .ticket-loading p,[data-theme=dark] .ticket-error p,[data-theme=dark] .ticket-not-found p{color:var(--color-text-secondary, #9ca3af)}[data-theme=dark] .ticket-error{background:linear-gradient(135deg,#450a0a,#7f1d1d);border-color:#991b1b}[data-theme=dark] .ticket-error p{color:#f87171}[data-theme=dark] .ticket-not-found{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-color:#1d4ed8}[data-theme=dark] .ticket-not-found p{color:#93c5fd}@media(max-width:1200px){.ticket-content-wrapper{grid-template-columns:1fr;gap:20px}.ticket-right-section{position:static}}@media(max-width:768px){.ticket-info-line{flex-direction:column;align-items:flex-start;gap:8px}.info-separator{display:none}.info-group{flex-direction:column;align-items:flex-start;gap:2px}.ticket-detail-page .page-container{padding:12px}.chat-container{height:400px}.messages-list{padding:16px;max-height:400px}.message-bubble{max-width:85%}.message-avatar{width:32px;height:32px;font-size:12px}.reply-section-simple{padding:16px}}@media(max-width:480px){.ticket-info-section-oneline{padding:12px 16px}.ticket-info-line{font-size:12px}.ticket-detail-page .page-container{padding:8px}.reply-section-simple{padding:12px}.message-bubble{max-width:95%}.message-avatar{width:28px;height:28px;font-size:11px}.reply-textarea{padding:12px 40px 12px 12px;min-height:60px}.file-upload-area{padding:12px}.file-upload-icon{width:32px;height:32px}}@media(max-width:768px){.ticket-detail-page .page-container{padding:12px}.ticket-info-grid{grid-template-columns:1fr;gap:16px}.messages-list{padding:16px;max-height:400px}.message-bubble{max-width:85%}.message-avatar{width:32px;height:32px;font-size:12px}.editor-toolbar{gap:8px;padding:8px}.toolbar-group{padding:0 4px}.toolbar-btn{width:28px;height:28px;font-size:12px}.message-textarea{padding:12px;min-height:100px}.file-upload-area{padding:16px}.reply-actions{flex-direction:column;gap:12px;align-items:stretch}.action-buttons{justify-content:center}.send-reply-btn{width:100%}}@media(max-width:480px){.ticket-detail-page .page-container{padding:8px}.ticket-info-section,.reply-section{padding:16px}.message-bubble{max-width:95%}.message-avatar{width:28px;height:28px;font-size:11px}.message-textarea{padding:10px;min-height:80px}.file-upload-area{padding:12px}.file-upload-icon{width:32px;height:32px}}.message-bubble-attachments{margin-top:12px;display:flex;flex-direction:column;gap:12px}.message-attachment-item{border-radius:8px;overflow:hidden;border:1px solid var(--color-border);background:var(--color-bg-secondary);transition:all .2s ease}[data-theme=dark] .message-attachment-item{border-color:var(--color-border-strong);background:var(--color-bg-tertiary)}.message-attachment-item:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}[data-theme=dark] .message-attachment-item:hover{border-color:var(--color-border-strong);box-shadow:0 2px 4px #0000004d}.attachment-preview{position:relative;cursor:pointer}.attachment-image{width:100%;max-width:300px;height:auto;max-height:200px;object-fit:cover;display:block;border-radius:8px}.attachment-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;border-radius:8px}.attachment-preview:hover .attachment-overlay{opacity:1}.download-btn{background:#ffffffe6;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--color-text)}.download-btn:hover{background:#fff;transform:scale(1.1)}.download-btn svg{width:20px;height:20px}[data-theme=dark] .download-btn{background:#1f2937e6;color:var(--color-text)}[data-theme=dark] .download-btn:hover{background:var(--color-bg-tertiary)}.attachment-video{width:100%;max-width:400px;height:auto;max-height:300px;border-radius:8px;display:block}.message-attachment{display:flex;align-items:center;padding:12px 16px;text-decoration:none;color:var(--color-text);background:var(--color-bg);border-radius:8px;transition:all .2s ease;gap:12px}.message-attachment:hover{background:var(--color-bg-tertiary);color:var(--color-text);text-decoration:none}[data-theme=dark] .message-attachment{background:var(--color-bg-tertiary);color:var(--color-text)}[data-theme=dark] .message-attachment:hover{background:var(--color-bg);color:var(--color-text)}.attachment-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:6px;color:var(--color-text-secondary)}.attachment-icon svg{width:20px;height:20px}[data-theme=dark] .attachment-icon{background:var(--color-bg);color:var(--color-text-secondary)}.attachment-info{flex:1;min-width:0}.attachment-name{display:block;font-weight:500;font-size:14px;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-size,.attachment-kind{display:block;font-size:12px;color:var(--color-text-secondary);margin-top:2px}.attachment-download{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);border-radius:6px;color:#fff;transition:all .2s ease}.attachment-download:hover{background:var(--color-primary-700);transform:scale(1.05)}.attachment-download svg{width:16px;height:16px}@media(max-width:640px){.message-bubble-attachments{gap:8px}.attachment-image{max-width:250px;max-height:150px}.attachment-video{max-width:300px;max-height:200px}.message-attachment{padding:10px 12px;gap:10px}.attachment-icon{width:36px;height:36px}.attachment-icon svg{width:18px;height:18px}.attachment-download{width:28px;height:28px}.attachment-download svg{width:14px;height:14px}}.attachment-expired{display:flex;align-items:center;padding:12px 16px;background:var(--color-danger-50);border:1px solid var(--color-error);border-radius:8px;gap:12px}[data-theme=dark] .attachment-expired{background:#ef44441a;border-color:#ef44444d}.attachment-expired-message{color:var(--color-error);font-size:12px;margin-top:2px}.upload-spinner{width:16px;height:16px;border:2px solid var(--color-border);border-top:2px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.upload-error-icon{color:var(--color-error, #ef4444);font-size:16px;display:flex;align-items:center;justify-content:center}.upload-success-icon{color:var(--color-success, #22c55e);font-size:16px;display:flex;align-items:center;justify-content:center}.attachment-error-actions{margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-border)}.attachment-item{transition:background-color .2s ease}.attachment-item:hover,[data-theme=dark] .attachment-item:hover{background-color:var(--color-bg-tertiary)}.attachment-item .attachment-name{font-weight:500;color:var(--color-text)}.attachment-item .attachment-size{font-size:.875rem;color:var(--color-text-secondary)}.attachment-item .attachment-remove{opacity:.7;transition:opacity .2s ease}.attachment-item .attachment-remove:hover{opacity:1}.attachment-item .attachment-remove:disabled{opacity:.3;cursor:not-allowed}.attachment-item.uploading .attachment-icon{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.attachment-item.failed{border-left:3px solid var(--color-error, #ef4444)}[data-theme=dark] .attachment-item.failed{border-left:3px solid #f87171}.attachment-item.uploaded{border-left:3px solid var(--color-success, #22c55e)}[data-theme=dark] .attachment-item.uploaded{border-left:3px solid #4ade80}.attachments-scrollable-container{max-height:300px;overflow-y:auto;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-bg-secondary)}[data-theme=dark] .attachments-scrollable-container{background-color:var(--color-bg);border-color:var(--color-border-strong)}.attachments-list-scrollable{padding:var(--spacing-2)}.attachments-scrollable-container-simple{max-height:200px;overflow-y:auto;border:1px solid var(--color-border);border-radius:6px;background-color:var(--color-bg-secondary);margin-top:var(--spacing-2)}[data-theme=dark] .attachments-scrollable-container-simple{background-color:var(--color-bg);border-color:var(--color-border-strong)}.attachments-list-scrollable-simple{padding:var(--spacing-2)}.attachments-scrollable-container::-webkit-scrollbar,.attachments-scrollable-container-simple::-webkit-scrollbar{width:6px}.attachments-scrollable-container::-webkit-scrollbar-track,.attachments-scrollable-container-simple::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:3px}[data-theme=dark] .attachments-scrollable-container::-webkit-scrollbar-track,[data-theme=dark] .attachments-scrollable-container-simple::-webkit-scrollbar-track{background:var(--color-bg)}.attachments-scrollable-container::-webkit-scrollbar-thumb,.attachments-scrollable-container-simple::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}[data-theme=dark] .attachments-scrollable-container::-webkit-scrollbar-thumb,[data-theme=dark] .attachments-scrollable-container-simple::-webkit-scrollbar-thumb{background:var(--color-border-strong)}.attachments-scrollable-container::-webkit-scrollbar-thumb:hover,.attachments-scrollable-container-simple::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}@media(max-width:768px){.attachment-item{flex-direction:column;align-items:flex-start}.attachment-item .attachment-info{width:100%;margin-bottom:var(--spacing-2)}.attachment-item .attachment-remove{align-self:flex-end}.attachments-scrollable-container{max-height:250px}.attachments-scrollable-container-simple{max-height:180px}}.modal-xl.ticket-detail-modal{height:100vh;max-height:100vh;width:70vw;max-width:700px;right:0;display:flex!important;flex-direction:column!important;overflow:hidden!important}.modal-xl.ticket-detail-modal .page-container{padding:0;max-width:none;margin:0;flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.modal-xl.ticket-detail-modal .ticket-detail-layout{flex:1;min-height:0;display:flex;flex-direction:row;overflow:hidden;width:100%;height:100%}.modal-xl.ticket-detail-modal .chat-section{flex:1;min-height:0;display:flex;flex-direction:column;height:100%}.modal-xl.ticket-detail-modal .chat-content{flex:1;min-height:0;display:flex;flex-direction:column;margin:0;overflow:hidden;height:100%}.modal-xl.ticket-detail-modal .messages-list{flex:1;overflow-y:auto;padding:8px;margin:0;min-height:0;height:100%}.modal-xl.ticket-detail-modal .reply-section,.modal-xl.ticket-detail-modal .reply-section-modern{flex-shrink:0;border-top:1px solid var(--color-border);background:var(--color-bg);padding:8px;margin:0;height:auto;min-height:auto}.modal-xl.ticket-detail-modal .sidebar-section,.modal-xl.ticket-detail-modal .details-sidebar{width:280px;flex-shrink:0;border-left:1px solid var(--color-border);background:var(--color-bg-secondary);overflow-y:auto;padding:20px;height:100%;min-height:0}.ticket-detail-modal .modal-header{padding:8px 16px;border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;min-height:40px;display:flex;align-items:center;justify-content:space-between;border-radius:0}.ticket-detail-modal .modal-title{font-size:18px;font-weight:600;color:var(--color-text);margin:0;display:block}.ticket-detail-modal .modal-close{border:none;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;margin-left:auto}.ticket-detail-modal .modal-close:hover{transform:scale(1.1)}.ticket-detail-modal .modal-body{padding:0;flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.ticket-detail-modal .page-container{flex:1;overflow:hidden;background:var(--color-bg);padding:0;margin:0;display:flex;flex-direction:column;min-height:0}.ticket-detail-modal .ticket-header-compact,.ticket-detail-modal .page-header{display:none}.ticket-detail-modal .ticket-detail-layout{flex:1;min-height:0;display:flex;flex-direction:row;overflow:hidden}.ticket-detail-modal .chat-section{flex:1;min-height:0;display:flex;flex-direction:column}.ticket-detail-modal .chat-content{flex:1;min-height:0;display:flex;flex-direction:column;margin:0;overflow:hidden}.ticket-detail-modal .messages-list{flex:1;overflow-y:auto;padding:8px;margin:0;min-height:0}.ticket-detail-modal .reply-section,.ticket-detail-modal .reply-section-modern{flex-shrink:0;border-top:1px solid var(--color-border);background:var(--color-bg);padding:8px;margin:0}.ticket-detail-modal .sidebar-section,.ticket-detail-modal .details-sidebar{width:280px;flex-shrink:0;border-left:1px solid var(--color-border);background:var(--color-bg-secondary);overflow-y:auto;padding:20px}@media(min-width:1367px)and (max-width:1600px){.modal-xl.ticket-detail-modal{width:75vw;max-width:750px;height:100vh;overflow:hidden!important}.ticket-detail-modal .modal-body,.ticket-detail-modal .page-container{flex:1!important;overflow:hidden!important;padding:0!important;display:flex!important;flex-direction:column!important;min-height:0!important}.ticket-detail-modal .ticket-detail-layout{flex:1!important;display:flex!important;flex-direction:row!important;min-height:0!important;overflow:hidden!important}.ticket-detail-modal .sidebar-section,.ticket-detail-modal .details-sidebar{width:320px!important;flex-shrink:0!important;border-left:none!important;border-right:1px solid var(--color-border)!important;order:1!important;overflow-y:auto!important;padding:20px!important;height:100%!important;min-height:0!important}.ticket-detail-modal .chat-section{flex:1!important;order:0!important;display:flex!important;flex-direction:column!important;min-height:0!important;height:100%!important;border-radius:0!important;border-right:none!important;border-bottom:none!important}.ticket-detail-modal .chat-content{flex:1!important;display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important;height:100%!important}.ticket-detail-modal .messages-list{flex:1!important;overflow-y:auto!important;padding:20px!important;min-height:0!important;position:static!important;height:100%!important}.ticket-detail-modal .reply-section-modern,.ticket-detail-modal .reply-section{flex-shrink:0!important;border-top:1px solid var(--color-border)!important;background:var(--color-bg)!important;padding:16px!important;margin:0!important;display:block!important;visibility:visible!important;position:static!important;height:auto!important;min-height:auto!important}.ticket-detail-modal .attachment-list{display:block!important;visibility:visible!important;overflow:visible!important;height:auto!important;position:static}.ticket-detail-modal .attachment-item{display:flex!important;visibility:visible!important;height:auto!important;position:static}.ticket-detail-modal .message-attachments{display:block!important;visibility:visible!important;overflow:visible!important;height:auto!important;position:static}}@media(min-width:1025px)and (max-width:1366px){.modal-xl.ticket-detail-modal{width:75vw;max-width:750px;height:100vh;overflow:hidden!important}.ticket-detail-modal .modal-body,.ticket-detail-modal .page-container{flex:1!important;overflow:hidden!important;padding:0!important;display:flex!important;flex-direction:column!important;min-height:0!important}.ticket-detail-modal .ticket-detail-layout{flex:1!important;display:flex!important;flex-direction:row!important;min-height:0!important;overflow:hidden!important}.ticket-detail-modal .sidebar-section,.ticket-detail-modal .details-sidebar{width:320px!important;flex-shrink:0!important;border-left:none!important;border-right:1px solid var(--color-border)!important;order:1!important;overflow-y:auto!important;padding:20px!important;height:100%!important;min-height:0!important}.ticket-detail-modal .chat-section{flex:1!important;order:0!important;display:flex!important;flex-direction:column!important;min-height:0!important;height:100%!important;border-radius:0!important;border-right:none!important;border-bottom:none!important}.ticket-detail-modal .chat-content{flex:1!important;display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important;height:100%!important}.ticket-detail-modal .messages-list{flex:1!important;overflow-y:auto!important;padding:20px!important;min-height:0!important;height:100%!important}.ticket-detail-modal .reply-section,.ticket-detail-modal .reply-section-modern{flex-shrink:0!important;border-top:1px solid var(--color-border)!important;background:var(--color-bg)!important;padding:16px!important;margin:0!important;display:block!important;visibility:visible!important;height:auto!important;min-height:auto!important}.ticket-detail-modal .attachment-list{display:block!important;visibility:visible!important;overflow:visible!important;height:auto!important;position:static}.ticket-detail-modal .attachment-item{display:flex!important;visibility:visible!important;height:auto!important;position:static}.ticket-detail-modal .message-attachments{display:block!important;visibility:visible!important;overflow:visible!important;height:auto!important;position:static}}@media(max-width:1023px){.modal-xl.ticket-detail-modal{width:100vw!important;max-width:100vw!important;height:100vh!important;overflow-y:auto!important}.ticket-detail-modal .modal-body{height:auto!important;overflow:visible!important;padding:0!important}.ticket-detail-modal .page-container{height:auto!important;min-height:100vh!important;overflow:visible!important;padding:0!important}.ticket-detail-modal .ticket-detail-layout{flex-direction:column!important;height:auto!important;min-height:100vh!important;overflow:visible!important;position:static!important}.ticket-detail-modal .sidebar-section,.ticket-detail-modal .details-sidebar{width:100%!important;height:auto!important;min-height:300px!important;border-left:none!important;border-bottom:1px solid var(--color-border)!important;order:1!important;overflow-y:auto!important;position:static!important;padding:20px!important}.ticket-detail-modal .chat-section{height:auto!important;min-height:500px!important;order:2!important;flex:1!important;display:flex!important;flex-direction:column!important;position:static!important}.ticket-detail-modal .chat-content{height:auto!important;min-height:400px!important;flex:1!important;display:flex!important;flex-direction:column!important;position:static!important}.ticket-detail-modal .messages-list{height:auto!important;overflow-y:auto!important;padding:12px!important;flex:1!important;min-height:300px!important;position:static!important}.ticket-detail-modal .reply-section,.ticket-detail-modal .reply-section-modern{height:auto!important;min-height:120px!important;flex-shrink:0!important;border-top:1px solid var(--color-border)!important;background:var(--color-bg)!important;padding:12px!important;margin:0!important;display:block!important;visibility:visible!important;position:static!important}.ticket-detail-modal .attachment-list{display:block!important;visibility:visible!important;overflow:visible!important;height:auto!important;position:static}.ticket-detail-modal .attachment-item{display:flex!important;visibility:visible!important;height:auto!important;position:static}.ticket-detail-modal .message-attachments{display:block!important;visibility:visible!important;overflow:visible!important;height:auto!important;position:static}}@media(max-width:768px){.modal-xl.ticket-detail-modal{width:100vw;max-width:100vw;height:100vh;overflow-y:auto}.ticket-detail-modal .modal-body{height:auto;overflow:visible;padding:0}.ticket-detail-modal .page-container{height:auto;min-height:100vh;overflow:visible;padding:0}.ticket-detail-modal .ticket-detail-layout{flex-direction:column-reverse;height:auto;min-height:100vh;overflow:visible;position:static}.ticket-detail-modal .sidebar-section,.ticket-detail-modal .details-sidebar{width:100%;height:auto;min-height:250px;border-left:none;border-bottom:1px solid var(--color-border);order:1;overflow-y:auto;position:static}.ticket-detail-modal .chat-section{height:auto;min-height:450px;order:2;flex:1;display:flex;flex-direction:column;position:static}.ticket-detail-modal .chat-content{height:auto;min-height:350px;flex:1;display:flex;flex-direction:column;position:static}.ticket-detail-modal .messages-list{height:auto;overflow-y:auto;padding:8px;flex:1;min-height:250px;position:static}.ticket-detail-modal .reply-section{height:auto;min-height:100px;flex-shrink:0;border-top:1px solid var(--color-border);background:var(--color-bg);padding:8px;margin:0;display:block!important;visibility:visible!important;position:static}.ticket-detail-modal .attachment-list{display:block!important;visibility:visible!important;overflow:visible!important;height:auto!important;position:static}.ticket-detail-modal .attachment-item{display:flex!important;visibility:visible!important;height:auto!important;position:static}.ticket-detail-modal .message-attachments{display:block!important;visibility:visible!important;overflow:visible!important;height:auto!important;position:static}}@media(max-width:480px){.modal-xl.ticket-detail-modal{width:100vw;max-width:100vw}.ticket-detail-modal .modal-header{padding:6px 12px;min-height:36px}.ticket-detail-modal .modal-title{font-size:16px}.ticket-detail-modal .modal-close{width:28px;height:28px}.ticket-detail-modal .sidebar-section,.ticket-detail-modal .details-sidebar{max-height:180px;padding:8px}.ticket-detail-modal .chat-section{height:calc(100% - 180px)}.ticket-detail-modal .messages-list{padding:6px}.ticket-detail-modal .reply-section{height:80px;min-height:80px;padding:6px}}.ticket-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 0 1px;background-color:#2563eb;color:#fff;font-size:11px;font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);line-height:1;flex-shrink:0;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.ticket-unread-title{font-weight:var(--font-weight-semibold);position:relative}.ticket-unread-title:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary-500),transparent);animation:shimmer 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes shimmer{0%,to{opacity:.6}50%{opacity:1}}@media(max-width:768px){.ticket-unread-badge{min-width:18px;height:18px;padding:0 4px;font-size:10px}}@media(max-width:480px){.ticket-unread-badge{min-width:16px;height:16px;padding:0 3px;font-size:9px}}.create-ticket-page{min-height:100vh}.create-ticket-page .page-container{padding:0 var(--spacing-4)}.create-ticket-page .page-header{text-align:center;margin-bottom:var(--spacing-8)}.create-ticket-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-6);padding:20px}[data-theme=dark] .create-ticket-card{background:var(--color-bg-secondary);border-color:var(--color-border-strong)}.ticket-form{display:flex;flex-direction:column;gap:var(--spacing-6);width:100%}.create-ticket-card{width:100%;max-width:100%;box-sizing:border-box}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-4)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.form-label .required{color:var(--color-error);margin-left:var(--spacing-1)}.form-input,.form-select,.form-textarea{font-size:var(--font-size-base);background:var(--color-bg);color:var(--color-text)}.form-input.error,.form-select.error,.form-textarea.error{border:1px solid var(--color-error);box-shadow:none!important;outline:none;transition:border-color .2s ease;border-radius:var(--radius-md)}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus{border:1px solid var(--color-error);box-shadow:none!important;outline:none}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus,[data-theme=dark] .form-textarea:focus{box-shadow:0 0 0 3px #3b82f633}.form-textarea{resize:vertical;min-height:120px;font-family:inherit;line-height:1.5}.file-upload-area{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-6);text-align:center;cursor:pointer;transition:all .2s ease;background:var(--color-bg)}[data-theme=dark] .file-upload-area{background:var(--color-surface);border-color:var(--color-border-strong)}.file-upload-area:hover{border-color:var(--color-primary);background:#3b82f605}.file-upload-area.dragging{border-color:var(--color-primary);background:#3b82f60d;transform:scale(1.02)}.file-upload-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4)}.file-upload-icon{width:48px;height:48px;color:var(--color-text-tertiary);transition:color .2s ease}.file-upload-area:hover .file-upload-icon,.file-upload-area.dragging .file-upload-icon{color:var(--color-primary)}.file-upload-icon svg{width:100%;height:100%}.file-upload-text{max-width:400px}.file-upload-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text);margin:0 0 var(--spacing-1)}.file-upload-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.4}.file-input{display:none}.attachments-preview{margin-top:var(--spacing-4)}.attachments-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text);margin:0 0 var(--spacing-3)}.attachments-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.attachment-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);transition:all .2s ease}[data-theme=dark] .attachment-item{background:var(--color-bg);border-color:var(--color-border-strong)}.attachment-item:hover{border-color:var(--color-border-hover);background:var(--color-bg)}[data-theme=dark] .attachment-item:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.attachment-info{display:flex;align-items:center;gap:var(--spacing-3);flex:1;min-width:0}.attachment-icon{width:32px;height:32px;color:var(--color-text-tertiary);flex-shrink:0}.attachment-icon svg{width:100%;height:100%}.attachment-details{flex:1;min-width:0}.attachment-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-size{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.attachment-remove{width:32px;height:32px;border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.attachment-remove svg{width:16px;height:16px}.form-group .error-message{display:block;margin-top:var(--spacing-1);color:var(--color-error);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:none;border:none;padding:0}.file-errors{margin-top:var(--spacing-4);padding:var(--spacing-3);background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md)}[data-theme=dark] .file-errors{background:#ef44441a;border-color:#ef44444d}.error-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-error);margin:0 0 var(--spacing-2)}.file-error{display:flex;flex-direction:column;gap:var(--spacing-1);margin-bottom:var(--spacing-2);padding-bottom:var(--spacing-2);border-bottom:1px solid rgba(239,68,68,.1)}.file-error:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.error-file-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-error)}.file-error .error-message{font-size:var(--font-size-xs);color:var(--color-error);opacity:.8}.upload-spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top:2px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--color-border)}.error-message{padding:var(--spacing-4);background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);margin-bottom:var(--spacing-4)}.error-message p{color:var(--color-error);margin:0;font-size:var(--font-size-sm)}@media(max-width:768px){.create-ticket-page .page-container{padding:0 var(--spacing-3)}.create-ticket-page .page-header{margin-bottom:var(--spacing-6);text-align:left}.form-grid{grid-template-columns:1fr;gap:var(--spacing-3)}.ticket-form{gap:var(--spacing-4)}.file-upload-area{padding:var(--spacing-6)}.file-upload-content{gap:var(--spacing-3)}.file-upload-icon{width:40px;height:40px}.file-upload-text{max-width:100%}.form-actions{flex-direction:column;padding-top:var(--spacing-4)}.attachment-item{padding:var(--spacing-2)}.attachment-info{gap:var(--spacing-2)}.attachment-icon,.attachment-remove{width:28px;height:28px}}@media(max-width:480px){.create-ticket-page .page-container{padding:0 var(--spacing-2)}.file-upload-area{padding:var(--spacing-4)}.file-upload-icon{width:32px;height:32px}.form-input,.form-select,.form-textarea{padding:var(--spacing-2)}.attachment-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.attachment-info{width:100%}.attachment-remove{align-self:flex-end}}.user-management-modal{padding:1rem}.user-management-error{background:var(--color-error-bg, #fee2e2);border:1px solid var(--color-error-border, #fecaca);color:var(--color-error-text, #991b1b);padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;line-height:1.5}.user-management-description{color:var(--color-text-secondary, #64748b);margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.user-management-loading{text-align:center;padding:2rem;color:var(--color-text-secondary, #64748b)}.user-management-empty{text-align:center;padding:2rem;color:var(--color-text-secondary, #64748b);background:var(--color-bg-secondary, #f8fafc);border-radius:8px}.user-management-stats{display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:1rem;background:#f8fafc;border-radius:8px}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.85rem;color:#64748b;font-weight:500}.stat-value{font-size:1.25rem;font-weight:600;color:#1e293b}.stat-value.warning{color:#dc3545}.user-management-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;background:var(--color-bg-tertiary, #f1f5f9);border-radius:8px;flex-wrap:wrap}.select-all-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--color-text-primary, #1e293b);cursor:pointer;user-select:none;-webkit-user-select:none}.select-all-label input[type=checkbox],.user-select-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary-600, #2563eb);cursor:pointer}.bulk-actions{display:flex;gap:.5rem;flex-wrap:wrap}.bulk-btn{min-width:150px}.bulk-deactivate-btn{border-color:#f59e0b;color:#f59e0b}.bulk-deactivate-btn:hover{background:#fef3c7;border-color:#d97706;color:#d97706}.bulk-delete-btn{background:#dc3545;border-color:#dc3545}.bulk-delete-btn:hover{background:#c82333;border-color:#bd2130}.user-management-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto;margin-bottom:1.5rem}.user-management-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--color-bg-primary, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:8px;transition:all .2s ease}.user-management-item:hover{border-color:var(--color-border-hover, #cbd5e1);box-shadow:0 2px 4px #0000000d}.user-management-item-selected{border-color:var(--color-primary-500, #2563eb);background:var(--color-primary-50, #eff6ff);box-shadow:0 0 0 1px var(--color-primary-300, #93c5fd)}[data-theme=dark] .user-management-error{background:#7f1d1d;border-color:#991b1b;color:#fecaca}[data-theme=dark] .user-management-description,[data-theme=dark] .user-management-loading{color:#94a3b8}[data-theme=dark] .user-management-empty{color:#94a3b8;background:#1e293b}[data-theme=dark] .user-management-toolbar{background:#1e293b}[data-theme=dark] .select-all-label{color:#f1f5f9}[data-theme=dark] .user-management-item{background:#1e293b;border-color:#334155}[data-theme=dark] .user-management-item:hover{border-color:#475569}[data-theme=dark] .user-management-item-selected{background:#1e3a5f;border-color:#3b82f6}[data-theme=dark] .user-name{color:#f1f5f9}[data-theme=dark] .user-email{color:#94a3b8}[data-theme=dark] .user-management-footer{border-top-color:#334155}[data-theme=dark] .user-management-list::-webkit-scrollbar-track{background:#1e293b}[data-theme=dark] .user-management-list::-webkit-scrollbar-thumb{background:#475569}[data-theme=dark] .user-management-list::-webkit-scrollbar-thumb:hover{background:#64748b}.user-select-checkbox{display:flex;align-items:center;flex-shrink:0;cursor:pointer;padding-right:.5rem}.user-info{display:flex;align-items:center;gap:1rem;flex:1}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem;flex-shrink:0}.user-details{display:flex;flex-direction:column;gap:.25rem;min-width:0}.user-name{font-weight:600;color:var(--color-text-primary, #1e293b);font-size:.95rem}.user-email{font-size:.85rem;color:var(--color-text-secondary, #64748b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{margin-top:.25rem}.user-actions{display:flex;gap:.5rem;flex-shrink:0}.action-btn{min-width:90px}.delete-btn{background:#dc3545;border-color:#dc3545}.delete-btn:hover{background:#c82333;border-color:#bd2130}.user-management-footer{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid #e2e8f0}.user-management-list::-webkit-scrollbar{width:6px}.user-management-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.user-management-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.user-management-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.billing-page{display:flex;flex-direction:column;gap:var(--spacing-5)}.deactivate-btn{border-color:#f59e0b;color:#f59e0b}.deactivate-btn:hover{background:#fef3c7;border-color:#d97706;color:#d97706}.billing-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-3)}.billing-subscription-section{padding:var(--spacing-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.billing-subscription-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border)}.billing-subscription-header h3{margin:0;color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.billing-subscription-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.billing-subscription-detail{display:flex;flex-direction:column;gap:var(--spacing-1)}.billing-subscription-detail label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.billing-subscription-detail span{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.billing-subscription-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-3);padding-top:var(--spacing-4);border-top:1px solid var(--color-border)}.billing-cancel-button{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-danger-300);border-radius:var(--radius-md);background:var(--color-danger-50);color:var(--color-danger-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.billing-cancel-button:hover{background:var(--color-danger-100);border-color:var(--color-danger-400)}.billing-cancel-button:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .billing-subscription-section{background:#ffffff08;border-color:var(--color-border)}[data-theme=dark] .billing-subscription-header,[data-theme=dark] .billing-subscription-actions{border-color:var(--color-border)}[data-theme=dark] .billing-cancel-button{background:#ef44441a;border-color:#ef44444d;color:var(--color-danger-400)}[data-theme=dark] .billing-cancel-button:hover{background:#ef444433;border-color:#ef444466}.billing-summary-item{min-height:82px;padding:var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);display:flex;flex-direction:column;justify-content:space-between;align-items:center}.billing-summary-item span{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.billing-summary-item strong{color:var(--color-text);font-size:var(--font-size-3xl);line-height:1}.billing-section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.billing-section-header h2,.billing-plans-heading h2{margin:0;color:var(--color-text)}.billing-section-header h2{font-size:var(--font-size-xl)}.billing-section-header p,.billing-plans-heading p{margin:var(--spacing-1) 0 0;color:var(--color-text-secondary)}.billing-status-filter{min-width:190px}.billing-users-table{max-height:360px;overflow:auto}.billing-user-name{font-weight:var(--font-weight-semibold);color:var(--color-text)}.billing-user-email{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.billing-plans-section{display:flex;flex-direction:column;gap:var(--spacing-5)}.billing-plans-heading{max-width:640px}.billing-plans-heading span{display:inline-flex;align-items:center;height:24px;padding:0 var(--spacing-3);border:1px solid var(--color-primary-200);border-radius:var(--radius-full);background:var(--color-primary-50);color:var(--color-primary-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase}.billing-plans-heading h2{max-width:520px;margin-top:var(--spacing-3);font-size:var(--font-size-4xl);line-height:var(--line-height-tight)}.billing-plans-grid{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:var(--spacing-4);max-width:1000px;margin:0 auto;padding:var(--spacing-4) 0}.invite-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-group label{font-weight:var(--font-weight-semibold);color:var(--color-text);font-size:var(--font-size-sm)}.form-help{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.form-error{padding:var(--spacing-3);border:1px solid var(--color-danger-500);border-radius:var(--radius-md);background:var(--color-danger-50);color:var(--color-danger-700);font-size:var(--font-size-sm)}.invite-success{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-6);text-align:center}.invite-success p{font-size:var(--font-size-base);color:var(--color-text);margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);width:100%}[data-theme=dark] .form-error{background:#ef44441f}.billing-payment-notice-fixed{position:fixed;bottom:var(--spacing-6);right:var(--spacing-6);max-width:400px;padding:var(--spacing-4);border:1px solid var(--color-warning-500);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);box-shadow:0 10px 40px #0003;z-index:1000;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notice-close{position:absolute;top:var(--spacing-2);right:var(--spacing-2);width:24px;height:24px;border:none;background:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-lg);line-height:1;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all .2s ease}.notice-close:hover{background:var(--color-bg-secondary);color:var(--color-text)}.billing-plan-card{position:relative;min-height:420px;padding:var(--spacing-6);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:linear-gradient(145deg,rgba(99,102,241,.03),var(--color-surface));color:var(--color-text);text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-3);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.billing-plan-card:hover{border-color:var(--color-primary-500);box-shadow:0 20px 40px #2563eb33;transform:translateY(-6px)}.billing-plan-popular{border:1px solid var(--color-border);background:linear-gradient(145deg,rgba(37,99,235,.05),var(--color-surface));box-shadow:0 8px 16px #2563eb26;transform:scale(1.02)}.billing-plan-popular:hover{transform:scale(1.02) translateY(-6px);box-shadow:0 20px 40px #0000001a}.billing-plan-active{border:2px solid #10b981;background:linear-gradient(145deg,rgba(16,185,129,.05),var(--color-surface));box-shadow:0 8px 16px #10b98126}.billing-plan-active:hover{border-color:#10b981;box-shadow:0 24px 48px #10b98140}.billing-plan-dark .billing-plan-cta{background:var(--color-gray-900);color:#fff}.billing-plan-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);height:28px;min-width:120px;padding:0 var(--spacing-4);border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;display:inline-flex;text-align:center;align-items:center;justify-content:center;font-size:11px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #2563eb4d}.billing-plan-ribbon{position:absolute;top:2px;right:-10px;z-index:3}.billing-plan-ribbon-label{display:inline-flex;align-items:center;gap:6px;padding:6px 14px 6px 10px;border-radius:var(--radius-full) 0 0 var(--radius-full);background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:11px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #d9770659}.billing-plan-ribbon-corner{position:absolute;right:0;bottom:-8px;width:0;height:0;border-left:8px solid transparent;border-right:0 solid transparent;border-top:8px solid #b45309}[data-theme=dark] .billing-plan-ribbon-label{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #d9770673}.billing-plan-icon{width:40px;height:40px;border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);color:var(--color-primary-700);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.billing-plan-popular .billing-plan-icon{background:var(--color-primary-600);color:#fff}.billing-plan-name{color:var(--color-primary-700);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-1)}.billing-plan-ribbon+.billing-plan-name{padding-right:90px}.billing-plan-tagline{min-height:40px;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-2)}.billing-plan-price-row{display:flex;align-items:baseline;gap:var(--spacing-2);min-height:48px;margin:var(--spacing-2) 0;padding:var(--spacing-3) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.billing-plan-price-row strong{font-size:var(--font-size-5xl);line-height:1;font-weight:var(--font-weight-bold);color:var(--color-text)}.billing-plan-price-row span{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.billing-plan-features{display:flex;flex-direction:column;gap:var(--spacing-3);flex:1;margin-top:var(--spacing-2)}.billing-plan-feature{display:grid;grid-template-columns:20px minmax(0,1fr);gap:var(--spacing-2);color:var(--color-text);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);align-items:start}.billing-plan-feature span:first-child{color:var(--color-primary-600);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);line-height:1;padding-top:2px}.billing-plan-cta{width:100%;min-height:48px;padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-xl);background:linear-gradient(135deg,#4f46e5,#6366f1,#818cf8);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:1px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 6px -1px #4f46e533,0 2px 4px -1px #4f46e51a,inset 0 1px #fff3;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.billing-plan-cta:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.billing-plan-cta:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:rotate(45deg) translate(-100%);transition:transform .6s ease}.billing-plan-cta:hover:before{opacity:1}.billing-plan-cta:hover:after{transform:rotate(45deg) translate(100%)}.billing-plan-cta:hover{background:linear-gradient(135deg,#4338ca,#4f46e5,#6366f1);box-shadow:0 10px 25px -5px #4f46e566,0 8px 10px -6px #4f46e54d,inset 0 1px #ffffff4d;transform:translateY(-3px) scale(1.02);border-color:#fff3}.billing-plan-cta:active{transform:translateY(-1px) scale(.98);box-shadow:0 4px 6px -1px #4f46e54d,0 2px 4px -1px #4f46e533}.billing-plan-cta:focus{outline:none;box-shadow:0 0 0 4px #4f46e54d,0 4px 6px -1px #4f46e533,0 2px 4px -1px #4f46e51a}.billing-view-features-link{width:100%;padding:0;border:none;background:none;color:var(--color-primary-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease;margin-top:var(--spacing-2);text-decoration:none;text-align:center}.billing-view-features-link:hover{color:var(--color-primary-700);text-decoration:underline}.billing-plan-metrics{display:flex;flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-border)}.billing-metric-item{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text)}.metric-icon{font-size:var(--font-size-base);flex-shrink:0}.billing-plan-card:hover .billing-plan-cta{background:linear-gradient(135deg,#4338ca,#4f46e5,#6366f1);box-shadow:0 10px 25px -5px #4f46e566,0 8px 10px -6px #4f46e54d,inset 0 1px #ffffff4d;transform:translateY(-3px) scale(1.02);border-color:#fff3}.billing-plan-dark .billing-plan-cta{background:linear-gradient(135deg,#4f46e5,#6366f1,#818cf8);box-shadow:0 4px 6px -1px #4f46e533,0 2px 4px -1px #4f46e51a,inset 0 1px #fff3;border:1px solid rgba(255,255,255,.1)}.billing-plan-dark:hover .billing-plan-cta,.billing-plan-card.billing-plan-muted:hover .billing-plan-cta{background:linear-gradient(135deg,#4338ca,#4f46e5,#6366f1);box-shadow:0 10px 25px -5px #4f46e566,0 8px 10px -6px #4f46e54d,inset 0 1px #ffffff4d;transform:translateY(-3px) scale(1.02);border-color:#fff3}.stripe-payment-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.stripe-payment-summary{padding:var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3)}.stripe-payment-summary span{color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.stripe-payment-summary strong{color:var(--color-text);font-size:var(--font-size-xl)}.stripe-payment-summary small{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal)}.billing-card-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-3)}.billing-payment-notice{padding:var(--spacing-3);border:1px solid var(--color-warning-500);border-radius:var(--radius-md);background:var(--color-warning-50);color:var(--color-warning-700);font-size:var(--font-size-sm)}.stripe-payment-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding-top:var(--spacing-2)}[data-theme=dark] .billing-plan-muted .billing-plan-cta,[data-theme=dark] .billing-plan-dark .billing-plan-cta{background:var(--color-primary-600)}[data-theme=dark] .billing-payment-notice{background:#f59e0b1f}@media(max-width:1200px){.billing-plans-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}}@media(max-width:768px){.billing-summary-grid,.billing-plans-grid,.billing-card-fields{grid-template-columns:1fr}.billing-section-header{align-items:stretch;flex-direction:column}.billing-status-filter{width:100%}.billing-plans-heading h2{font-size:var(--font-size-3xl)}.stripe-payment-actions{flex-direction:column-reverse}.stripe-payment-actions .btn{width:100%}}.subscription-modal-content{display:flex;flex-direction:column;gap:var(--spacing-5)}.subscription-plan-summary{padding:var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary)}.subscription-plan-summary h3{margin:0 0 var(--spacing-2);color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.subscription-price{margin:0;color:var(--color-text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.subscription-price span{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal)}.subscription-seats-selector{display:flex;flex-direction:column;gap:var(--spacing-3)}.subscription-seats-selector label{font-weight:var(--font-weight-semibold);color:var(--color-text);font-size:var(--font-size-sm)}.seats-control{display:flex;align-items:center;gap:var(--spacing-3)}.seats-button{width:40px;height:40px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.seats-button:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-primary-500)}.seats-button:disabled{opacity:.5;cursor:not-allowed}.seats-input{flex:1;max-width:80px;padding:var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);text-align:center}.seats-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #2563eb1a}.subscription-coupon-section{display:flex;flex-direction:column;gap:var(--spacing-2)}.subscription-coupon-section label{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.coupon-input{width:100%;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-base);text-transform:uppercase;outline:none;transition:all .2s ease}.coupon-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #2563eb1a}.coupon-input::placeholder{text-transform:none;color:var(--color-text-secondary)}[data-theme=dark] .coupon-input{background:#ffffff0d;border-color:var(--color-border)}[data-theme=dark] .coupon-input:focus{border-color:var(--color-primary-400)}.subscription-preview{padding:var(--spacing-4);border:1px solid var(--color-primary-200);border-radius:var(--radius-lg);background:var(--color-primary-50);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3)}.preview-label{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.preview-amount{margin:0;color:var(--color-primary-700);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.subscription-modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding-top:var(--spacing-2)}[data-theme=dark] .subscription-preview{background:#2563eb1a;border-color:var(--color-primary-700)}[data-theme=dark] .preview-amount{color:var(--color-primary-400)}.plan-change-content{padding:16px 0}.plan-change-details{margin:20px 0;padding:16px;background:var(--color-gray-50);border-radius:8px}.plan-change-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--color-border)}.plan-change-item:last-child{border-bottom:none}.plan-change-item span{color:var(--color-gray-600)}.plan-change-item strong{color:var(--color-gray-900)}[data-theme=dark] .plan-change-details{background:#ffffff0d;border-color:var(--color-border)}[data-theme=dark] .plan-change-item span{color:var(--color-gray-400)}[data-theme=dark] .plan-change-item strong{color:var(--color-gray-100)}.features-modal-content{display:flex;flex-direction:column;gap:var(--spacing-5)}.features-modal-header{padding:var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);text-align:center}.features-modal-header h3{margin:0 0 var(--spacing-2);color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.features-modal-tagline{margin:0 0 var(--spacing-2);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.features-modal-price{margin:0;color:var(--color-text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.features-modal-price span{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal)}.features-modal-metrics{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary)}.features-metric-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius-md);background:var(--color-surface)}.features-metric-icon{font-size:var(--font-size-xl);flex-shrink:0}.features-metric-text{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.features-modal-list{display:flex;flex-direction:column;gap:var(--spacing-3);max-height:400px;overflow-y:auto;padding:var(--spacing-2)}.features-modal-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:all .2s ease}.features-modal-item:hover{background:var(--color-bg-secondary);border-color:var(--color-primary-300)}.features-modal-check{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);background:var(--color-primary-100);color:var(--color-primary-600);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);flex-shrink:0}.features-modal-text{color:var(--color-text);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}[data-theme=dark] .features-modal-header{background:#ffffff0d}[data-theme=dark] .features-modal-item{background:#ffffff08}[data-theme=dark] .features-modal-item:hover{background:#ffffff14}[data-theme=dark] .features-modal-check{background:#2563eb33;color:var(--color-primary-400)}[data-theme=dark] .features-modal-metrics{background:#ffffff0d}[data-theme=dark] .features-metric-item{background:#ffffff08}.features-modal-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-4);padding:var(--spacing-2)}.features-category-section{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);transition:all .2s ease;min-height:200px}.features-category-section:hover{border-color:var(--color-primary-300);background:var(--color-bg-secondary)}.features-category-header{display:flex;align-items:center;gap:var(--spacing-3);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border)}.features-category-icon{font-size:var(--font-size-2xl);flex-shrink:0}.features-category-label{margin:0;color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.features-category-list{display:flex;flex-direction:column;gap:var(--spacing-2)}[data-theme=dark] .features-category-section{background:#ffffff08}[data-theme=dark] .features-category-section:hover{background:#ffffff14}[data-theme=dark] .features-category-header{border-color:var(--color-border)}:root,html[data-theme=light],body[data-theme=light]{color-scheme:light!important;--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-success-50: #f0fdf4;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #15803d;--color-warning-50: #fffbeb;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-danger-50: #fef2f2;--color-danger-500: #ef4444;--color-danger-600: #dc2626;--color-danger-700: #b91c1c;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-bg: #ffffff;--color-bg-secondary: var(--color-gray-50);--color-bg-tertiary: var(--color-gray-100);--color-text: var(--color-gray-900);--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-600);--color-text-muted: var(--color-gray-400);--color-border: var(--color-gray-200);--color-border-strong: var(--color-gray-300);--color-surface: var(--color-bg);--color-surface-hover: var(--color-bg-secondary);--color-card-background: var(--color-surface);--color-border-hover: var(--color-border-strong);--color-primary: var(--color-primary-600);--color-primary-light: var(--color-primary-100);--color-success: var(--color-success-500);--color-warning: var(--color-warning-500);--color-error: var(--color-danger-500);--color-danger: var(--color-danger-500);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--spacing-0: var(--space-0);--spacing-1: var(--space-1);--spacing-2: var(--space-2);--spacing-3: var(--space-3);--spacing-4: var(--space-4);--spacing-5: var(--space-5);--spacing-6: var(--space-6);--spacing-8: var(--space-8);--spacing-10: var(--space-10);--spacing-12: var(--space-12);--spacing-16: var(--space-16);--spacing-20: var(--space-20);--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--sidebar-width: 260px;--sidebar-collapsed-width: 64px;--topbar-height: 64px;--container-max: 1280px;--z-tooltip: 700;--scrollbar-thumb: var(--color-gray-300);--scrollbar-track: var(--color-bg-secondary)}[data-theme=dark],html[data-theme=dark],body[data-theme=dark]{color-scheme:dark!important;--color-bg: #111827;--color-bg-secondary: #1f2937;--color-bg-tertiary: #374151;--color-text: #f9fafb;--color-text-primary: #f9fafb;--color-text-secondary: #d1d5db;--color-text-muted: #9ca3af;--color-border: #374151;--color-border-strong: #4b5563;--color-surface: var(--color-bg);--color-surface-hover: var(--color-bg-secondary);--color-card-background: #1f2937;--color-border-hover: var(--color-border-strong);--color-primary-50: rgba(37, 99, 235, .15);--color-primary-100: rgba(37, 99, 235, .25);--color-primary-700: #60a5fa;--scrollbar-thumb: var(--color-gray-600);--scrollbar-track: var(--color-bg-secondary)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{min-height:100vh;line-height:var(--line-height-normal);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}button,[role=button]{-webkit-user-select:none;user-select:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.m-0{margin:var(--space-0)}.m-2{margin:var(--space-2)}.m-4{margin:var(--space-4)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-2{margin-left:var(--space-2)}.ml-4{margin-left:var(--space-4)}.mr-2{margin-right:var(--space-2)}.mr-4{margin-right:var(--space-4)}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:var(--space-0)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--color-primary-600)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success-600)}.text-warning{color:var(--color-warning-600)}.text-danger{color:var(--color-danger-600)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.border{border:1px solid var(--color-border)}.border-t{border-top:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.bg-white{background-color:#fff}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.bg-primary{background-color:var(--color-primary-500)}.bg-success{background-color:var(--color-success-500)}.bg-warning{background-color:var(--color-warning-500)}.bg-danger{background-color:var(--color-danger-500)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.opacity-50{opacity:.5}.opacity-75{opacity:.75}@media(max-width:767px){.md\:hidden{display:none}}@media(min-width:768px){.hidden-md{display:none}.md\:flex{display:flex}.md\:block{display:block}}@media(min-width:1024px){.lg\:hidden,.hidden-lg{display:none}.lg\:flex{display:flex}.lg\:block{display:block}}.form{display:flex;flex-direction:column;gap:var(--spacing-4)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-1)}.form-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}@media(max-width:480px){.form-row{grid-template-columns:1fr}}.form-textarea{width:100%;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-base);font-family:inherit;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);resize:vertical;min-height:80px;transition:border-color .15s ease,box-shadow .15s ease}.form-textarea:focus{outline:none;border-color:var(--color-primary)}.form-textarea::placeholder{color:var(--color-text-muted)}.form-checkbox-label{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);cursor:pointer}.form-checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}.form-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end;margin-top:var(--spacing-2)}.form-error{padding:var(--spacing-3);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm)}.form-success{padding:var(--spacing-3);background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md);color:var(--color-success);font-size:var(--font-size-sm)}.color-picker{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.color-option{width:28px;height:28px;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.color-option:hover{transform:scale(1.1)}.color-option.active{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.priority-low{color:var(--color-text-secondary)}.priority-medium{color:var(--color-warning)}.priority-high{color:var(--color-error)}.priority-urgent{color:var(--color-error);font-weight:600}.page-filters,.filter-bar,.tasks-filters,.reports-top-filter-bar,.invoice-filters-row{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-bottom:var(--spacing-4);align-items:flex-end}.page-filters .filter-group,.filter-bar .filter-group,.reports-top-filter-bar .filter-group,.invoice-filters-row .filter-group{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:fit-content}.page-filters .filter-group span,.filter-bar .filter-group span{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);white-space:nowrap}.page-filters .search-input{flex:1;max-width:300px}.page-filters .status-filter{width:200px;min-width:200px;max-width:200px;flex:0 0 auto}.page-filters .client-filter{width:240px;min-width:240px;max-width:240px;flex:0 0 auto}.page-filters .filter-select-small,.filter-bar .filter-select-small,.tasks-filters .filter-select-small{width:160px;min-width:160px;max-width:160px;flex:0 0 auto}.page-filters .btn-end,.tasks-filters .btn-end,.filter-bar .btn-end,.invoice-filters-row .btn-end{margin-left:auto}@media(max-width:768px){.page-filters,.filter-bar,.tasks-filters,.reports-top-filter-bar,.invoice-filters-row{flex-direction:column;align-items:stretch}.page-filters .search-input{max-width:none;width:100%}.page-filters .status-filter,.page-filters .client-filter,.page-filters .filter-select,.filter-bar .filter-select,.filter-bar .filter-select-small,.tasks-filters .select-wrapper,.tasks-project-select,.invoice-filters-row .invoice-filter-select,.filter-group .dtp-wrapper{width:100%!important;max-width:none!important;min-width:0!important;flex:none}.page-filters .btn-end,.tasks-filters .btn-end,.filter-bar .btn-end,.invoice-filters-row .btn-end{margin-left:0;width:auto;align-self:flex-start}}.page-table-container,.time-tracking-table-container,.invitation-table-container,.tickets-table-container{overflow-x:auto!important;overflow-y:auto!important;max-height:260px;-webkit-overflow-scrolling:touch;margin-bottom:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);position:relative;z-index:10}.page-table-container .table,.time-tracking-table-container .table,.invitation-table-container .table,.tickets-table-container .table{width:100%;min-width:800px;border-collapse:collapse}.page-table-container .table-container,.time-tracking-table-container .table-container,.invitation-table-container .table-container,.tickets-table-container .table-container{overflow:visible!important;border:none!important;background:transparent!important}.page-table-container thead th,.time-tracking-table-container thead th,.invitation-table-container thead th,.tickets-table-container thead th{position:sticky;top:0;z-index:20;background-color:var(--color-surface);box-shadow:inset 0 -1px 0 var(--color-border)}[data-theme=dark] .page-table-container thead th,[data-theme=dark] .time-tracking-table-container thead th,[data-theme=dark] .invitation-table-container thead th,[data-theme=dark] .tickets-table-container thead th{background-color:var(--color-surface);box-shadow:inset 0 -1px 0 var(--color-border-strong)}.page-table-container .table-cell,.page-table-container .table-head,.time-tracking-table-container .table-cell,.time-tracking-table-container .table-head,.invitation-table-container .table-cell,.invitation-table-container .table-head,.tickets-table-container .table-cell,.tickets-table-container .table-head{border-right:none!important;border-left:none!important}@media(max-width:640px){.page-table-container,.time-tracking-table-container,.invitation-table-container,.tickets-table-container{max-height:280px;border-radius:var(--radius-md)}}.page-pagination{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-3)}.page-pagination .pagination-info,.pagination-info{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.page-pagination .pagination-total,.pagination-total{margin-left:var(--spacing-2);color:var(--color-text-muted)}.page-pagination .pagination-buttons,.pagination-buttons{display:flex;gap:var(--spacing-2)}@media(max-width:480px){.page-pagination{flex-direction:column;column-gap:var(--spacing-3);text-align:center;row-gap:6px}}.badge{display:inline-flex;align-items:center;padding:0 8px;border-radius:12px;font-size:12px;font-weight:600;line-height:1.5;text-transform:uppercase;letter-spacing:.5px}.badge.status-open{background:#3b82f61a;color:#2563eb}.badge.status-pending{background:#facc151a;color:#ca8a04}.badge.status-resolved{background:#22c55e1a;color:#16a34a}.badge.status-closed{background:#6b72801a;color:#6b7280}.badge.status-in-progress{background:#fb923c1a;color:#ea580c}.badge.priority-low{background:#6b72801a;color:#6b7280}.badge.priority-medium{background:#3b82f61a;color:#2563eb}.badge.priority-high{background:#fb923c1a;color:#ea580c}.badge.priority-urgent{background:#ef44441a;color:#ef4444}.clickable-row{cursor:pointer;transition:background-color .15s ease}.clickable-row:hover{background-color:var(--color-surface-hover)}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-1);color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);transition:color .15s ease}.back-link:hover{color:var(--color-primary-600, var(--color-primary))}.back-link svg{flex-shrink:0}.dropdown{position:relative;display:inline-block}.dropdown-menu-portal{position:fixed;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:9999;min-width:140px;max-height:250px;overflow-y:auto;padding:var(--spacing-1) 0}.dropdown-menu-portal.open-upwards{transform:translateY(-100%)}.dropdown-item{display:block;width:100%;padding:var(--spacing-2) var(--spacing-3);border:none;background:none;text-align:left;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text);white-space:nowrap;transition:background-color .1s ease}.dropdown-item:hover:not(:disabled){background-color:var(--color-primary-50);color:var(--color-primary-700)}.dropdown-item:disabled{cursor:not-allowed;opacity:.5}.btn-icon-danger:hover{background:#ef44441a;color:var(--color-error)}.btn-icon-sm{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-muted);transition:all .15s ease}.btn-icon-sm:hover{background:var(--color-surface-hover);color:var(--color-text)}.btn-icon-sm.btn-icon-danger:hover{background:#ef44441a;color:var(--color-error)}.modal-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end;margin-top:var(--spacing-2)}.custom-logo-auth{height:60px;width:auto;object-fit:contain;transition:all var(--transition-fast)}[data-theme=dark] .custom-logo-auth{display:none}.custom-logo-auth-dark{height:56px;width:auto;object-fit:contain;display:none}[data-theme=dark] .custom-logo-auth-dark{display:block}@media(max-width:768px){.custom-logo-auth,.custom-logo-auth-dark{height:48px}}@media(max-width:480px){.custom-logo-auth,.custom-logo-auth-dark{height:36px}}.scrollable-text{max-width:100%;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.scrollable-text::-webkit-scrollbar{height:3px}.scrollable-text::-webkit-scrollbar-thumb{background:#9ca3af66;border-radius:3px}.scrollable-text::-webkit-scrollbar-track{background:transparent}html,body,#root{min-height:100vh;overflow-x:hidden}html,body,#root,.page-container,.card,.sidebar,.topbar,.modal-content,.table-container{transition:background-color .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column}h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}p{margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}a:hover{color:var(--color-primary-600)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=datetime-local],textarea,select{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--color-primary-500);outline:none}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}input:disabled,textarea:disabled,select:disabled{background-color:var(--color-bg-secondary);cursor:not-allowed;opacity:.7}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track, var(--color-bg-secondary))}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, var(--color-gray-300));border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-spin{animation:spin 1s linear infinite}.animate-fade-in{animation:fadeIn var(--transition-normal)}.animate-slide-in{animation:slideIn var(--transition-normal)}