@import"https://fonts.googleapis.com/css2?family=Archia:wght@300;400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;margin:0;padding:0;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;line-height:inherit}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:inherit;font-size:inherit;line-height:inherit}p,span,div{margin:0;padding:0}a{color:inherit;text-decoration:none;background-color:transparent}a:focus{outline:none}strong,b{font-weight:bolder}em,i{font-style:italic}ul,ol{margin:0;padding:0;list-style:none}li{margin:0;padding:0}button,input,optgroup,select,textarea{margin:0;padding:0;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background:transparent;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;text-align:inherit;text-transform:none;overflow:visible}button:focus{outline:none}button::-moz-focus-inner{border:0;padding:0}input{border:none;background:transparent;outline:none;font-family:inherit;font-size:inherit;line-height:inherit}input:focus{outline:none}textarea{border:none;background:transparent;outline:none;font-family:inherit;font-size:inherit;line-height:inherit;resize:vertical;overflow:auto}textarea:focus{outline:none}select{border:none;background:transparent;outline:none;font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer}select:focus{outline:none}table{border-collapse:collapse;border-spacing:0;width:100%}th,td{margin:0;padding:0;text-align:left;vertical-align:top}img,video,canvas,audio,iframe,embed,object{display:block;max-width:100%;height:auto;border:0}img{object-fit:cover;-ms-interpolation-mode:bicubic}svg{display:block;max-width:100%;height:auto;fill:currentColor}hr{margin:0;padding:0;border:none;background:transparent;height:1px}blockquote,q{margin:0;padding:0;quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}:focus{outline:none}:focus-visible{outline:2px solid var(--border-focus, #F76300);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:6px;background:var(--bg-primary, #FFFFFF);color:var(--text-primary, #000000);padding:8px;text-decoration:none;border:2px solid var(--border-focus, #F76300);border-radius:4px;z-index:var(--z-modal, 1000);transition:top var(--transition-normal, .2s ease)}.skip-link:focus{top:6px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html{scroll-behavior:auto}}@media (prefers-contrast: high){*{border-color:ButtonText!important}button{border:1px solid ButtonText!important}}@media print{*,*:before,*:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}:root{--color-primary: #F76300;--color-primary-hover: #E55A00;--color-primary-active: #D94F00;--color-secondary: #FF8533;--color-secondary-hover: #FF751A;--color-secondary-active: #E6660D;--color-border: #e2bd9a;--color-white: #FFFFFF;--color-black: #000000;--color-blue: #2742A8;--color-gray-light: #F8F9FA;--color-gray: #e9ecefd8;--color-gray-medium: #6C757D;--color-gray-dark: #495057;--color-success: #28A745;--color-error: #DC3545;--color-warning: #FFC107;--color-info: #17A2B8;--bg-primary: var(--color-white);--bg-secondary: var(--color-gray-light);--bg-accent: var(--color-primary);--bg-hover: var(--color-gray);--bg-disabled: var(--color-gray);--text-primary: var(--color-black);--text-secondary: var(--color-gray-medium);--text-tertiary: var(--color-gray-dark);--text-disabled: var(--color-gray-medium);--text-inverse: var(--color-white);--text-accent: var(--color-primary);--border-primary: var(--color-gray);--border-accent: var(--color-primary);--border-focus: var(--color-primary);--border-error: var(--color-error);--border-success: var(--color-success);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-xxl: 32px;--border-width-thin: 1px;--border-width-regular: 2px;--border-width-medium: 3px;--border-width-thick: 4px;--radius-small: 4px;--radius-regular: 8px;--radius-large: 12px;--radius-round: 50%;--font-family-primary: "Archia", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: .875rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--line-height-tight: 1.3;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--shadow-md: 0 4px 16px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .2);--shadow-hover: 0 4px 16px rgba(247, 99, 0, .2);--shadow-focus: 0 0 0 3px rgba(247, 99, 0, .3);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--container-max-width: 1200px;--header-height: 64px;--sidebar-width: 280px;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 900;--z-modal: 1000;--z-tooltip: 1100}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0s;--transition-normal: 0s;--transition-slow: 0s}}@media (prefers-contrast: high){:root{--color-gray: #CCCCCC;--color-gray-medium: #555555}}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-family:var(--font-family-primary);font-size:16px;line-height:var(--line-height-relaxed)}body{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-primary);letter-spacing:normal}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-primary);color:var(--text-primary);margin:0 0 var(--spacing-lg) 0;line-height:var(--line-height-tight);font-weight:var(--font-weight-semibold)}h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-xl)}h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:1.4;margin-bottom:var(--spacing-lg)}h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);margin-bottom:var(--spacing-lg)}h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.025em}h5,h6{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}p{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-primary);margin:0 0 var(--spacing-lg) 0}.text-secondary{color:var(--text-secondary);font-weight:var(--font-weight-light)}small,.text-small{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--text-secondary)}a{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);color:var(--text-accent);text-decoration:none;transition:color var(--transition-normal);cursor:pointer}a:hover{color:var(--color-primary-hover);text-decoration:none}ul,ol{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-primary);margin:0 0 var(--spacing-lg) 0;padding-left:var(--spacing-xl)}li{margin-bottom:var(--spacing-sm)}li:last-child{margin-bottom:0}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-regular)}.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-xs{font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.text-sm{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.text-base{font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.text-lg{font-size:var(--font-size-lg);line-height:var(--line-height-normal)}.text-xl{font-size:var(--font-size-xl);line-height:var(--line-height-tight)}.text-2xl{font-size:var(--font-size-2xl);line-height:var(--line-height-tight)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--text-accent)}.text-white{color:var(--text-inverse)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}blockquote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--text-secondary);margin:var(--spacing-xl) 0;padding:var(--spacing-lg) var(--spacing-xl);border-left:var(--border-width-thick) solid var(--border-accent);background-color:var(--bg-secondary);border-radius:var(--radius-regular)}code,pre{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-sm);background-color:var(--bg-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-small);color:var(--text-primary)}pre{padding:var(--spacing-lg);overflow-x:auto;border:var(--border-width-thin) solid var(--border-primary)}@media (max-width: 768px){html{font-size:14px}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}}@media (max-width: 480px){h1{font-size:1.5rem}h2{font-size:1.25rem}p,body{font-size:.875rem}}html{font-size:16px;font-family:var(--font-family-primary)}body{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-primary);background-color:var(--bg-primary);background-image:none;background-attachment:initial}.app{max-width:var(--container-max-width);margin:0 auto;background-color:var(--bg-primary);min-height:100vh;position:relative}main{background-color:var(--bg-primary)}.page{margin-bottom:var(--spacing-xxl);background-color:var(--bg-primary)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-bottom:var(--spacing-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);position:relative;padding-bottom:var(--spacing-md)}h1:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-small)}h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}p{margin-bottom:var(--spacing-lg);color:var(--text-primary);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed)}a{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-normal)}a:hover{color:var(--color-primary-hover)}a:focus{color:var(--color-primary-active);outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-small)}.button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);border:var(--border-width-regular) solid var(--border-primary);border-radius:var(--radius-regular);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:var(--font-family-primary);cursor:pointer;text-decoration:none;text-align:center;transition:all var(--transition-normal);background-color:var(--bg-primary);color:var(--text-primary);gap:var(--spacing-sm);line-height:1;min-height:40px}.button:hover{background-color:var(--bg-hover);border-color:var(--border-accent);transform:translateY(-1px);box-shadow:var(--shadow-md)}.button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.button:focus{outline:none;box-shadow:var(--shadow-focus);border-color:var(--border-focus)}.button.primary{background-color:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-sm)}.button.primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-hover)}.button.primary:active{background-color:var(--color-primary-active);border-color:var(--color-primary-active)}.button.secondary{background-color:var(--bg-primary);color:var(--color-primary);border-color:var(--color-primary)}.button.secondary:hover{background-color:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important;background-color:var(--bg-disabled)!important;color:var(--text-disabled)!important;border-color:var(--border-primary)!important}.button.small{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);min-height:32px}.button.large{padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-base);min-height:48px}.input,.select,.textarea{display:block;width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);font-family:var(--font-family-primary);border:var(--border-width-regular) solid var(--border-primary);border-radius:var(--radius-regular);background-color:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-normal);min-height:40px}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus);background-color:var(--bg-primary)}.input:disabled,.select:disabled,.textarea:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-disabled);color:var(--text-disabled);border-color:var(--border-primary)}.input::placeholder,.textarea::placeholder{color:var(--text-secondary);font-weight:var(--font-weight-regular)}label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-base)}.error-message{background-color:#dc35451a;color:var(--color-error);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-regular);margin:var(--spacing-lg) 0;border-left:var(--border-width-thick) solid var(--color-error);font-weight:var(--font-weight-medium);font-size:var(--font-size-base)}.success-message{background-color:#28a7451a;color:var(--color-success);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-regular);margin:var(--spacing-lg) 0;border-left:var(--border-width-thick) solid var(--color-success);font-weight:var(--font-weight-medium);font-size:var(--font-size-base)}.warning-message{background-color:#ffc1071a;color:var(--color-warning);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-regular);margin:var(--spacing-lg) 0;border-left:var(--border-width-thick) solid var(--color-warning);font-weight:var(--font-weight-medium);font-size:var(--font-size-base)}.info-message{background-color:#17a2b81a;color:var(--color-info);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-regular);margin:var(--spacing-lg) 0;border-left:var(--border-width-thick) solid var(--color-info);font-weight:var(--font-weight-medium);font-size:var(--font-size-base)}.loading{text-align:center;padding:var(--spacing-xxl) 0;color:var(--text-secondary);position:relative;font-weight:var(--font-weight-regular)}.loading:after{content:"...";animation:loading-dots 1.5s infinite}@keyframes loading-dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.features-box{background-color:#f763000d;padding:var(--spacing-xl);border-radius:var(--radius-regular);margin:var(--spacing-xl) 0;border:var(--border-width-thin) solid rgba(247,99,0,.15);position:relative}.features-box:after{content:"";position:absolute;top:0;left:0;width:var(--border-width-thick);height:100%;background:linear-gradient(to bottom,var(--color-primary),var(--color-secondary));border-radius:var(--radius-small) 0 0 var(--radius-small)}.features-box h2{margin-top:0;margin-bottom:var(--spacing-lg);color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.features-box ul{padding-left:var(--spacing-lg);margin:0}.features-box li{margin-bottom:var(--spacing-sm);color:var(--text-primary);position:relative;list-style:none}.features-box li:before{content:"•";color:var(--color-primary);position:absolute;left:calc(-1 * var(--spacing-lg));font-weight:var(--font-weight-bold)}.features-box li:last-child{margin-bottom:0}.employee-panel{min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family-primary);display:flex;flex-direction:column}.main-content{flex:1;background-color:var(--bg-primary);padding:0}.page{min-height:calc(100vh - 180px);padding:var(--spacing-lg);max-width:100%;margin:0 auto;width:100%;background-color:var(--bg-primary)}.page-content{flex:1;background-color:var(--bg-primary)}.page-header{display:flex;flex-direction:row;align-items:flex-start;text-align:left;padding:0 var(--spacing-lg) var(--spacing-lg);border-bottom:var(--border-width-thin) solid var(--border-primary)}.page-title{width:100%;margin:0;color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.page-description{width:100%;margin:var(--spacing-sm) 0 0 0;color:var(--text-secondary);font-weight:var(--font-weight-regular);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}@media (max-width: 768px){.app{padding:0 var(--spacing-md)}.page{padding:var(--spacing-md)}.page-header{padding:0 var(--spacing-md) var(--spacing-md);margin-bottom:var(--spacing-xl)}.page-title,h1{font-size:1.75rem}h2{font-size:1.375rem}.button{width:100%;margin-bottom:var(--spacing-sm)}.features-box{padding:var(--spacing-lg);margin:var(--spacing-lg) 0}}.button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-xl);border:var(--border-width-regular) solid transparent;border-radius:var(--radius-regular);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:var(--font-family-primary);cursor:pointer;text-decoration:none;transition:all var(--transition-normal);line-height:1;gap:var(--spacing-sm);position:relative;overflow:hidden;min-height:40px}.btn-primary{background-color:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.btn-primary:active{background-color:var(--color-primary-active);border-color:var(--color-primary-active);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-primary:focus{outline:none;box-shadow:var(--shadow-focus)}.btn-secondary{background-color:var(--bg-primary);color:var(--color-primary);border-color:var(--color-primary);font-weight:var(--font-weight-medium)}.btn-secondary:hover{background-color:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.btn-secondary:active{background-color:var(--color-primary-active);border-color:var(--color-primary-active);transform:translateY(-1px)}.btn-secondary:focus{outline:none;box-shadow:var(--shadow-focus)}.btn-danger{background-color:var(--color-error);color:var(--text-inverse);border-color:var(--color-error);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.btn-danger:hover{background-color:#c0392b;border-color:#c0392b;transform:translateY(-2px);box-shadow:0 4px 16px #dc35454d}.btn-danger:active{background-color:#a93226;border-color:#a93226;transform:translateY(-1px)}.btn-danger:focus{outline:none;box-shadow:0 0 0 3px #dc35454d}.btn-success{background-color:var(--color-success);color:var(--text-inverse);border-color:var(--color-success);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.btn-success:hover{background-color:#229954;border-color:#229954;transform:translateY(-2px);box-shadow:0 4px 16px #28a7454d}.btn-success:active{background-color:#1e8449;border-color:#1e8449;transform:translateY(-1px)}.btn-success:focus{outline:none;box-shadow:0 0 0 3px #28a7454d}.btn-ghost{background-color:transparent;color:var(--text-secondary);border:none;box-shadow:none}.btn-ghost:hover{background-color:var(--bg-hover);color:var(--text-primary);transform:translateY(-1px)}.btn-ghost:focus{outline:none;background-color:var(--bg-hover);box-shadow:var(--shadow-focus)}.btn-outline{background-color:transparent;color:var(--text-primary);border-color:var(--border-primary)}.btn-outline:hover{background-color:var(--bg-hover);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);gap:var(--spacing-xs);min-height:32px}.btn-md{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);min-height:40px}.btn-lg{padding:var(--spacing-lg) var(--spacing-xxl);font-size:var(--font-size-base);gap:var(--spacing-md);min-height:48px}.btn-full{width:100%}.btn-square{width:40px;height:40px;padding:0;border-radius:var(--radius-regular)}.btn-square.btn-sm{width:32px;height:32px}.btn-square.btn-lg{width:48px;height:48px}.btn-icon{padding:var(--spacing-sm);gap:0}.button:disabled,.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled,.btn-success:disabled,.btn-ghost:disabled,.btn-outline:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important;background-color:var(--bg-disabled)!important;color:var(--text-disabled)!important;border-color:var(--border-primary)!important}.button.loading{pointer-events:none;position:relative}.button.loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:var(--radius-round);animation:button-spinner 1s linear infinite}@keyframes button-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button-group{display:inline-flex;border-radius:var(--radius-regular);overflow:hidden;box-shadow:var(--shadow-sm)}.button-group .button,.button-group .btn-primary,.button-group .btn-secondary,.button-group .btn-outline{border-radius:0;border-right-width:0;box-shadow:none}.button-group .button:first-child,.button-group .btn-primary:first-child,.button-group .btn-secondary:first-child,.button-group .btn-outline:first-child{border-top-left-radius:var(--radius-regular);border-bottom-left-radius:var(--radius-regular)}.button-group .button:last-child,.button-group .btn-primary:last-child,.button-group .btn-secondary:last-child,.button-group .btn-outline:last-child{border-top-right-radius:var(--radius-regular);border-bottom-right-radius:var(--radius-regular);border-right-width:var(--border-width-regular)}.button-group .button:hover,.button-group .btn-primary:hover,.button-group .btn-secondary:hover,.button-group .btn-outline:hover{z-index:1;position:relative;border-right-width:var(--border-width-regular)}.button--default{background-color:var(--bg-primary);color:var(--color-primary);border-color:var(--color-primary);font-weight:var(--font-weight-medium)}.button--default:hover{background-color:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.button--primary{background-color:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.button--primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.button--secondary{background-color:var(--color-secondary);color:var(--text-inverse);border-color:var(--color-secondary);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.button--secondary:hover{background-color:#ff751a;border-color:#ff751a;transform:translateY(-2px);box-shadow:var(--shadow-hover)}.button--danger{background-color:var(--color-error);color:var(--text-inverse);border-color:var(--color-error);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.button--danger:hover{background-color:#c0392b;border-color:#c0392b;transform:translateY(-2px);box-shadow:0 4px 16px #dc35454d}.button--success{background-color:var(--color-success);color:var(--text-inverse);border-color:var(--color-success);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.button--success:hover{background-color:#229954;border-color:#229954;transform:translateY(-2px);box-shadow:0 4px 16px #28a7454d}.button--ghost{background-color:transparent;color:var(--text-secondary);border:none;box-shadow:none}.button--ghost:hover{background-color:var(--bg-hover);color:var(--text-primary);transform:translateY(-1px)}.button--outline{background-color:transparent;color:var(--text-primary);border-color:var(--border-primary)}.button--outline:hover{background-color:var(--bg-hover);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.button--small{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);gap:var(--spacing-xs);min-height:32px}.button--large{padding:var(--spacing-lg) var(--spacing-xxl);font-size:var(--font-size-base);gap:var(--spacing-md);min-height:48px}.button--full{width:100%}@media (max-width: 768px){.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);min-height:44px}.button-group{flex-direction:column}.button-group .button,.button-group .btn-primary,.button-group .btn-secondary{border-radius:0;border-right-width:var(--border-width-regular);border-bottom-width:0}.button-group .button:first-child,.button-group .btn-primary:first-child,.button-group .btn-secondary:first-child{border-radius:var(--radius-regular) var(--radius-regular) 0 0}.button-group .button:last-child,.button-group .btn-primary:last-child,.button-group .btn-secondary:last-child{border-radius:0 0 var(--radius-regular) var(--radius-regular);border-bottom-width:var(--border-width-regular)}.button-group .button:hover,.button-group .btn-primary:hover,.button-group .btn-secondary:hover{border-bottom-width:var(--border-width-regular)}}.form-input,.form-select,.form-textarea{display:block;width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);border:var(--border-width-regular) solid var(--border-primary);border-radius:var(--radius-regular);background-color:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-normal);min-height:40px;line-height:var(--line-height-normal)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus);background-color:var(--bg-primary)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-disabled);color:var(--text-disabled);border-color:var(--border-primary)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-secondary);font-weight:var(--font-weight-regular);opacity:1}.form-input-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);min-height:32px}.form-input-lg{padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-lg);min-height:48px}.form-input-success,.form-select-success,.form-textarea-success{border-color:var(--color-success);box-shadow:0 0 0 3px #28a7451a}.form-input-error,.form-select-error,.form-textarea-error{border-color:var(--color-error);box-shadow:0 0 0 3px #dc35451a}.form-input-warning,.form-select-warning,.form-textarea-warning{border-color:var(--color-warning);box-shadow:0 0 0 3px #ffc1071a}.form-textarea{resize:vertical;min-height:80px;line-height:var(--line-height-relaxed)}.form-textarea-sm{min-height:60px}.form-textarea-lg{min-height:120px}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;background-size:16px 12px;padding-right:var(--spacing-xxl);cursor:pointer}.form-select:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23F76300' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E")}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-base);font-family:var(--font-family-primary);line-height:var(--line-height-normal)}.form-label-required:after{content:" *";color:var(--color-error);font-weight:var(--font-weight-bold)}.form-label-sm{font-size:var(--font-size-sm)}.form-label-lg{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.form-group{margin-bottom:var(--spacing-lg)}.form-group:last-child{margin-bottom:0}.form-group-sm{margin-bottom:var(--spacing-md)}.form-group-lg{margin-bottom:var(--spacing-xl)}.form-help{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary);font-family:var(--font-family-primary);line-height:var(--line-height-normal)}.form-help-success{color:var(--color-success)}.form-help-error{color:var(--color-error)}.form-help-warning{color:var(--color-warning)}.form-error-message{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:#dc35451a;color:var(--color-error);border-radius:var(--radius-regular);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-left:var(--border-width-thick) solid var(--color-error)}.form-success-message{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:#28a7451a;color:var(--color-success);border-radius:var(--radius-regular);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-left:var(--border-width-thick) solid var(--color-success)}.form-check{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);cursor:pointer}.form-check:last-child{margin-bottom:0}.form-check-input{width:18px;height:18px;border:2px solid var(--border-primary);background-color:var(--bg-primary);cursor:pointer;transition:all var(--transition-normal);position:relative;margin:0;flex-shrink:0}.form-check-input[type=checkbox]{border-radius:var(--radius-small)}.form-check-input[type=radio]{border-radius:var(--radius-round)}.form-check-input:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.form-check-input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-inverse);font-weight:var(--font-weight-bold);font-size:12px;line-height:1}.form-check-input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background-color:var(--text-inverse);border-radius:var(--radius-round)}.form-check-input:focus{outline:none;box-shadow:var(--shadow-focus)}.form-check-input:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-disabled)}.form-check-label{font-size:var(--font-size-base);font-family:var(--font-family-primary);color:var(--text-primary);cursor:pointer;line-height:var(--line-height-normal)}.input-group{display:flex;width:100%;border-radius:var(--radius-regular);overflow:hidden;border:var(--border-width-regular) solid var(--border-primary);transition:border-color var(--transition-normal)}.input-group:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.input-group .form-input{border:none;border-radius:0;box-shadow:none;flex:1}.input-group .form-input:focus{border:none;box-shadow:none}.input-group-prepend,.input-group-append{display:flex;align-items:center;padding:0 var(--spacing-md);background-color:var(--bg-secondary);color:var(--text-secondary);font-size:var(--font-size-sm);white-space:nowrap}.input-group-prepend{border-right:var(--border-width-thin) solid var(--border-primary)}.input-group-append{border-left:var(--border-width-thin) solid var(--border-primary)}.form-floating{position:relative}.form-floating .form-input,.form-floating .form-select,.form-floating .form-textarea{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-sm)}.form-floating .form-label{position:absolute;top:0;left:0;width:100%;height:100%;padding:var(--spacing-md);margin-bottom:0;color:var(--text-secondary);pointer-events:none;transform-origin:0 0;transition:all var(--transition-normal);display:flex;align-items:center}.form-floating .form-input:focus~.form-label,.form-floating .form-input:not(:placeholder-shown)~.form-label,.form-floating .form-select:focus~.form-label,.form-floating .form-textarea:focus~.form-label,.form-floating .form-textarea:not(:placeholder-shown)~.form-label{transform:scale(.85) translateY(-.5rem) translate(.15rem);color:var(--color-primary)}.form-row{display:flex;gap:var(--spacing-lg)}.form-row .form-group{flex:1;margin-bottom:0}.form-inline{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.form-inline .form-group{margin-bottom:0}.form-inline .form-input,.form-inline .form-select{width:auto;min-width:200px}@media (max-width: 768px){.form-row{flex-direction:column;gap:var(--spacing-md)}.form-inline{flex-direction:column;align-items:stretch}.form-inline .form-input,.form-inline .form-select{width:100%;min-width:auto}.input-group{flex-direction:column}.input-group-prepend,.input-group-append{border-right:none;border-left:none;border-bottom:var(--border-width-thin) solid var(--border-primary);border-top:var(--border-width-thin) solid var(--border-primary)}}@media (prefers-reduced-motion: reduce){.form-input,.form-select,.form-textarea,.form-check-input,.input-group,.form-floating .form-label{transition:none}}@media (prefers-contrast: high){.form-input,.form-select,.form-textarea{border-width:2px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-width:3px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn var(--transition-normal) ease-out;padding:var(--spacing-lg);box-sizing:border-box}.modal{background-color:var(--bg-primary);border-radius:var(--radius-large);box-shadow:var(--shadow-lg);width:90%;max-width:500px;max-height:80vh;overflow:hidden;border:var(--border-width-thin) solid var(--border-primary);animation:slideUp .3s ease-out;z-index:var(--z-modal)}.modal-large{max-width:800px;max-height:85vh}.modal-header{padding:var(--spacing-xl);border-bottom:var(--border-width-thin) solid var(--border-primary);background-color:var(--bg-secondary);display:flex;justify-content:space-between;align-items:center;border-radius:var(--radius-large) var(--radius-large) 0 0}.modal-header h3{margin:0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary)}.modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.25rem;padding:var(--spacing-xs);border-radius:var(--radius-small);transition:all var(--transition-normal);min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background-color:var(--color-error);color:var(--text-inverse);transform:scale(1.1)}.modal-close:focus{outline:none;box-shadow:var(--shadow-focus)}.modal-body{padding:var(--spacing-xl);max-height:60vh;overflow-y:auto;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family-primary)}.modal-footer{padding:var(--spacing-lg) var(--spacing-xl);border-top:var(--border-width-thin) solid var(--border-primary);background-color:var(--bg-secondary);display:flex;justify-content:flex-end;gap:var(--spacing-md);border-radius:0 0 var(--radius-large) var(--radius-large)}.confirmation-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:calc(var(--z-modal-backdrop) + 100);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn var(--transition-normal) ease-out;padding:var(--spacing-lg);box-sizing:border-box}.confirmation-modal{background-color:var(--bg-primary);border-radius:var(--radius-large);box-shadow:var(--shadow-lg);width:90%;max-width:450px;overflow:hidden;border:var(--border-width-thin) solid var(--border-primary);animation:slideUp .3s ease-out}.confirmation-header{padding:var(--spacing-xl);border-bottom:var(--border-width-thin) solid var(--border-primary);background-color:var(--bg-secondary)}.confirmation-header h3{margin:0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary)}.confirmation-body{padding:var(--spacing-xl);background-color:var(--bg-primary)}.confirmation-body p{margin:0;color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);font-family:var(--font-family-primary)}.confirmation-footer{padding:var(--spacing-lg) var(--spacing-xl);border-top:var(--border-width-thin) solid var(--border-primary);background-color:var(--bg-secondary);display:flex;justify-content:flex-end;gap:var(--spacing-md)}.confirmation-btn{padding:var(--spacing-sm) var(--spacing-lg);border:var(--border-width-regular) solid transparent;border-radius:var(--radius-regular);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:var(--font-family-primary);cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;justify-content:center;min-width:80px;min-height:36px}.confirmation-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.confirmation-btn-cancel{background-color:var(--bg-primary);color:var(--text-secondary);border-color:var(--border-primary)}.confirmation-btn-cancel:hover:not(:disabled){background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--color-primary);transform:translateY(-1px)}.confirmation-btn-danger{background-color:var(--color-error);color:var(--text-inverse);border-color:var(--color-error)}.confirmation-btn-danger:hover:not(:disabled){background-color:#c0392b;border-color:#c0392b;transform:translateY(-1px);box-shadow:0 4px 16px #dc35454d}.confirmation-btn-warning{background-color:var(--color-warning);color:var(--text-primary);border-color:var(--color-warning)}.confirmation-btn-warning:hover:not(:disabled){background-color:#f39c12;transform:translateY(-1px);box-shadow:0 4px 16px #ffc1074d}.confirmation-btn-info{background-color:var(--color-info);color:var(--text-inverse);border-color:var(--color-info)}.confirmation-btn-info:hover:not(:disabled){background-color:#2980b9;transform:translateY(-1px);box-shadow:0 4px 16px #17a2b84d}.confirmation-btn-primary{background-color:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary)}.confirmation-btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-hover)}.employees-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:calc(var(--z-modal-backdrop) + 200);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn var(--transition-normal) ease-out;padding:var(--spacing-lg);box-sizing:border-box}.employees-modal{background-color:var(--bg-primary);border-radius:var(--radius-large);box-shadow:var(--shadow-lg);width:90%;max-width:520px;max-height:85vh;overflow:hidden;border:var(--border-width-thin) solid var(--border-primary);animation:slideUp .3s ease-out}.employees-modal-header{padding:var(--spacing-xl);border-bottom:var(--border-width-thin) solid var(--border-primary);background-color:var(--bg-secondary);display:flex;justify-content:space-between;align-items:center;border-radius:var(--radius-large) var(--radius-large) 0 0}.employees-modal-header h3{margin:0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary)}.employees-modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.25rem;padding:var(--spacing-xs);border-radius:var(--radius-small);transition:all var(--transition-normal);min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}.employees-modal-close:hover:not(:disabled){background-color:var(--color-error);color:var(--text-inverse);transform:scale(1.1)}.employees-modal-close:disabled{opacity:.5;cursor:not-allowed}.employees-modal-body{padding:var(--spacing-xl);max-height:60vh;overflow-y:auto;background-color:var(--bg-primary)}.employees-modal-footer{padding:var(--spacing-lg) var(--spacing-xl);border-top:var(--border-width-thin) solid var(--border-primary);background-color:var(--bg-secondary);display:flex;justify-content:flex-end;gap:var(--spacing-md);border-radius:0 0 var(--radius-large) var(--radius-large)}.employees-user-info-section{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:var(--border-width-thin) solid var(--border-primary)}.employees-user-avatar-section{display:flex;align-items:center;gap:var(--spacing-lg)}.employees-user-initials-modal{width:60px;height:60px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--text-inverse);border-radius:var(--radius-round);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:var(--font-weight-bold);font-family:var(--font-family-primary);text-transform:uppercase;border:2px solid var(--border-primary);flex-shrink:0;box-shadow:var(--shadow-sm)}.employees-user-details h4{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary)}.employees-user-details p{margin:0 0 var(--spacing-xs) 0;color:var(--text-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-primary)}.employees-current-role{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:var(--font-weight-medium)}.employees-role-badge-modal{padding:.2rem .5rem;border-radius:var(--radius-regular);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);text-transform:uppercase;letter-spacing:.5px}.employees-role-badge-modal.employees-role-badge-owner{background-color:#ffc10726;color:#d4a017;border:var(--border-width-thin) solid rgba(255,193,7,.3)}.employees-role-badge-modal.employees-role-badge-admin{background-color:#f7630026;color:var(--color-primary);border:var(--border-width-thin) solid rgba(247,99,0,.3)}.employees-role-badge-modal.employees-role-badge-basic{background-color:#6c757d26;color:var(--color-gray-medium);border:var(--border-width-thin) solid rgba(108,117,125,.3)}.employees-role-selection{margin-bottom:var(--spacing-xl)}.employees-form-label{display:block;margin-bottom:var(--spacing-md);color:var(--text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);font-family:var(--font-family-primary)}.employees-role-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.employees-role-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:var(--border-width-regular) solid var(--border-primary);border-radius:var(--radius-regular);cursor:pointer;transition:all var(--transition-normal);background-color:var(--bg-primary)}.employees-role-option:hover:not(.employees-role-disabled){border-color:var(--color-primary);background-color:#f763000d;box-shadow:var(--shadow-sm)}.employees-role-option.employees-role-disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-disabled)}.employees-role-radio{width:18px;height:18px;border:2px solid var(--border-primary);border-radius:var(--radius-round);cursor:pointer;position:relative;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bg-primary);transition:all var(--transition-normal)}.employees-role-radio:checked{border-color:var(--color-primary);background-color:var(--color-primary)}.employees-role-radio:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background-color:var(--text-inverse);border-radius:var(--radius-round)}.employees-role-radio:disabled{cursor:not-allowed;opacity:.5}.employees-role-label{color:var(--text-primary);font-weight:var(--font-weight-medium);font-family:var(--font-family-primary);cursor:pointer;flex:1}.employees-role-disabled .employees-role-label{cursor:not-allowed}.employees-warning-section{padding:var(--spacing-md);border-radius:var(--radius-regular);border:var(--border-width-regular) solid;display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.employees-warning-section.employees-warning-ownerTransfer{background-color:#dc35451a;border-color:var(--color-error);color:var(--color-error)}.employees-warning-section.employees-warning-adminRemoval{background-color:#ffc1071a;border-color:var(--color-warning);color:#d4a017}.employees-warning-section.employees-warning-adminGrant{background-color:#17a2b81a;border-color:var(--color-info);color:var(--color-info)}.employees-warning-icon{font-size:1.25rem;flex-shrink:0}.employees-warning-text{font-size:var(--font-size-sm);line-height:var(--line-height-normal);font-weight:var(--font-weight-medium);font-family:var(--font-family-primary)}.employees-btn{padding:var(--spacing-sm) var(--spacing-lg);border:var(--border-width-regular) solid transparent;border-radius:var(--radius-regular);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:var(--font-family-primary);cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;justify-content:center;min-width:100px;min-height:36px}.employees-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.employees-btn-cancel{background-color:var(--bg-primary);color:var(--text-secondary);border-color:var(--border-primary)}.employees-btn-cancel:hover:not(:disabled){background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--color-primary);transform:translateY(-1px)}.employees-btn-confirm{background-color:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary)}.employees-btn-confirm:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-hover)}.integration-alert-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn var(--transition-normal) ease-out;padding:var(--spacing-lg);box-sizing:border-box}.integration-alert{background-color:var(--bg-primary);border-radius:var(--radius-large);box-shadow:var(--shadow-lg);width:90%;max-width:500px;overflow:hidden;border:var(--border-width-thin) solid var(--border-primary);animation:slideUp .3s ease-out}.integration-alert-body{padding:var(--spacing-xl);border-bottom:var(--border-width-thin) solid var(--border-primary);background-color:var(--bg-primary)}.integration-alert-body h3{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.integration-alert-body h3:before{font-size:1.5rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.integration-alert[data-type=success] .integration-alert-body h3:before{content:"✅"}.integration-alert[data-type=error] .integration-alert-body h3:before{content:"❌"}.integration-alert[data-type=warning] .integration-alert-body h3:before{content:"⚠️"}.integration-alert[data-type=info] .integration-alert-body h3:before{content:"ℹ️"}.integration-alert-body p{margin:0;color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);font-family:var(--font-family-primary)}.integration-alert-footer{padding:var(--spacing-lg) var(--spacing-xl);border-top:var(--border-width-thin) solid var(--border-primary);background-color:var(--bg-secondary);display:flex;justify-content:flex-end;gap:var(--spacing-md);border-radius:0 0 var(--radius-large) var(--radius-large)}.integration-alert-button{padding:var(--spacing-sm) var(--spacing-lg);border:var(--border-width-regular) solid var(--color-primary);border-radius:var(--radius-regular);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:var(--font-family-primary);cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;justify-content:center;min-width:80px;background-color:var(--color-primary);color:var(--text-inverse);position:relative;overflow:hidden}.integration-alert-button: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 var(--transition-normal)}.integration-alert-button:hover:before{left:100%}.integration-alert-button:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-hover)}.integration-alert-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.integration-alert-button:focus{outline:none;box-shadow:var(--shadow-focus)}.reject-modal-message{margin:0 0 var(--spacing-lg) 0;color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);font-family:var(--font-family-primary)}.reject-modal-input-group{margin-top:var(--spacing-lg)}.reject-modal-label{display:block;margin-bottom:var(--spacing-sm);color:var(--text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);font-family:var(--font-family-primary)}.required-asterisk{color:var(--color-error);margin-left:var(--spacing-xs);font-weight:var(--font-weight-bold)}.reject-modal-textarea{width:100%;min-height:100px;padding:var(--spacing-md);border:var(--border-width-regular) solid var(--border-primary);border-radius:var(--radius-regular);font-size:var(--font-size-base);font-family:var(--font-family-primary);color:var(--text-primary);background-color:var(--bg-primary);resize:vertical;transition:all var(--transition-normal);box-sizing:border-box}.reject-modal-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #f7630026}.reject-modal-textarea--error{border-color:var(--color-error);background-color:#dc354505}.reject-modal-textarea--error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #dc354526}.reject-modal-textarea:disabled{background-color:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed;opacity:.6}.reject-modal-textarea-footer{display:flex;justify-content:flex-end;margin-top:var(--spacing-xs)}.reject-modal-char-count{font-size:var(--font-size-xs);color:var(--text-tertiary);font-family:var(--font-family-primary);transition:color var(--transition-normal)}.reject-modal-char-count--warning{color:var(--color-warning);font-weight:var(--font-weight-medium)}.reject-modal-error{margin-top:var(--spacing-sm);color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family-primary);display:flex;align-items:flex-start;gap:var(--spacing-xs);animation:fadeIn .2s ease-out}.reject-modal-error:before{content:"⚠️";font-size:var(--font-size-sm);flex-shrink:0;margin-top:1px}.reject-modal-spinner{display:inline-block;width:14px;height:14px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:var(--radius-round);animation:spin 1s linear infinite;margin-right:var(--spacing-sm)}@media (max-width: 480px){.reject-modal-textarea{min-height:80px;font-size:var(--font-size-sm)}.reject-modal-char-count,.reject-modal-error{font-size:var(--font-size-xs)}}.reject-modal-textarea[aria-invalid=true]{border-color:var(--color-error)}@media (prefers-reduced-motion: reduce){.reject-modal-textarea{transition:none}.reject-modal-error,.reject-modal-spinner{animation:none}.reject-modal-spinner:after{content:"...";animation:none}}@media (max-width: 768px){.modal,.confirmation-modal,.employees-modal,.integration-alert{width:95%;max-height:90vh;margin:var(--spacing-md)}.modal-body,.confirmation-body,.employees-modal-body{max-height:70vh}.employees-user-avatar-section{flex-direction:column;text-align:center;gap:var(--spacing-md)}.employees-current-role{justify-content:center}}@media (max-width: 480px){.modal-header,.modal-body,.modal-footer,.confirmation-header,.confirmation-body,.confirmation-footer,.employees-modal-header,.employees-modal-body,.employees-modal-footer,.integration-alert-body,.integration-alert-footer{padding:var(--spacing-lg)}.modal-footer,.confirmation-footer,.employees-modal-footer,.integration-alert-footer{flex-direction:column;gap:var(--spacing-sm)}.confirmation-btn,.employees-btn,.integration-alert-button{width:100%;min-width:auto}.employees-user-initials-modal{width:50px;height:50px;font-size:1.25rem}.employees-warning-section{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.integration-alert-backdrop{align-items:flex-end}.integration-alert{border-radius:var(--radius-regular) var(--radius-regular) 0 0;animation:slideUpMobile .3s ease-out}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.integration-alert-body h3{font-size:var(--font-size-lg);flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.integration-alert-body h3:before{font-size:1.25rem}}.modal[aria-hidden=false],.confirmation-modal[aria-hidden=false],.employees-modal[aria-hidden=false],.integration-alert[aria-hidden=false],.modal[role=dialog],.confirmation-modal[role=dialog],.employees-modal[role=dialog],.integration-alert[role=alertdialog]{outline:none}@media (prefers-reduced-motion: reduce){.modal-overlay,.confirmation-backdrop,.employees-modal-overlay,.integration-alert-backdrop{animation:none}.modal,.confirmation-modal,.employees-modal,.integration-alert{animation:none;transform:none}.modal-close,.employees-modal-close,.confirmation-btn,.employees-btn,.integration-alert-button{transition:none;transform:none!important}}.badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-regular);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);line-height:1;text-transform:uppercase;letter-spacing:.025em;border:var(--border-width-thin) solid transparent;transition:all var(--transition-normal)}.badge-primary{background-color:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary)}.badge-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.badge-secondary{background-color:var(--color-secondary);color:var(--text-inverse);border-color:var(--color-secondary)}.badge-success{background-color:var(--color-success);color:var(--text-inverse);border-color:var(--color-success)}.badge-error,.badge-danger{background-color:var(--color-error);color:var(--text-inverse);border-color:var(--color-error)}.badge-warning{background-color:var(--color-warning);color:var(--text-primary);border-color:var(--color-warning)}.badge-info{background-color:var(--color-info);color:var(--text-inverse);border-color:var(--color-info)}.badge-light{background-color:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-primary)}.badge-dark{background-color:var(--text-primary);color:var(--text-inverse);border-color:var(--text-primary)}.badge-sm{padding:2px var(--spacing-xs);font-size:10px}.badge-lg{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.badge-pill{border-radius:var(--radius-round)}.badge-square{border-radius:var(--radius-small)}.badge-notification{min-width:16px;height:16px;padding:0 var(--spacing-xs);background-color:var(--color-error);color:var(--text-inverse);border-radius:var(--radius-round);font-size:10px;font-weight:var(--font-weight-bold);position:absolute;top:-8px;right:-8px;border:2px solid var(--bg-primary);display:flex;align-items:center;justify-content:center}.badge-notification.badge-notification-primary{background-color:var(--color-primary)}.badge-notification[data-count="0"]{display:none}.status-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-regular);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.status-badge-online:before{background-color:var(--color-success)}.status-badge-offline:before{background-color:var(--color-error)}.status-badge-away:before{background-color:var(--color-warning)}.status-badge-busy:before{background-color:var(--color-error)}.priority-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-regular);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.025em}.priority-badge-high{background-color:#dc35451a;color:var(--color-error);border:var(--border-width-thin) solid var(--color-error)}.priority-badge-medium{background-color:#ffc1071a;color:var(--color-warning);border:var(--border-width-thin) solid var(--color-warning)}.priority-badge-low{background-color:#28a7451a;color:var(--color-success);border:var(--border-width-thin) solid var(--color-success)}.priority-badge-critical{background-color:var(--color-error);color:var(--text-inverse);border:var(--border-width-thin) solid var(--color-error);animation:badgePulse 1.5s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.role-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-regular);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.role-badge-owner{background-color:#ffc10726;color:#d4a017;border:var(--border-width-thin) solid rgba(255,193,7,.3)}.role-badge-admin{background-color:#f7630026;color:var(--color-primary);border:var(--border-width-thin) solid rgba(247,99,0,.3)}.role-badge-user,.role-badge-basic{background-color:#6c757d26;color:var(--color-gray-medium);border:var(--border-width-thin) solid rgba(108,117,125,.3)}.tag-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-secondary);color:var(--text-primary);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-regular);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal)}.tag-badge:hover{background-color:var(--bg-hover);border-color:var(--color-primary);transform:translateY(-1px)}.tag-badge-removable{padding-right:var(--spacing-xs)}.tag-remove{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:0;margin-left:var(--spacing-xs);font-size:14px;line-height:1;transition:color var(--transition-normal)}.tag-remove:hover{color:var(--color-error)}.counter-badge{background-color:var(--color-primary);color:var(--text-inverse);border-radius:var(--radius-round);padding:0 var(--spacing-xs);min-width:18px;height:18px;font-size:10px;font-weight:var(--font-weight-bold);display:inline-flex;align-items:center;justify-content:center;line-height:1}.counter-badge-sm{min-width:14px;height:14px;font-size:9px}.counter-badge-lg{min-width:22px;height:22px;font-size:11px}@media (max-width: 768px){.badge{font-size:10px;padding:var(--spacing-xs)}.badge-lg{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.tag-badge{font-size:10px}}@media (prefers-reduced-motion: reduce){.badge-primary:hover,.tag-badge:hover{transform:none}.priority-badge-critical{animation:none}}@media (prefers-contrast: high){.badge{border-width:2px}.badge-light{background-color:var(--bg-primary);border-color:var(--text-primary)}}.card{background-color:var(--bg-primary);border:var(--border-width-regular) solid var(--border-primary);border-radius:var(--radius-regular);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-normal);position:relative}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{padding:var(--spacing-lg) var(--spacing-xl);background-color:var(--bg-secondary);border-bottom:var(--border-width-thin) solid var(--border-primary);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-family:var(--font-family-primary)}.card-body{padding:var(--spacing-xl);color:var(--text-primary);font-family:var(--font-family-primary);line-height:var(--line-height-relaxed)}.card-footer{padding:var(--spacing-lg) var(--spacing-xl);background-color:var(--bg-secondary);border-top:var(--border-width-thin) solid var(--border-primary);color:var(--text-secondary);font-size:var(--font-size-sm)}.card-interactive{cursor:pointer;transition:all var(--transition-normal)}.card-interactive:hover{border-color:var(--color-primary);box-shadow:var(--shadow-hover);transform:translateY(-3px)}.card-interactive:active{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.card-outlined{border-width:var(--border-width-medium);box-shadow:none}.card-outlined:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.card-flat{box-shadow:none;border:var(--border-width-thin) solid var(--border-primary)}.card-elevated{box-shadow:var(--shadow-lg);border:none}.card-elevated:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-4px)}.card-primary{border-color:var(--color-primary)}.card-primary .card-header{background-color:var(--color-primary);color:var(--text-inverse);border-bottom-color:var(--color-primary)}.card-success{border-color:var(--color-success)}.card-success .card-header{background-color:var(--color-success);color:var(--text-inverse)}.card-warning{border-color:var(--color-warning)}.card-warning .card-header{background-color:var(--color-warning);color:var(--text-primary)}.card-error{border-color:var(--color-error)}.card-error .card-header{background-color:var(--color-error);color:var(--text-inverse)}.card-info{border-color:var(--color-info)}.card-info .card-header{background-color:var(--color-info);color:var(--text-inverse)}.card-sm{border-radius:var(--radius-small)}.card-sm .card-header,.card-sm .card-footer{padding:var(--spacing-md) var(--spacing-lg)}.card-sm .card-body{padding:var(--spacing-lg)}.card-lg{border-radius:var(--radius-large)}.card-lg .card-header,.card-lg .card-footer{padding:var(--spacing-xl) var(--spacing-xxl)}.card-lg .card-body{padding:var(--spacing-xxl)}.card-horizontal{display:flex;flex-direction:row;align-items:stretch}.card-horizontal .card-body{flex:1}.card-horizontal .card-image{width:200px;flex-shrink:0}.card-horizontal .card-image img{width:100%;height:100%;object-fit:cover}.card-image{position:relative;overflow:hidden}.card-image img{width:100%;height:auto;display:block;transition:transform var(--transition-normal)}.card-interactive .card-image img:hover{transform:scale(1.05)}.card-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.7) 100%);display:flex;align-items:flex-end;padding:var(--spacing-lg);color:var(--text-inverse)}.card-actions{display:flex;gap:var(--spacing-sm);align-items:center;justify-content:flex-end;padding:var(--spacing-md) 0}.card-actions-start{justify-content:flex-start}.card-actions-center{justify-content:center}.card-actions-between{justify-content:space-between}.card-group{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.card-group .card{flex:1;min-width:250px}.card-deck{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.card-columns{column-count:3;column-gap:var(--spacing-lg)}.card-columns .card{break-inside:avoid;margin-bottom:var(--spacing-lg)}.stat-card{text-align:center;cursor:pointer;transition:all var(--transition-normal)}.stat-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);line-height:1;margin-bottom:var(--spacing-sm)}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.025em}.stat-trend{margin-top:var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.stat-trend-up{color:var(--color-success)}.stat-trend-down{color:var(--color-error)}.profile-card{text-align:center}.profile-avatar{width:80px;height:80px;border-radius:var(--radius-round);margin:0 auto var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-sm)}.profile-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.profile-role{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.task-card{position:relative}.task-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--color-primary);border-radius:var(--radius-small) 0 0 var(--radius-small)}.task-card.task-card-high:before{background-color:var(--color-error)}.task-card.task-card-medium:before{background-color:var(--color-warning)}.task-card.task-card-low:before{background-color:var(--color-success)}.task-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm);line-height:var(--line-height-tight)}.task-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md)}.task-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);color:var(--text-secondary)}.project-card{position:relative;overflow:hidden}.project-card:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 20px 20px 0;border-color:transparent var(--color-primary) transparent transparent}.project-progress{margin-top:var(--spacing-md)}.progress-bar{width:100%;height:6px;background-color:var(--bg-secondary);border-radius:var(--radius-regular);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-regular);transition:width var(--transition-normal)}@media (max-width: 768px){.card-horizontal{flex-direction:column}.card-horizontal .card-image{width:100%;height:200px}.card-group{flex-direction:column}.card-deck{grid-template-columns:1fr}.card-columns{column-count:1}.card-body{padding:var(--spacing-lg)}.card-header,.card-footer{padding:var(--spacing-md) var(--spacing-lg)}.profile-avatar{width:60px;height:60px;font-size:var(--font-size-lg)}}@media (max-width: 480px){.card{margin:0 var(--spacing-sm)}.card-actions{flex-direction:column;gap:var(--spacing-xs)}.stat-value{font-size:var(--font-size-xl)}.task-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}@media (prefers-reduced-motion: reduce){.card,.card-interactive,.stat-card,.card-image img,.progress-fill{transition:none;transform:none!important}}@media (prefers-contrast: high){.card,.card-header,.card-footer{border-width:2px}}.table{width:100%;border-collapse:collapse;border-spacing:0;background-color:var(--bg-primary);font-family:var(--font-family-primary);font-size:var(--font-size-base);color:var(--text-primary)}.table th,.table td{padding:var(--spacing-md) var(--spacing-lg);text-align:left;vertical-align:middle;border-bottom:var(--border-width-thin) solid var(--border-primary);transition:background-color var(--transition-normal)}.table th{background-color:var(--bg-secondary);font-weight:var(--font-weight-semibold);color:var(--text-primary);border-bottom-width:var(--border-width-regular);position:sticky;top:0;z-index:10}.table-bordered{border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-regular);overflow:hidden}.table-bordered th,.table-bordered td{border-right:var(--border-width-thin) solid var(--border-primary)}.table-bordered th:last-child,.table-bordered td:last-child{border-right:none}.table-striped tbody tr:nth-child(odd){background-color:var(--bg-secondary)}.table-hover tbody tr:hover{background-color:var(--bg-hover);cursor:pointer}.table-sm th,.table-sm td{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.table-lg th,.table-lg td{padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-base)}.table-primary th{background-color:var(--color-primary);color:var(--text-inverse)}.table-row-primary{background-color:#f763001a}.table-row-success{background-color:#28a7451a}.table-row-warning{background-color:#ffc1071a}.table-row-error{background-color:#dc35451a}.table-sortable th{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.table-sortable th:hover{background-color:var(--bg-hover)}.table-sortable th:after{content:"↕️";position:absolute;right:var(--spacing-sm);opacity:.5;font-size:var(--font-size-xs)}.table-sortable th.sort-asc:after{content:"↑";opacity:1;color:var(--color-primary)}.table-sortable th.sort-desc:after{content:"↓";opacity:1;color:var(--color-primary)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.table-stack{display:block}.table-stack thead{display:none}.table-stack tbody,.table-stack tr,.table-stack td{display:block}.table-stack tr{border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-regular);margin-bottom:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-primary)}.table-stack td{border:none;padding:var(--spacing-sm) 0;position:relative;padding-left:30%}.table-stack td:before{content:attr(data-label);position:absolute;left:0;width:25%;font-weight:var(--font-weight-semibold);color:var(--text-primary)}}.dropdown{position:relative;display:inline-block}.dropdown-toggle{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-primary);color:var(--text-primary);border:var(--border-width-regular) solid var(--border-primary);border-radius:var(--radius-regular);cursor:pointer;font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-normal);min-height:40px}.dropdown-toggle:hover{background-color:var(--bg-hover);border-color:var(--color-primary)}.dropdown-toggle:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.dropdown-toggle:after{content:"▼";font-size:var(--font-size-xs);transition:transform var(--transition-normal)}.dropdown.open .dropdown-toggle:after{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;z-index:var(--z-dropdown);display:none;min-width:200px;max-height:300px;overflow-y:auto;background-color:var(--bg-primary);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-regular);box-shadow:var(--shadow-lg);padding:var(--spacing-sm) 0;margin-top:var(--spacing-xs)}.dropdown.open .dropdown-menu{display:block;animation:dropdownFadeIn var(--transition-normal) ease-out}.dropdown-item{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-lg);color:var(--text-primary);text-decoration:none;background:none;border:none;text-align:left;cursor:pointer;font-family:var(--font-family-primary);font-size:var(--font-size-base);transition:background-color var(--transition-normal)}.dropdown-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.dropdown-item:focus{outline:none;background-color:var(--bg-hover);color:var(--color-primary)}.dropdown-item.active{background-color:var(--color-primary);color:var(--text-inverse)}.dropdown-item:disabled{opacity:.5;cursor:not-allowed;background-color:transparent}.dropdown-divider{height:0;margin:var(--spacing-sm) 0;overflow:hidden;border-top:var(--border-width-thin) solid var(--border-primary)}.dropdown-header{display:block;padding:var(--spacing-sm) var(--spacing-lg);margin-bottom:0;font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.025em}.dropdown-primary .dropdown-toggle{background-color:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary)}.dropdown-primary .dropdown-toggle:hover{background-color:var(--color-primary-hover)}.dropdown-secondary .dropdown-toggle{background-color:var(--bg-primary);color:var(--color-primary);border-color:var(--color-primary)}.dropdown-secondary .dropdown-toggle:hover{background-color:var(--color-primary);color:var(--text-inverse)}.dropdown-sm .dropdown-toggle{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);min-height:32px}.dropdown-lg .dropdown-toggle{padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-lg);min-height:48px}.dropdown-end .dropdown-menu{left:auto;right:0}.dropdown-up .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--spacing-xs)}.dropdown-center .dropdown-menu{left:50%;transform:translate(-50%)}.dropdown-search{padding:var(--spacing-sm);border-bottom:var(--border-width-thin) solid var(--border-primary)}.dropdown-search input{width:100%;padding:var(--spacing-sm);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-small);font-size:var(--font-size-sm);font-family:var(--font-family-primary)}.dropdown-search input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #f7630033}.dropdown-multiselect .dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm)}.dropdown-multiselect .dropdown-item input[type=checkbox]{margin:0;width:16px;height:16px}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.dropdown-menu{min-width:100%;max-height:250px}.dropdown-item{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base)}.dropdown-toggle{width:100%;justify-content:space-between}.dropdown-center .dropdown-menu{left:0;transform:none}}@media (prefers-reduced-motion: reduce){.dropdown-toggle:after,.dropdown-menu{animation:none;transition:none}}.tabs{margin:var(--spacing-lg) 0;border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-regular);overflow:hidden;background-color:var(--bg-primary)}.tab-headers{display:flex;background-color:var(--bg-secondary);border-bottom:var(--border-width-thin) solid var(--border-primary);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tab-headers::-webkit-scrollbar{display:none}.tab-button{padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:var(--font-size-base);font-family:var(--font-family-primary);color:var(--text-secondary);transition:all var(--transition-normal);position:relative;white-space:nowrap;flex-shrink:0;font-weight:var(--font-weight-medium);min-height:48px;display:flex;align-items:center;gap:var(--spacing-sm)}.tab-button:before{content:"";position:absolute;top:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:all var(--transition-normal);transform:translate(-50%)}.tab-button:hover{color:var(--text-primary);background-color:var(--bg-hover)}.tab-button:hover:before{width:80%}.tab-button:focus{outline:none;box-shadow:inset 0 0 0 2px var(--color-primary);color:var(--color-primary)}.tab-button.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background-color:var(--bg-primary);font-weight:var(--font-weight-semibold)}.tab-button.active:before{width:100%}.tab-content{padding:var(--spacing-xl);background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family-primary);line-height:var(--line-height-relaxed)}.tab-pane{display:none}.tab-pane.active{display:block;animation:tabFadeIn var(--transition-normal) ease-out}.tabs-pills .tab-headers{background-color:transparent;border-bottom:none;gap:var(--spacing-sm);padding:var(--spacing-sm)}.tabs-pills .tab-button{border-radius:var(--radius-regular);border-bottom:none;background-color:var(--bg-secondary)}.tabs-pills .tab-button:before{display:none}.tabs-pills .tab-button.active{background-color:var(--color-primary);color:var(--text-inverse)}.tabs-pills .tab-button:hover{background-color:var(--bg-hover)}.tabs-pills .tab-button.active:hover{background-color:var(--color-primary-hover)}.tabs-vertical{display:flex;border:none}.tabs-vertical .tab-headers{flex-direction:column;border-bottom:none;border-right:var(--border-width-thin) solid var(--border-primary);width:200px;min-width:200px}.tabs-vertical .tab-button{border-bottom:none;border-right:3px solid transparent;text-align:left;justify-content:flex-start}.tabs-vertical .tab-button:before{left:0;top:50%;width:2px;height:0;transform:translateY(-50%)}.tabs-vertical .tab-button:hover:before{height:80%;width:2px}.tabs-vertical .tab-button.active{border-right-color:var(--color-primary)}.tabs-vertical .tab-button.active:before{height:100%;width:2px}.tabs-vertical .tab-content{flex:1;border:var(--border-width-thin) solid var(--border-primary);border-left:none;border-radius:0 var(--radius-regular) var(--radius-regular) 0}.tabs-minimal{border:none;background-color:transparent}.tabs-minimal .tab-headers{background-color:transparent;border-bottom:var(--border-width-thin) solid var(--border-primary)}.tabs-minimal .tab-content{border:none;padding:var(--spacing-lg) 0}.tab-badge{margin-left:var(--spacing-xs);padding:var(--spacing-xs);background-color:var(--color-error);color:var(--text-inverse);border-radius:var(--radius-round);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);min-width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;line-height:1}.tab-button.active .tab-badge{background-color:var(--text-inverse);color:var(--color-primary)}.tab-badge.tab-badge-primary{background-color:var(--color-primary)}.tab-badge.tab-badge-success{background-color:var(--color-success)}.tab-badge.tab-badge-warning{background-color:var(--color-warning);color:var(--text-primary)}.tab-badge[data-count="0"]{display:none}.tab-icon{font-size:var(--font-size-base);opacity:.8;transition:opacity var(--transition-normal)}.tab-button:hover .tab-icon,.tab-button.active .tab-icon{opacity:1}.tabs-sm .tab-button{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);min-height:36px}.tabs-sm .tab-content{padding:var(--spacing-lg)}.tabs-lg .tab-button{padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-lg);min-height:56px}.tabs-lg .tab-content{padding:var(--spacing-xxl)}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-pane.slide-left{animation:tabSlideLeft var(--transition-normal) ease-out}.tab-pane.slide-right{animation:tabSlideRight var(--transition-normal) ease-out}@keyframes tabSlideLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes tabSlideRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.tabs-vertical{flex-direction:column}.tabs-vertical .tab-headers{flex-direction:row;width:100%;border-right:none;border-bottom:var(--border-width-thin) solid var(--border-primary);overflow-x:auto}.tabs-vertical .tab-button{border-right:none;border-bottom:3px solid transparent}.tabs-vertical .tab-button:before{left:50%;top:0;width:0;height:2px;transform:translate(-50%)}.tabs-vertical .tab-button:hover:before{width:80%;height:2px}.tabs-vertical .tab-button.active{border-bottom-color:var(--color-primary);border-right-color:transparent}.tabs-vertical .tab-button.active:before{width:100%;height:2px}.tabs-vertical .tab-content{border:var(--border-width-thin) solid var(--border-primary);border-top:none;border-radius:0 0 var(--radius-regular) var(--radius-regular)}.tab-headers{padding:0 var(--spacing-md)}.tab-button{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);min-height:40px}.tab-content{padding:var(--spacing-lg)}}@media (max-width: 480px){.tab-button{padding:var(--spacing-sm);font-size:var(--font-size-xs);min-height:36px}.tab-content{padding:var(--spacing-md)}.tab-text{display:none}.tab-button{flex-direction:column;gap:var(--spacing-xs);min-width:50px;text-align:center}.tab-badge{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);margin-left:0}}@media (prefers-reduced-motion: reduce){.tab-button:before,.tab-pane,.tab-pane.slide-left,.tab-pane.slide-right{animation:none;transition:none}}@media (prefers-contrast: high){.tab-button{border-bottom-width:4px}.tabs-vertical .tab-button{border-right-width:4px;border-bottom-width:0}.tab-button.active{background-color:var(--color-primary)!important;color:var(--text-inverse)!important}}.tab-justified .tab-headers{display:flex}.tab-justified .tab-button{flex:1;text-align:center}.tab-closable .tab-button{padding-right:var(--spacing-xl);position:relative}.tab-close{position:absolute;top:50%;right:var(--spacing-sm);transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-xs);border-radius:var(--radius-small);transition:all var(--transition-normal)}.tab-close:hover{color:var(--color-error);background-color:#dc35451a}.alert{padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-lg);border:var(--border-width-thin) solid transparent;border-radius:var(--radius-regular);font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);position:relative;display:flex;align-items:flex-start;gap:var(--spacing-md)}.alert:last-child{margin-bottom:0}.alert-primary{background-color:#f763001a;color:var(--color-primary);border-color:#f763004d;border-left-width:var(--border-width-thick);border-left-color:var(--color-primary)}.alert-success{background-color:#28a7451a;color:var(--color-success);border-color:#28a7454d;border-left-width:var(--border-width-thick);border-left-color:var(--color-success)}.alert-warning{background-color:#ffc1071a;color:#856404;border-color:#ffc1074d;border-left-width:var(--border-width-thick);border-left-color:var(--color-warning)}.alert-error,.alert-danger{background-color:#dc35451a;color:var(--color-error);border-color:#dc35454d;border-left-width:var(--border-width-thick);border-left-color:var(--color-error)}.alert-info{background-color:#17a2b81a;color:var(--color-info);border-color:#17a2b84d;border-left-width:var(--border-width-thick);border-left-color:var(--color-info)}.alert-light{background-color:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-primary)}.alert-dark{background-color:#0000001a;color:var(--text-primary);border-color:#0003}.alert-icon{font-size:var(--font-size-lg);flex-shrink:0;margin-top:2px}.alert-primary .alert-icon:before{content:"ℹ️"}.alert-success .alert-icon:before{content:"✅"}.alert-warning .alert-icon:before{content:"⚠️"}.alert-error .alert-icon:before,.alert-danger .alert-icon:before{content:"❌"}.alert-info .alert-icon:before{content:"ℹ️"}.alert-content{flex:1}.alert-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);font-size:var(--font-size-base);line-height:var(--line-height-tight)}.alert-message{margin:0;font-weight:var(--font-weight-regular);opacity:.9}.alert-actions{margin-top:var(--spacing-md);display:flex;gap:var(--spacing-sm)}.alert-close{background:none;border:none;color:currentColor;cursor:pointer;font-size:var(--font-size-lg);padding:0;margin-left:auto;opacity:.7;transition:opacity var(--transition-normal);flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-small)}.alert-close:hover{opacity:1;background-color:#0000001a}.alert-close:focus{outline:none;opacity:1;box-shadow:0 0 0 2px currentColor}.alert-close:before{content:"✕";font-size:14px;line-height:1}.alert-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);gap:var(--spacing-sm)}.alert-sm .alert-icon{font-size:var(--font-size-base)}.alert-lg{padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-lg);gap:var(--spacing-lg)}.alert-lg .alert-icon{font-size:var(--font-size-xl)}.alert-outlined{background-color:transparent;border-width:var(--border-width-regular)}.alert-outlined.alert-primary{border-color:var(--color-primary);color:var(--color-primary)}.alert-outlined.alert-success{border-color:var(--color-success);color:var(--color-success)}.alert-outlined.alert-warning{border-color:var(--color-warning);color:#856404}.alert-outlined.alert-error,.alert-outlined.alert-danger{border-color:var(--color-error);color:var(--color-error)}.alert-outlined.alert-info{border-color:var(--color-info);color:var(--color-info)}.alert-dismissible{padding-right:var(--spacing-xxl)}.alert-dismissible .alert-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md)}.alert-fade-in{animation:alertFadeIn var(--transition-normal) ease-out}.alert-slide-down{animation:alertSlideDown var(--transition-normal) ease-out}.alert-fade-out{animation:alertFadeOut var(--transition-normal) ease-out forwards}@keyframes alertFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes alertSlideDown{0%{opacity:0;transform:translateY(-100%);max-height:0}to{opacity:1;transform:translateY(0);max-height:200px}}@keyframes alertFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.alert-group{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:var(--z-tooltip);max-width:400px;pointer-events:none}.alert-group .alert{pointer-events:auto;margin-bottom:var(--spacing-md);box-shadow:var(--shadow-lg)}.alert-group-bottom{top:auto;bottom:var(--spacing-lg)}.alert-group-left{right:auto;left:var(--spacing-lg)}.alert-group-center{left:50%;transform:translate(-50%);right:auto}.toast{background-color:var(--bg-primary);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-regular);box-shadow:var(--shadow-lg);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-md);display:flex;align-items:flex-start;gap:var(--spacing-md);max-width:350px;position:relative;animation:toastSlideIn var(--transition-normal) ease-out}.toast-primary{border-left:var(--border-width-thick) solid var(--color-primary)}.toast-success{border-left:var(--border-width-thick) solid var(--color-success)}.toast-warning{border-left:var(--border-width-thick) solid var(--color-warning)}.toast-error,.toast-danger{border-left:var(--border-width-thick) solid var(--color-error)}.toast-info{border-left:var(--border-width-thick) solid var(--color-info)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.alert-progress{position:relative;overflow:hidden}.alert-progress:after{content:"";position:absolute;bottom:0;left:0;height:3px;background-color:currentColor;opacity:.3;animation:alertProgress var(--duration, 5s) linear forwards}@keyframes alertProgress{0%{width:100%}to{width:0%}}@media (max-width: 768px){.alert-group{top:var(--spacing-md);right:var(--spacing-md);left:var(--spacing-md);max-width:none}.alert-group-bottom{bottom:var(--spacing-md)}.alert-group-left{left:var(--spacing-md)}.alert-group-center{left:var(--spacing-md);transform:none}.toast{max-width:none}.alert{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.alert-dismissible{padding-right:var(--spacing-xl)}.alert-dismissible .alert-close{top:var(--spacing-sm);right:var(--spacing-sm)}}@media (prefers-reduced-motion: reduce){.alert-fade-in,.alert-slide-down,.alert-fade-out,.toast,.alert-progress:after{animation:none}}@media (prefers-contrast: high){.alert{border-width:2px}.alert-primary,.alert-success,.alert-warning,.alert-error,.alert-danger,.alert-info{border-left-width:6px}}.alert-no-icon .alert-icon{display:none}.alert-centered{text-align:center;justify-content:center}.alert-sticky{position:sticky;top:var(--spacing-md);z-index:var(--z-sticky)}.loading-skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--color-gray) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:skeletonLoading 1.5s infinite;border-radius:var(--radius-small);position:relative;overflow:hidden}.loading-skeleton.skeleton-primary{background:linear-gradient(90deg,var(--bg-secondary) 25%,rgba(247,99,0,.1) 50%,var(--bg-secondary) 75%);background-size:200% 100%}@keyframes skeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;margin-bottom:var(--spacing-sm);border-radius:var(--radius-small)}.skeleton-text:last-child{margin-bottom:0}.skeleton-text.short{width:60%}.skeleton-text.medium{width:80%}.skeleton-text.long{width:100%}.skeleton-text.extra-short{width:40%}.skeleton-text.extra-long{width:120%;max-width:100%}.skeleton-circle{border-radius:var(--radius-round);width:40px;height:40px}.skeleton-circle.small{width:24px;height:24px}.skeleton-circle.large{width:60px;height:60px}.skeleton-avatar{border-radius:var(--radius-round);width:48px;height:48px;flex-shrink:0}.skeleton-button{height:40px;width:120px;border-radius:var(--radius-regular)}.skeleton-card{height:200px;border-radius:var(--radius-regular);margin-bottom:var(--spacing-lg)}.skeleton-image{height:160px;border-radius:var(--radius-regular);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--color-gray) 50%,var(--bg-secondary) 100%)}.skeleton-list-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);margin-bottom:var(--spacing-sm)}.skeleton-list-item:last-child{margin-bottom:0}.skeleton-list-content{flex:1}.skeleton-card-layout{padding:var(--spacing-lg);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-regular);background-color:var(--bg-primary)}.skeleton-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.skeleton-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.spinner{width:40px;height:40px;border:3px solid var(--bg-secondary);border-top:3px solid var(--color-primary);border-radius:var(--radius-round);animation:spin 1s linear infinite;margin:0 auto}.spinner.small{width:20px;height:20px;border-width:2px}.spinner.large{width:60px;height:60px;border-width:4px}.dots-loader{display:inline-flex;gap:var(--spacing-xs);align-items:center}.dots-loader .dot{width:8px;height:8px;border-radius:var(--radius-round);background-color:var(--color-primary);animation:dotPulse 1.4s infinite ease-in-out}.dots-loader .dot:nth-child(1){animation-delay:-.32s}.dots-loader .dot:nth-child(2){animation-delay:-.16s}.dots-loader .dot:nth-child(3){animation-delay:0s}@keyframes dotPulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.progress-bar{width:100%;height:8px;background-color:var(--bg-secondary);border-radius:var(--radius-regular);overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-regular);transition:width .3s ease;position:relative}.progress-bar-fill:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-image:linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:20px 20px;animation:progressStripes 1s linear infinite}@keyframes progressStripes{0%{background-position:0 0}to{background-position:20px 0}}.progress-bar.indeterminate .progress-bar-fill{width:30%!important;animation:progressIndeterminate 2s ease-in-out infinite}@keyframes progressIndeterminate{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.pulse-loader{width:40px;height:40px;background-color:var(--color-primary);border-radius:var(--radius-round);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}.wave-loader{display:flex;gap:var(--spacing-xs);align-items:end;height:40px}.wave-loader .wave-bar{width:4px;background-color:var(--color-primary);border-radius:var(--radius-small);animation:waveAnimation 1.2s ease-in-out infinite}.wave-loader .wave-bar:nth-child(1){animation-delay:0s}.wave-loader .wave-bar:nth-child(2){animation-delay:.1s}.wave-loader .wave-bar:nth-child(3){animation-delay:.2s}.wave-loader .wave-bar:nth-child(4){animation-delay:.3s}.wave-loader .wave-bar:nth-child(5){animation-delay:.4s}@keyframes waveAnimation{0%,40%,to{height:10px}20%{height:40px}}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffc;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:var(--z-modal);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading-overlay.dark{background-color:#0009}.loading-text{margin-top:var(--spacing-lg);color:var(--text-primary);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);text-align:center}.loading-overlay.dark .loading-text{color:var(--text-inverse)}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(247,99,0,.1),transparent);transform:translate(-100%);animation:shimmer 2s infinite}@keyframes shimmer{to{transform:translate(100%)}}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:var(--radius-round);animation:spin 1s linear infinite;color:var(--text-inverse)}.btn-loading.btn-secondary:after{color:var(--color-primary)}.table-loading{position:relative;min-height:200px}.table-loading tbody{opacity:.5}.table-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid var(--bg-secondary);border-top:3px solid var(--color-primary);border-radius:var(--radius-round);animation:spin 1s linear infinite}.card-loading{position:relative;overflow:hidden}.card-loading .card-body{opacity:.3}.card-loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(247,99,0,.05),transparent);transform:translate(-100%);animation:shimmer 1.5s infinite}.skeleton-task-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.skeleton-task-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-regular);background-color:var(--bg-primary)}.skeleton-task-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.skeleton-task-actions{display:flex;gap:var(--spacing-sm)}.skeleton-user-profile{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl)}.skeleton-user-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.skeleton-navigation{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--bg-secondary)}.skeleton-nav-item{height:40px;width:100px;border-radius:var(--radius-regular)}@media (max-width: 768px){.spinner.large{width:50px;height:50px;border-width:3px}.skeleton-task-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.skeleton-task-actions{width:100%;justify-content:space-between}.skeleton-user-profile{flex-direction:column;text-align:center;gap:var(--spacing-md)}.loading-text{font-size:var(--font-size-sm)}}@media (max-width: 480px){.spinner{width:30px;height:30px;border-width:2px}.skeleton-card{height:150px}.skeleton-navigation{flex-direction:column;gap:var(--spacing-sm)}.skeleton-nav-item{width:100%}.progress-bar{height:6px}}@media (prefers-reduced-motion: reduce){.loading-skeleton,.skeleton-primary,.spinner,.dots-loader .dot,.progress-bar-fill:after,.progress-bar.indeterminate .progress-bar-fill,.pulse-loader,.wave-loader .wave-bar,.shimmer:after,.btn-loading:after,.table-loading:after,.card-loading:after{animation:none}.loading-skeleton,.skeleton-primary{background:var(--bg-secondary)}.spinner{border-top-color:var(--color-primary);transform:none}}@media (prefers-contrast: high){.loading-skeleton,.skeleton-primary{background:var(--text-primary);opacity:.1}.spinner{border-color:var(--text-primary);border-top-color:var(--color-primary)}.dots-loader .dot{background-color:var(--text-primary)}.progress-bar{background-color:var(--text-primary);opacity:.2}.progress-bar-fill{background:var(--color-primary)}}.loading-hide{opacity:0;pointer-events:none}.is-loading{position:relative;overflow:hidden}.is-loading>*{opacity:.3}.loading-backdrop{position:relative}.loading-backdrop:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffc;z-index:1;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.loading-backdrop:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border:3px solid var(--bg-secondary);border-top:3px solid var(--color-primary);border-radius:var(--radius-round);animation:spin 1s linear infinite;z-index:2}.fade-loading{opacity:.6;transition:opacity var(--transition-normal)}.fade-loading.loaded{opacity:1}.icon-size-xs{width:12px;height:12px;font-size:10px}.icon-size-small{width:16px;height:16px;font-size:12px}.icon-size-default{width:20px;height:20px;font-size:16px}.icon-size-large{width:24px;height:24px;font-size:20px}.icon-size-xl{width:32px;height:32px;font-size:24px}.icon-size-xxl{width:48px;height:48px;font-size:32px}.icon{display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:all var(--transition-normal);flex-shrink:0}.icon:hover{transform:scale(1.1)}.icon-static:hover{transform:none}.status-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:all var(--transition-normal);border-radius:var(--radius-small);padding:var(--spacing-xs)}.status-icon:hover{transform:scale(1.1);background-color:#0000000d}.status-icon-primary{color:var(--color-primary)}.status-icon-primary:hover{background-color:#f763001a}.status-icon-secondary{color:var(--color-secondary)}.status-icon-secondary:hover{background-color:#ff85331a}.status-icon-success{color:var(--color-success)}.status-icon-success:hover{background-color:#28a7451a}.status-icon-warning{color:var(--color-warning)}.status-icon-warning:hover{background-color:#ffc1071a}.status-icon-danger,.status-icon-error{color:var(--color-error)}.status-icon-danger:hover,.status-icon-error:hover{background-color:#dc35451a}.status-icon-info{color:var(--color-info)}.status-icon-info:hover{background-color:#17a2b81a}.status-icon-muted{color:var(--text-secondary)}.status-icon-muted:hover{background-color:var(--bg-hover)}.status-icon-active{color:var(--color-primary);background-color:#f763001a;border-radius:var(--radius-regular)}.status-icon-active:hover{background-color:#f7630033;transform:scale(1.05)}.status-icon span,.icon span{display:block;font-style:normal;line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",Segoe UI Symbol,sans-serif}.emoji-icon{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",Segoe UI Symbol,sans-serif;font-style:normal;line-height:1;display:inline-block;text-rendering:optimizeLegibility}.emoji-icon.large{font-size:1.5em}.emoji-icon.xl{font-size:2em}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:var(--radius-regular);background-color:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.icon-btn:hover{background-color:var(--bg-hover);color:var(--text-primary);transform:translateY(-1px)}.icon-btn:active{transform:translateY(0);background-color:var(--bg-secondary)}.icon-btn:focus{outline:none;box-shadow:var(--shadow-focus)}.icon-btn-primary{color:var(--color-primary)}.icon-btn-primary:hover{background-color:#f763001a;color:var(--color-primary-hover)}.icon-btn-danger{color:var(--color-error)}.icon-btn-danger:hover{background-color:#dc35451a;color:#c0392b}.icon-btn-success{color:var(--color-success)}.icon-btn-success:hover{background-color:#28a7451a;color:#229954}.icon-btn-sm{width:32px;height:32px}.icon-btn-lg{width:48px;height:48px}.icon-text{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);color:var(--text-primary)}.icon-text .icon{color:var(--color-primary)}.icon-text.icon-text-muted,.icon-text.icon-text-muted .icon{color:var(--text-secondary)}.icon-text-success .icon{color:var(--color-success)}.icon-text-warning .icon{color:var(--color-warning)}.icon-text-danger .icon{color:var(--color-error)}.icon-text-info .icon{color:var(--color-info)}.icon-social{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-regular);transition:all var(--transition-normal);text-decoration:none;color:var(--text-inverse)}.icon-social:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.icon-social-facebook{background-color:#1877f2}.icon-social-twitter{background-color:#1da1f2}.icon-social-linkedin{background-color:#0a66c2}.icon-social-github{background-color:#333}.icon-social-google{background-color:#ea4335}.icon-social-apple{background-color:#000}.icon-spin{animation:iconSpin 2s linear infinite}.icon-pulse{animation:iconPulse 2s ease-in-out infinite}.icon-bounce{animation:iconBounce 1s ease-in-out infinite}.icon-shake{animation:iconShake .5s ease-in-out}@keyframes iconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes iconBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes iconShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.icon-file{position:relative;color:var(--text-secondary)}.icon-file-pdf{color:#dc3545}.icon-file-doc{color:#2b579a}.icon-file-xls{color:#217346}.icon-file-ppt{color:#d24726}.icon-file-zip{color:var(--color-warning)}.icon-file-image{color:var(--color-info)}.icon-file-video{color:#8b5cf6}.icon-file-audio{color:var(--color-success)}.priority-icon{display:inline-flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold)}.priority-icon-high{color:var(--color-error)}.priority-icon-medium{color:var(--color-warning)}.priority-icon-low{color:var(--color-success)}.priority-icon-critical{color:var(--color-error);animation:iconPulse 1s ease-in-out infinite}@media (max-width: 768px){.icon-btn{width:44px;height:44px}.icon-btn-sm{width:36px;height:36px}.icon-btn-lg{width:52px;height:52px}.icon-social{width:44px;height:44px}.icon-text{gap:var(--spacing-xs)}}@media (max-width: 480px){.icon-size-large,.icon-size-xl{width:20px;height:20px;font-size:16px}.icon-badge-count:after{min-width:14px;height:14px;top:-6px;right:-6px;font-size:10px}}@media (prefers-reduced-motion: reduce){.icon:hover,.status-icon:hover,.icon-btn:hover,.icon-social:hover{transform:none}.icon-spin,.icon-pulse,.icon-bounce,.icon-shake,.priority-icon-critical{animation:none}}@media (prefers-contrast: high){.status-icon-primary,.icon-btn-primary{color:var(--text-primary)!important}.status-icon:hover,.icon-btn:hover{background-color:var(--text-primary)!important;color:var(--bg-primary)!important}}.icon-hide-mobile{display:inline-flex}@media (max-width: 768px){.icon-hide-mobile{display:none}}.icon-show-mobile{display:none}@media (max-width: 768px){.icon-show-mobile{display:inline-flex}}.icon-align-top{vertical-align:top}.icon-align-middle{vertical-align:middle}.icon-align-bottom{vertical-align:bottom}.icon-margin-right{margin-right:var(--spacing-sm)}.icon-margin-left{margin-left:var(--spacing-sm)}.file-upload-container{margin-top:var(--spacing-md)}.file-upload-zone{border:2px dashed var(--color-gray);border-radius:var(--border-radius);padding:var(--spacing-xxl);text-align:center;background:var(--color-gray-light);cursor:pointer;transition:all var(--transition-normal)}.file-upload-zone:hover{border-color:var(--color-primary);background:var(--color-white)}.file-upload-zone.drag-active{border-color:var(--color-primary);background:#f763000d;transform:scale(1.02)}.file-upload-zone.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.upload-icon{font-size:2rem;margin-bottom:var(--spacing-lg);opacity:.7}.upload-text{color:var(--color-gray-medium)}.upload-primary{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--color-black);margin-bottom:var(--spacing-sm)}.upload-secondary{font-size:var(--text-sm);margin-bottom:var(--spacing-sm)}.upload-types{font-size:var(--text-xs);opacity:.8;margin:0}.upload-errors{margin-top:var(--spacing-md)}.upload-errors .error-message{background-color:#dc35451a;color:var(--color-error);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-sm);font-size:var(--text-xs);border-left:3px solid var(--color-error)}.upload-errors .error-message:last-child{margin-bottom:0}.files-list{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-gray-light);border-radius:var(--border-radius);border:1px solid var(--color-gray)}.files-list h4{margin:0 0 var(--spacing-md) 0;color:var(--color-black);font-size:var(--text-base);font-weight:var(--font-semibold)}.file-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--color-white);border-radius:var(--border-radius);margin-bottom:var(--spacing-sm);border:1px solid var(--color-gray);transition:all var(--transition-normal)}.file-item:last-child{margin-bottom:0}.file-item:hover{border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.file-info{flex:1;display:flex;align-items:center;gap:var(--spacing-sm)}.file-icon{font-size:1.2rem;flex-shrink:0}.file-details{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.file-name.clickable{background:none;border:none;padding:0;font-weight:var(--font-medium);color:var(--color-primary);font-size:var(--text-sm);word-break:break-word;cursor:pointer;text-align:left;text-decoration:underline;transition:color var(--transition-normal);line-height:1.3}.file-name.clickable:hover{color:var(--color-primary-hover);text-decoration:none}.file-name.clickable:disabled{color:var(--color-gray-medium);cursor:not-allowed;text-decoration:none}.file-name{font-weight:var(--font-medium);color:var(--color-black);font-size:var(--text-sm);word-break:break-word}.file-size{font-size:var(--text-xs);color:var(--color-gray-medium)}.file-remove{background:var(--color-error);color:var(--color-white);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:var(--font-bold);font-size:var(--text-sm);transition:all var(--transition-normal);margin-left:var(--spacing-md);flex-shrink:0}.file-remove:hover{background:#c0392b;transform:scale(1.1)}.file-remove:disabled{opacity:.5;cursor:not-allowed;transform:none}.file-upload-compact{border:1px solid var(--color-gray);border-radius:var(--border-radius);background-color:var(--color-gray-light);transition:all var(--transition-normal);position:relative;min-height:60px}.file-upload-compact.disabled{opacity:.6;pointer-events:none}.file-upload-compact.disabled .compact-upload-area{background-color:var(--color-gray-light);border-color:var(--color-gray);color:var(--color-gray-medium)}.file-upload-compact.drag-active{border-color:var(--color-primary);background-color:#f763000d;transform:scale(1.02)}.compact-dropzone-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#f763001a;border:2px dashed var(--color-primary);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;z-index:10}.dropzone-content{font-size:var(--text-lg);color:var(--color-primary);font-weight:var(--font-semibold);text-align:center}.compact-attachments-section{padding:var(--spacing-md)}.compact-attachments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.attachments-label{font-size:var(--text-sm);color:var(--color-gray-medium);font-weight:var(--font-medium)}.add-files-btn{background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-normal)}.add-files-btn:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.add-files-btn:disabled{background-color:var(--color-gray);color:var(--color-gray-medium);cursor:not-allowed;opacity:.6}.compact-files-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.compact-file-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--color-white);border-radius:var(--border-radius-sm);border:1px solid var(--color-gray);transition:all var(--transition-normal)}.compact-file-item:hover{background-color:var(--color-gray-light);border-color:var(--color-primary)}.compact-file-item .file-icon{font-size:1rem;flex-shrink:0}.compact-file-item .file-name-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:var(--text-xs);text-decoration:underline;flex:1;text-align:left;transition:color var(--transition-normal);padding:0;word-break:break-word}.compact-file-item .file-name-btn:hover{color:var(--color-primary-hover)}.compact-file-item .file-size{font-size:var(--text-xs);color:var(--color-gray-medium);flex-shrink:0}.compact-file-item .file-remove-btn{background:none;border:none;color:var(--color-error);cursor:pointer;font-size:1.2rem;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-normal);flex-shrink:0}.compact-file-item .file-remove-btn:hover:not(:disabled){background-color:var(--color-error);color:var(--color-white);transform:scale(1.1)}.compact-file-item .file-remove-btn:disabled{color:var(--color-gray-medium);cursor:not-allowed;opacity:.5}@media (max-width: 768px){.file-upload-zone{padding:var(--spacing-lg)}.upload-icon{font-size:1.5rem}.upload-primary{font-size:var(--text-base)}.upload-secondary,.upload-types{font-size:var(--text-xs)}.files-list{padding:var(--spacing-md)}.file-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.file-info{width:100%}.file-remove{align-self:flex-end;margin-left:0;margin-top:var(--spacing-sm)}.compact-attachments-header{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}.compact-file-item{padding:var(--spacing-sm)}.compact-file-item .file-icon{font-size:1.25rem}.compact-file-item .file-name-btn{font-size:var(--text-xs)}}@media (max-width: 480px){.compact-file-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.compact-file-item .file-remove-btn{align-self:flex-end}}.add-files-btn:focus,.file-remove:focus,.compact-file-item .file-name-btn:focus,.compact-file-item .file-remove-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-color-scheme: dark){.compact-dropzone-overlay{background:#f7630026}}.file-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);animation:modal-fade-in .3s ease-out}.file-preview-modal{background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-width:90vw;max-height:90vh;width:800px;display:flex;flex-direction:column;overflow:hidden;animation:modal-slide-up .3s ease-out}.file-preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray);background:var(--color-gray-light)}.file-preview-info{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.file-preview-icon{font-size:2rem;flex-shrink:0}.file-preview-name{margin:0 0 var(--spacing-xs) 0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-black);word-break:break-word}.file-preview-details{margin:0;font-size:var(--text-sm);color:var(--color-gray-medium)}.file-preview-close{background:var(--color-error);color:var(--color-white);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:var(--font-bold);font-size:var(--text-lg);transition:all var(--transition-normal);flex-shrink:0;margin-left:var(--spacing-md)}.file-preview-close:hover{background:#c0392b;transform:scale(1.1)}.file-preview-content{flex:1;padding:var(--spacing-lg);overflow:auto;min-height:200px;max-height:60vh}.file-preview-loading,.file-preview-error{display:flex;align-items:center;justify-content:center;height:200px;text-align:center}.file-preview-loading p{color:var(--color-gray-medium);font-style:italic;display:flex;align-items:center;gap:var(--spacing-sm)}.file-preview-loading p:before{content:"";width:16px;height:16px;border:2px solid var(--color-gray);border-top:2px solid var(--color-primary);border-radius:50%;animation:loading-spin 1s linear infinite}.file-preview-error p{color:var(--color-error);font-weight:var(--font-medium)}.file-preview-image{text-align:center;padding:var(--spacing-md)}.file-preview-image img{max-width:100%;max-height:400px;border-radius:var(--border-radius);box-shadow:var(--shadow-md)}.file-preview-text{background:var(--color-gray-light);border-radius:var(--border-radius);padding:var(--spacing-md);max-height:400px;overflow:auto;border:1px solid var(--color-gray)}.file-preview-text table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.file-preview-text th{background:var(--color-gray-light);font-weight:var(--font-semibold);text-align:left}.file-preview-text th,.file-preview-text td{padding:var(--spacing-sm);border:1px solid var(--color-gray)}.file-preview-text pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:Courier New,monospace;font-size:var(--text-sm);line-height:1.4}.file-preview-unsupported{text-align:center;padding:var(--spacing-xxl);color:var(--color-gray-medium)}.unsupported-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.7}.file-preview-unsupported h4{margin:0 0 var(--spacing-md) 0;color:var(--color-black);font-size:var(--text-lg);font-weight:var(--font-semibold)}.file-preview-unsupported p{font-size:var(--text-base);line-height:1.5;max-width:400px;margin:0 auto}.file-preview-footer{padding:var(--spacing-lg);border-top:1px solid var(--color-gray);background:var(--color-gray-light);text-align:right}.file-preview-button{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-medium);transition:all var(--transition-normal)}.file-preview-button.secondary{background:var(--color-white);color:var(--color-black);border:1px solid var(--color-gray)}.file-preview-button.secondary:hover{background:var(--color-gray-light);border-color:var(--color-primary)}@media (max-width: 768px){.file-preview-overlay{padding:var(--spacing-md)}.file-preview-modal{width:100%;max-height:95vh}.file-preview-header{padding:var(--spacing-md)}.file-preview-info{gap:var(--spacing-sm)}.file-preview-icon{font-size:1.5rem}.file-preview-name{font-size:var(--text-base)}.file-preview-details{font-size:var(--text-xs)}.file-preview-content{padding:var(--spacing-md);max-height:50vh}.unsupported-icon{font-size:3rem}.file-preview-text,.file-preview-text table{font-size:var(--text-xs)}.file-preview-footer{padding:var(--spacing-md)}}@media (max-width: 480px){.file-preview-header{flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.file-preview-close{align-self:flex-end;margin-left:0}.file-preview-unsupported{padding:var(--spacing-lg)}.unsupported-icon{font-size:2.5rem}}.file-preview-close:focus{outline:2px solid var(--color-primary);outline-offset:2px}.file-preview-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-color-scheme: dark){.file-preview-modal{background:var(--color-gray-dark);color:var(--color-white)}.file-preview-header,.file-preview-footer{background:var(--color-black);border-color:var(--color-gray-medium)}.file-preview-name{color:var(--color-white)}.file-preview-text{background:var(--color-black);border-color:var(--color-gray-medium)}.file-preview-text th{background:var(--color-gray-dark)}.file-preview-unsupported h4{color:var(--color-white)}.file-preview-button.secondary{background:var(--color-gray-dark);color:var(--color-white);border-color:var(--color-gray-medium)}.file-preview-button.secondary:hover{background:var(--color-gray-medium)}}.p-0{padding:0!important}.p-xs{padding:var(--spacing-xs)!important}.p-sm{padding:var(--spacing-sm)!important}.p-md{padding:var(--spacing-md)!important}.p-lg{padding:var(--spacing-lg)!important}.p-xl{padding:var(--spacing-xl)!important}.p-xxl{padding:var(--spacing-xxl)!important}.p-xxxl{padding:48px!important}.px-0{padding-left:0!important;padding-right:0!important}.px-xs{padding-left:var(--spacing-xs)!important;padding-right:var(--spacing-xs)!important}.px-sm{padding-left:var(--spacing-sm)!important;padding-right:var(--spacing-sm)!important}.px-md{padding-left:var(--spacing-md)!important;padding-right:var(--spacing-md)!important}.px-lg{padding-left:var(--spacing-lg)!important;padding-right:var(--spacing-lg)!important}.px-xl{padding-left:var(--spacing-xl)!important;padding-right:var(--spacing-xl)!important}.px-xxl{padding-left:var(--spacing-xxl)!important;padding-right:var(--spacing-xxl)!important}.px-xxxl{padding-left:48px!important;padding-right:48px!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-xs{padding-top:var(--spacing-xs)!important;padding-bottom:var(--spacing-xs)!important}.py-sm{padding-top:var(--spacing-sm)!important;padding-bottom:var(--spacing-sm)!important}.py-md{padding-top:var(--spacing-md)!important;padding-bottom:var(--spacing-md)!important}.py-lg{padding-top:var(--spacing-lg)!important;padding-bottom:var(--spacing-lg)!important}.py-xl{padding-top:var(--spacing-xl)!important;padding-bottom:var(--spacing-xl)!important}.py-xxl{padding-top:var(--spacing-xxl)!important;padding-bottom:var(--spacing-xxl)!important}.py-xxxl{padding-top:48px!important;padding-bottom:48px!important}.pt-0{padding-top:0!important}.pt-xs{padding-top:var(--spacing-xs)!important}.pt-sm{padding-top:var(--spacing-sm)!important}.pt-md{padding-top:var(--spacing-md)!important}.pt-lg{padding-top:var(--spacing-lg)!important}.pt-xl{padding-top:var(--spacing-xl)!important}.pt-xxl{padding-top:var(--spacing-xxl)!important}.pt-xxxl{padding-top:48px!important}.pr-0{padding-right:0!important}.pr-xs{padding-right:var(--spacing-xs)!important}.pr-sm{padding-right:var(--spacing-sm)!important}.pr-md{padding-right:var(--spacing-md)!important}.pr-lg{padding-right:var(--spacing-lg)!important}.pr-xl{padding-right:var(--spacing-xl)!important}.pr-xxl{padding-right:var(--spacing-xxl)!important}.pr-xxxl{padding-right:48px!important}.pb-0{padding-bottom:0!important}.pb-xs{padding-bottom:var(--spacing-xs)!important}.pb-sm{padding-bottom:var(--spacing-sm)!important}.pb-md{padding-bottom:var(--spacing-md)!important}.pb-lg{padding-bottom:var(--spacing-lg)!important}.pb-xl{padding-bottom:var(--spacing-xl)!important}.pb-xxl{padding-bottom:var(--spacing-xxl)!important}.pb-xxxl{padding-bottom:48px!important}.pl-0{padding-left:0!important}.pl-xs{padding-left:var(--spacing-xs)!important}.pl-sm{padding-left:var(--spacing-sm)!important}.pl-md{padding-left:var(--spacing-md)!important}.pl-lg{padding-left:var(--spacing-lg)!important}.pl-xl{padding-left:var(--spacing-xl)!important}.pl-xxl{padding-left:var(--spacing-xxl)!important}.pl-xxxl{padding-left:48px!important}.m-0{margin:0!important}.m-xs{margin:var(--spacing-xs)!important}.m-sm{margin:var(--spacing-sm)!important}.m-md{margin:var(--spacing-md)!important}.m-lg{margin:var(--spacing-lg)!important}.m-xl{margin:var(--spacing-xl)!important}.m-xxl{margin:var(--spacing-xxl)!important}.m-xxxl{margin:48px!important}.m-auto{margin:auto!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-xs{margin-left:var(--spacing-xs)!important;margin-right:var(--spacing-xs)!important}.mx-sm{margin-left:var(--spacing-sm)!important;margin-right:var(--spacing-sm)!important}.mx-md{margin-left:var(--spacing-md)!important;margin-right:var(--spacing-md)!important}.mx-lg{margin-left:var(--spacing-lg)!important;margin-right:var(--spacing-lg)!important}.mx-xl{margin-left:var(--spacing-xl)!important;margin-right:var(--spacing-xl)!important}.mx-xxl{margin-left:var(--spacing-xxl)!important;margin-right:var(--spacing-xxl)!important}.mx-xxxl{margin-left:48px!important;margin-right:48px!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-xs{margin-top:var(--spacing-xs)!important;margin-bottom:var(--spacing-xs)!important}.my-sm{margin-top:var(--spacing-sm)!important;margin-bottom:var(--spacing-sm)!important}.my-md{margin-top:var(--spacing-md)!important;margin-bottom:var(--spacing-md)!important}.my-lg{margin-top:var(--spacing-lg)!important;margin-bottom:var(--spacing-lg)!important}.my-xl{margin-top:var(--spacing-xl)!important;margin-bottom:var(--spacing-xl)!important}.my-xxl{margin-top:var(--spacing-xxl)!important;margin-bottom:var(--spacing-xxl)!important}.my-xxxl{margin-top:48px!important;margin-bottom:48px!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-xs{margin-top:var(--spacing-xs)!important}.mt-sm{margin-top:var(--spacing-sm)!important}.mt-md{margin-top:var(--spacing-md)!important}.mt-lg{margin-top:var(--spacing-lg)!important}.mt-xl{margin-top:var(--spacing-xl)!important}.mt-xxl{margin-top:var(--spacing-xxl)!important}.mt-xxxl{margin-top:48px!important}.mt-auto{margin-top:auto!important}.mr-0{margin-right:0!important}.mr-xs{margin-right:var(--spacing-xs)!important}.mr-sm{margin-right:var(--spacing-sm)!important}.mr-md{margin-right:var(--spacing-md)!important}.mr-lg{margin-right:var(--spacing-lg)!important}.mr-xl{margin-right:var(--spacing-xl)!important}.mr-xxl{margin-right:var(--spacing-xxl)!important}.mr-xxxl{margin-right:48px!important}.mr-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-xs{margin-bottom:var(--spacing-xs)!important}.mb-sm{margin-bottom:var(--spacing-sm)!important}.mb-md{margin-bottom:var(--spacing-md)!important}.mb-lg{margin-bottom:var(--spacing-lg)!important}.mb-xl{margin-bottom:var(--spacing-xl)!important}.mb-xxl{margin-bottom:var(--spacing-xxl)!important}.mb-xxxl{margin-bottom:48px!important}.mb-auto{margin-bottom:auto!important}.ml-0{margin-left:0!important}.ml-xs{margin-left:var(--spacing-xs)!important}.ml-sm{margin-left:var(--spacing-sm)!important}.ml-md{margin-left:var(--spacing-md)!important}.ml-lg{margin-left:var(--spacing-lg)!important}.ml-xl{margin-left:var(--spacing-xl)!important}.ml-xxl{margin-left:var(--spacing-xxl)!important}.ml-xxxl{margin-left:48px!important}.ml-auto{margin-left:auto!important}.-mt-xs{margin-top:calc(-1 * var(--spacing-xs))!important}.-mt-sm{margin-top:calc(-1 * var(--spacing-sm))!important}.-mt-md{margin-top:calc(-1 * var(--spacing-md))!important}.-mt-lg{margin-top:calc(-1 * var(--spacing-lg))!important}.-mt-xl{margin-top:calc(-1 * var(--spacing-xl))!important}.-mt-xxl{margin-top:calc(-1 * var(--spacing-xxl))!important}.-mr-xs{margin-right:calc(-1 * var(--spacing-xs))!important}.-mr-sm{margin-right:calc(-1 * var(--spacing-sm))!important}.-mr-md{margin-right:calc(-1 * var(--spacing-md))!important}.-mr-lg{margin-right:calc(-1 * var(--spacing-lg))!important}.-mr-xl{margin-right:calc(-1 * var(--spacing-xl))!important}.-mr-xxl{margin-right:calc(-1 * var(--spacing-xxl))!important}.-mb-xs{margin-bottom:calc(-1 * var(--spacing-xs))!important}.-mb-sm{margin-bottom:calc(-1 * var(--spacing-sm))!important}.-mb-md{margin-bottom:calc(-1 * var(--spacing-md))!important}.-mb-lg{margin-bottom:calc(-1 * var(--spacing-lg))!important}.-mb-xl{margin-bottom:calc(-1 * var(--spacing-xl))!important}.-mb-xxl{margin-bottom:calc(-1 * var(--spacing-xxl))!important}.-ml-xs{margin-left:calc(-1 * var(--spacing-xs))!important}.-ml-sm{margin-left:calc(-1 * var(--spacing-sm))!important}.-ml-md{margin-left:calc(-1 * var(--spacing-md))!important}.-ml-lg{margin-left:calc(-1 * var(--spacing-lg))!important}.-ml-xl{margin-left:calc(-1 * var(--spacing-xl))!important}.-ml-xxl{margin-left:calc(-1 * var(--spacing-xxl))!important}.gap-0{gap:0!important}.gap-xs{gap:var(--spacing-xs)!important}.gap-sm{gap:var(--spacing-sm)!important}.gap-md{gap:var(--spacing-md)!important}.gap-lg{gap:var(--spacing-lg)!important}.gap-xl{gap:var(--spacing-xl)!important}.gap-xxl{gap:var(--spacing-xxl)!important}.gap-xxxl{gap:48px!important}.row-gap-0{row-gap:0!important}.row-gap-xs{row-gap:var(--spacing-xs)!important}.row-gap-sm{row-gap:var(--spacing-sm)!important}.row-gap-md{row-gap:var(--spacing-md)!important}.row-gap-lg{row-gap:var(--spacing-lg)!important}.row-gap-xl{row-gap:var(--spacing-xl)!important}.row-gap-xxl{row-gap:var(--spacing-xxl)!important}.col-gap-0{column-gap:0!important}.col-gap-xs{column-gap:var(--spacing-xs)!important}.col-gap-sm{column-gap:var(--spacing-sm)!important}.col-gap-md{column-gap:var(--spacing-md)!important}.col-gap-lg{column-gap:var(--spacing-lg)!important}.col-gap-xl{column-gap:var(--spacing-xl)!important}.col-gap-xxl{column-gap:var(--spacing-xxl)!important}.space-y-0>*+*{margin-top:0!important}.space-y-xs>*+*{margin-top:var(--spacing-xs)!important}.space-y-sm>*+*{margin-top:var(--spacing-sm)!important}.space-y-md>*+*{margin-top:var(--spacing-md)!important}.space-y-lg>*+*{margin-top:var(--spacing-lg)!important}.space-y-xl>*+*{margin-top:var(--spacing-xl)!important}.space-y-xxl>*+*{margin-top:var(--spacing-xxl)!important}.space-x-0>*+*{margin-left:0!important}.space-x-xs>*+*{margin-left:var(--spacing-xs)!important}.space-x-sm>*+*{margin-left:var(--spacing-sm)!important}.space-x-md>*+*{margin-left:var(--spacing-md)!important}.space-x-lg>*+*{margin-left:var(--spacing-lg)!important}.space-x-xl>*+*{margin-left:var(--spacing-xl)!important}.space-x-xxl>*+*{margin-left:var(--spacing-xxl)!important}.container-padding-sm{padding:var(--spacing-sm) var(--spacing-md)!important}.container-padding{padding:var(--spacing-md) var(--spacing-lg)!important}.container-padding-lg{padding:var(--spacing-lg) var(--spacing-xl)!important}.container-padding-xl{padding:var(--spacing-xl) var(--spacing-xxl)!important}.section-spacing-sm{padding-top:var(--spacing-xl)!important;padding-bottom:var(--spacing-xl)!important}.section-spacing{padding-top:var(--spacing-xxl)!important;padding-bottom:var(--spacing-xxl)!important}.section-spacing-lg{padding-top:48px!important;padding-bottom:48px!important}.content-narrow{max-width:600px!important;margin-left:auto!important;margin-right:auto!important}.content-medium{max-width:800px!important;margin-left:auto!important;margin-right:auto!important}.content-wide{max-width:1200px!important;margin-left:auto!important;margin-right:auto!important}.form-spacing>*+*{margin-top:var(--spacing-lg)!important}.form-spacing-tight>*+*{margin-top:var(--spacing-md)!important}.form-spacing-loose>*+*{margin-top:var(--spacing-xl)!important}.card-padding{padding:var(--spacing-lg) var(--spacing-xl)!important}.card-padding-sm{padding:var(--spacing-md) var(--spacing-lg)!important}.card-padding-lg{padding:var(--spacing-xl) var(--spacing-xxl)!important}.modal-padding{padding:var(--spacing-xl)!important}.modal-spacing>*+*{margin-top:var(--spacing-lg)!important}.btn-group-spacing{gap:var(--spacing-md)!important}.btn-group-spacing-sm{gap:var(--spacing-sm)!important}.btn-group-spacing-lg{gap:var(--spacing-lg)!important}.list-spacing>li+li{margin-top:var(--spacing-sm)!important}.list-spacing-md>li+li{margin-top:var(--spacing-md)!important}.list-spacing-lg>li+li{margin-top:var(--spacing-lg)!important}@media (max-width: 768px){.container-padding{padding:var(--spacing-sm) var(--spacing-md)!important}.container-padding-lg{padding:var(--spacing-md) var(--spacing-lg)!important}.container-padding-xl{padding:var(--spacing-lg) var(--spacing-xl)!important}.section-spacing{padding-top:var(--spacing-xl)!important;padding-bottom:var(--spacing-xl)!important}.section-spacing-lg{padding-top:var(--spacing-xxl)!important;padding-bottom:var(--spacing-xxl)!important}.form-spacing>*+*{margin-top:var(--spacing-md)!important}.form-spacing-loose>*+*{margin-top:var(--spacing-lg)!important}.p-mobile-sm{padding:var(--spacing-sm)!important}.p-mobile-md{padding:var(--spacing-md)!important}.px-mobile-sm{padding-left:var(--spacing-sm)!important;padding-right:var(--spacing-sm)!important}.px-mobile-md{padding-left:var(--spacing-md)!important;padding-right:var(--spacing-md)!important}.my-mobile-sm{margin-top:var(--spacing-sm)!important;margin-bottom:var(--spacing-sm)!important}.my-mobile-md{margin-top:var(--spacing-md)!important;margin-bottom:var(--spacing-md)!important}}@media (max-width: 480px){.container-padding{padding:var(--spacing-xs) var(--spacing-sm)!important}.card-padding{padding:var(--spacing-md)!important}.modal-padding{padding:var(--spacing-lg)!important}.p-mobile-xs{padding:var(--spacing-xs)!important}.px-mobile-xs{padding-left:var(--spacing-xs)!important;padding-right:var(--spacing-xs)!important}.my-mobile-xs{margin-top:var(--spacing-xs)!important;margin-bottom:var(--spacing-xs)!important}.space-y-md>*+*{margin-top:var(--spacing-sm)!important}.space-y-lg>*+*{margin-top:var(--spacing-md)!important}}@media print{.section-spacing,.section-spacing-lg{padding-top:var(--spacing-lg)!important;padding-bottom:var(--spacing-lg)!important}.container-padding,.container-padding-lg,.container-padding-xl{padding:var(--spacing-sm)!important}.my-xl,.my-xxl,.my-xxxl{margin-top:var(--spacing-lg)!important;margin-bottom:var(--spacing-lg)!important}}.settings-field-spacing{margin-bottom:var(--spacing-lg)!important}.settings-section-spacing{margin-bottom:var(--spacing-xl)!important}.settings-group-spacing{gap:var(--spacing-xl)!important}.settings-actions-spacing{padding-top:var(--spacing-lg)!important;margin-top:var(--spacing-lg)!important}.task-spacing>*+*{margin-top:var(--spacing-md)!important}.task-item-padding{padding:var(--spacing-md) var(--spacing-lg)!important}.task-section-spacing{margin-bottom:var(--spacing-xxl)!important}.block{display:block!important}.inline{display:inline!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.grid{display:grid!important}.inline-grid{display:inline-grid!important}.table{display:table!important}.table-cell{display:table-cell!important}.table-row{display:table-row!important}.hidden{display:none!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.opacity-hidden{opacity:0!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.sr-only-focusable:focus{position:static!important;width:auto!important;height:auto!important;padding:inherit!important;margin:inherit!important;overflow:visible!important;clip:auto!important;white-space:normal!important}.flex-row{flex-direction:row!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-col{flex-direction:column!important}.flex-col-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-1{flex:1 1 0%!important}.flex-auto{flex:1 1 auto!important}.flex-initial{flex:0 1 auto!important}.flex-none{flex:none!important}.flex-grow{flex-grow:1!important}.flex-grow-0{flex-grow:0!important}.flex-shrink{flex-shrink:1!important}.flex-shrink-0{flex-shrink:0!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.justify-evenly{justify-content:space-evenly!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.items-baseline{align-items:baseline!important}.items-stretch{align-items:stretch!important}.content-start{align-content:flex-start!important}.content-end{align-content:flex-end!important}.content-center{align-content:center!important}.content-between{align-content:space-between!important}.content-around{align-content:space-around!important}.content-evenly{align-content:space-evenly!important}.self-auto{align-self:auto!important}.self-start{align-self:flex-start!important}.self-end{align-self:flex-end!important}.self-center{align-self:center!important}.self-baseline{align-self:baseline!important}.self-stretch{align-self:stretch!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))!important}.grid-cols-none{grid-template-columns:none!important}.grid-cols-auto-fit{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important}.grid-cols-auto-fill{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))!important}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))!important}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))!important}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))!important}.grid-rows-none{grid-template-rows:none!important}.col-span-1{grid-column:span 1 / span 1!important}.col-span-2{grid-column:span 2 / span 2!important}.col-span-3{grid-column:span 3 / span 3!important}.col-span-4{grid-column:span 4 / span 4!important}.col-span-5{grid-column:span 5 / span 5!important}.col-span-6{grid-column:span 6 / span 6!important}.col-span-full{grid-column:1 / -1!important}.row-span-1{grid-row:span 1 / span 1!important}.row-span-2{grid-row:span 2 / span 2!important}.row-span-3{grid-row:span 3 / span 3!important}.row-span-4{grid-row:span 4 / span 4!important}.row-span-full{grid-row:1 / -1!important}.col-start-1{grid-column-start:1!important}.col-start-2{grid-column-start:2!important}.col-start-3{grid-column-start:3!important}.col-end-1{grid-column-end:1!important}.col-end-2{grid-column-end:2!important}.col-end-3{grid-column-end:3!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.sticky{position:sticky!important}.top-0{top:0!important}.top-auto{top:auto!important}.right-0{right:0!important}.right-auto{right:auto!important}.bottom-0{bottom:0!important}.bottom-auto{bottom:auto!important}.left-0{left:0!important}.left-auto{left:auto!important}.inset-0{top:0!important;right:0!important;bottom:0!important;left:0!important}.z-0{z-index:0!important}.z-10{z-index:10!important}.z-20{z-index:20!important}.z-30{z-index:30!important}.z-40{z-index:40!important}.z-50{z-index:50!important}.z-modal{z-index:var(--z-modal)!important}.z-tooltip{z-index:var(--z-tooltip)!important}.z-dropdown{z-index:var(--z-dropdown)!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-visible{overflow-x:visible!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-auto{overflow-y:auto!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-visible{overflow-y:visible!important}.overflow-y-scroll{overflow-y:scroll!important}.w-0{width:0!important}.w-auto{width:auto!important}.w-full{width:100%!important}.w-screen{width:100vw!important}.w-fit{width:fit-content!important}.w-min{width:min-content!important}.w-max{width:max-content!important}.w-1-2{width:50%!important}.w-1-3{width:33.333333%!important}.w-2-3{width:66.666667%!important}.w-1-4{width:25%!important}.w-3-4{width:75%!important}.w-1-5{width:20%!important}.w-2-5{width:40%!important}.w-3-5{width:60%!important}.w-4-5{width:80%!important}.w-10{width:2.5rem!important}.w-20{width:5rem!important}.w-32{width:8rem!important}.w-48{width:12rem!important}.w-64{width:16rem!important}.w-80{width:20rem!important}.w-96{width:24rem!important}.max-w-0{max-width:0!important}.max-w-none{max-width:none!important}.max-w-xs{max-width:20rem!important}.max-w-sm{max-width:24rem!important}.max-w-md{max-width:28rem!important}.max-w-lg{max-width:32rem!important}.max-w-xl{max-width:36rem!important}.max-w-2xl{max-width:42rem!important}.max-w-3xl{max-width:48rem!important}.max-w-4xl{max-width:56rem!important}.max-w-5xl{max-width:64rem!important}.max-w-6xl{max-width:72rem!important}.max-w-7xl{max-width:80rem!important}.max-w-full{max-width:100%!important}.max-w-screen{max-width:100vw!important}.min-w-0{min-width:0!important}.min-w-full{min-width:100%!important}.min-w-fit{min-width:fit-content!important}.min-w-min{min-width:min-content!important}.min-w-max{min-width:max-content!important}.h-0{height:0!important}.h-auto{height:auto!important}.h-full{height:100%!important}.h-screen{height:100vh!important}.h-fit{height:fit-content!important}.h-min{height:min-content!important}.h-max{height:max-content!important}.h-10{height:2.5rem!important}.h-20{height:5rem!important}.h-32{height:8rem!important}.h-48{height:12rem!important}.h-64{height:16rem!important}.h-80{height:20rem!important}.h-96{height:24rem!important}.max-h-0{max-height:0!important}.max-h-none{max-height:none!important}.max-h-full{max-height:100%!important}.max-h-screen{max-height:100vh!important}.max-h-fit{max-height:fit-content!important}.min-h-0{min-height:0!important}.min-h-full{min-height:100%!important}.min-h-screen{min-height:100vh!important}.min-h-fit{min-height:fit-content!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-justify{text-align:justify!important}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-top{vertical-align:text-top!important}.align-text-bottom{vertical-align:text-bottom!important}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}.clearfix:after{content:""!important;display:table!important;clear:both!important}.object-contain{object-fit:contain!important}.object-cover{object-fit:cover!important}.object-fill{object-fit:fill!important}.object-none{object-fit:none!important}.object-scale-down{object-fit:scale-down!important}.center-content{display:flex!important;align-items:center!important;justify-content:center!important}.center-absolute{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.full-cover{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important}.aspect-square{aspect-ratio:1 / 1!important}.aspect-video{aspect-ratio:16 / 9!important}.aspect-photo{aspect-ratio:4 / 3!important}.container{width:100%!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--spacing-lg)!important;padding-right:var(--spacing-lg)!important}.container-fluid{width:100%!important;padding-left:var(--spacing-lg)!important;padding-right:var(--spacing-lg)!important}.container-narrow{width:100%!important;max-width:800px!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--spacing-lg)!important;padding-right:var(--spacing-lg)!important}.settings-layout{display:grid!important;grid-template-columns:1fr!important;gap:var(--spacing-xl)!important;max-width:1400px!important;margin:0 auto!important}.settings-grid-2{display:grid!important;grid-template-columns:1fr 1fr!important;gap:var(--spacing-xl)!important}.settings-row-layout{display:flex!important;gap:var(--spacing-xl)!important;align-items:stretch!important}.task-layout{display:grid!important;grid-template-columns:1fr 300px!important;gap:var(--spacing-lg)!important;height:100vh!important}.task-list-layout{display:flex!important;flex-direction:column!important;gap:var(--spacing-md)!important}@media (max-width: 768px){.hidden-mobile{display:none!important}.block-mobile{display:block!important}.flex-mobile{display:flex!important}.grid-mobile{display:grid!important}.settings-grid-2{grid-template-columns:1fr!important}.settings-row-layout{flex-direction:column!important}.task-layout{grid-template-columns:1fr!important;height:auto!important}.container,.container-narrow{padding-left:var(--spacing-md)!important;padding-right:var(--spacing-md)!important}.flex-col-mobile{flex-direction:column!important}.items-start-mobile{align-items:flex-start!important}.justify-start-mobile{justify-content:flex-start!important}}@media (min-width: 769px){.hidden-desktop{display:none!important}.block-desktop{display:block!important}.flex-desktop{display:flex!important}.grid-desktop{display:grid!important}}@media (min-width: 481px) and (max-width: 768px){.hidden-tablet{display:none!important}.block-tablet{display:block!important}.flex-tablet{display:flex!important}.grid-tablet{display:grid!important}}@media print{.print-hidden{display:none!important}.print-block,.grid,.flex,.settings-layout,.settings-grid-2,.task-layout{display:block!important}.absolute,.fixed{position:static!important}}.sidebar-layout{display:grid!important;grid-template-columns:200px 1fr!important;gap:var(--spacing-lg)!important;height:100vh!important}.header-content-layout{display:flex!important;flex-direction:column!important;height:100vh!important}.three-column-layout{display:grid!important;grid-template-columns:200px 1fr 250px!important;gap:var(--spacing-lg)!important;height:100vh!important}.card-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:var(--spacing-lg)!important}.card-grid-sm{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;gap:var(--spacing-md)!important}.card-grid-lg{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))!important;gap:var(--spacing-xl)!important}.form-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:var(--spacing-lg)!important}.form-stack{display:flex!important;flex-direction:column!important;gap:var(--spacing-md)!important}.btn-group{display:flex!important;gap:var(--spacing-md)!important}.btn-stack{display:flex!important;flex-direction:column!important;gap:var(--spacing-sm)!important}.bg-primary{background-color:var(--color-primary)!important}.bg-primary-hover{background-color:var(--color-primary-hover)!important}.bg-primary-active{background-color:var(--color-primary-active)!important}.bg-secondary{background-color:var(--color-secondary)!important}.bg-white{background-color:var(--bg-primary)!important}.bg-black{background-color:var(--text-primary)!important}.bg-transparent{background-color:transparent!important}.bg-light{background-color:var(--bg-secondary)!important}.bg-hover{background-color:var(--bg-hover)!important}.bg-disabled{background-color:var(--bg-disabled)!important}.bg-gray-light{background-color:var(--color-gray-light)!important}.bg-gray{background-color:var(--color-gray)!important}.bg-gray-medium{background-color:var(--color-gray-medium)!important}.bg-gray-dark{background-color:var(--color-gray-dark)!important}.bg-success{background-color:var(--color-success)!important}.bg-warning{background-color:var(--color-warning)!important}.bg-error,.bg-danger{background-color:var(--color-error)!important}.bg-info{background-color:var(--color-info)!important}.bg-success-light{background-color:#28a7451a!important}.bg-warning-light{background-color:#ffc1071a!important}.bg-error-light,.bg-danger-light{background-color:#dc35451a!important}.bg-info-light{background-color:#17a2b81a!important}.bg-primary-light{background-color:#f763001a!important}.text-primary{color:var(--color-primary)!important}.text-primary-hover{color:var(--color-primary-hover)!important}.text-secondary{color:var(--color-secondary)!important}.text-black{color:var(--text-primary)!important}.text-white{color:var(--text-inverse)!important}.text-muted{color:var(--text-secondary)!important}.text-disabled{color:var(--text-disabled)!important}.text-gray{color:var(--color-gray-medium)!important}.text-gray-light{color:var(--color-gray)!important}.text-gray-dark{color:var(--color-gray-dark)!important}.text-success{color:var(--color-success)!important}.text-warning{color:var(--color-warning)!important}.text-error,.text-danger{color:var(--color-error)!important}.text-info{color:var(--color-info)!important}.text-blue{color:var(--color-blue)!important}.border-primary{border-color:var(--color-primary)!important}.border-secondary{border-color:var(--color-secondary)!important}.border-gray{border-color:var(--border-primary)!important}.border-gray-light{border-color:var(--color-gray-light)!important}.border-gray-medium{border-color:var(--color-gray-medium)!important}.border-transparent{border-color:transparent!important}.border-white{border-color:var(--bg-primary)!important}.border-black{border-color:var(--text-primary)!important}.border-success{border-color:var(--color-success)!important}.border-warning{border-color:var(--color-warning)!important}.border-error,.border-danger{border-color:var(--color-error)!important}.border-info{border-color:var(--color-info)!important}.hover-bg-primary:hover{background-color:var(--color-primary)!important}.hover-bg-primary-hover:hover{background-color:var(--color-primary-hover)!important}.hover-bg-light:hover{background-color:var(--bg-hover)!important}.hover-bg-white:hover{background-color:var(--bg-primary)!important}.hover-text-primary:hover{color:var(--color-primary)!important}.hover-text-white:hover{color:var(--text-inverse)!important}.hover-text-black:hover{color:var(--text-primary)!important}.hover-border-primary:hover{border-color:var(--color-primary)!important}.hover-border-success:hover{border-color:var(--color-success)!important}.hover-border-error:hover{border-color:var(--color-error)!important}.focus-border-primary:focus{border-color:var(--color-primary)!important}.focus-text-primary:focus{color:var(--color-primary)!important}.focus-bg-light:focus{background-color:var(--bg-hover)!important}.bg-gradient-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))!important}.bg-gradient-primary-vertical{background:linear-gradient(180deg,var(--color-primary),var(--color-secondary))!important}.bg-gradient-primary-horizontal{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary))!important}.bg-gradient-success{background:linear-gradient(135deg,var(--color-success),#27ae60)!important}.bg-gradient-warning{background:linear-gradient(135deg,var(--color-warning),#f39c12)!important}.bg-gradient-error{background:linear-gradient(135deg,var(--color-error),#c0392b)!important}.bg-gradient-info{background:linear-gradient(135deg,var(--color-info),#2980b9)!important}.bg-gradient-light{background:linear-gradient(135deg,var(--bg-primary),var(--bg-secondary))!important}.bg-gradient-dark{background:linear-gradient(135deg,var(--text-primary),var(--color-gray-dark))!important}.opacity-0{opacity:0!important}.opacity-10{opacity:.1!important}.opacity-20{opacity:.2!important}.opacity-25{opacity:.25!important}.opacity-30{opacity:.3!important}.opacity-40{opacity:.4!important}.opacity-50{opacity:.5!important}.opacity-60{opacity:.6!important}.opacity-70{opacity:.7!important}.opacity-75{opacity:.75!important}.opacity-80{opacity:.8!important}.opacity-90{opacity:.9!important}.opacity-100,.hover-opacity-100:hover{opacity:1!important}.hover-opacity-90:hover{opacity:.9!important}.hover-opacity-80:hover{opacity:.8!important}.hover-opacity-70:hover{opacity:.7!important}.hover-opacity-50:hover{opacity:.5!important}.light-bg{background-color:var(--bg-primary)!important}.light-text{color:var(--text-primary)!important}.light-border{border-color:var(--border-primary)!important}.contrast-bg{background-color:var(--text-primary)!important}.contrast-text{color:var(--text-inverse)!important}.contrast-border{border-color:var(--text-primary)!important}.settings-bg{background-color:var(--bg-primary)!important}.settings-section-bg{background-color:var(--bg-secondary)!important}.settings-border{border-color:var(--border-primary)!important}.task-priority-high{color:var(--color-error)!important}.task-priority-medium{color:var(--color-warning)!important}.task-priority-low{color:var(--color-success)!important}.task-priority-critical{color:var(--color-error)!important;background-color:#dc35451a!important}.role-owner{color:#d4a017!important}.role-admin{color:var(--color-primary)!important}.role-user{color:var(--color-gray-medium)!important}.status-online{color:var(--color-success)!important}.status-offline{color:var(--color-error)!important}.status-away{color:var(--color-warning)!important}.status-busy{color:var(--color-error)!important}.status-idle{color:var(--color-gray-medium)!important}.status-bg-online{background-color:#28a7451a!important}.status-bg-offline{background-color:#dc35451a!important}.status-bg-away{background-color:#ffc1071a!important}.primary-combo{background-color:var(--color-primary)!important;color:var(--text-inverse)!important;border-color:var(--color-primary)!important}.secondary-combo{background-color:var(--bg-primary)!important;color:var(--color-primary)!important;border-color:var(--color-primary)!important}.success-combo{background-color:var(--color-success)!important;color:var(--text-inverse)!important;border-color:var(--color-success)!important}.error-combo{background-color:var(--color-error)!important;color:var(--text-inverse)!important;border-color:var(--color-error)!important}.muted-combo{background-color:var(--bg-secondary)!important;color:var(--text-secondary)!important;border-color:var(--border-primary)!important}@media (max-width: 768px){.mobile-bg-white{background-color:var(--bg-primary)!important}.mobile-text-primary{color:var(--color-primary)!important}.mobile-border-light{border-color:var(--color-gray-light)!important}}@media (prefers-contrast: high){.text-primary,.text-secondary{color:var(--text-primary)!important}.bg-light{background-color:var(--bg-primary)!important}.border-primary,.border-gray{border-color:var(--text-primary)!important;border-width:2px!important}}@media print{.bg-primary,.bg-success,.bg-warning,.bg-error,.bg-info{background:#fff!important;color:#000!important;border:1px solid black!important}.text-primary,.text-success,.text-warning,.text-error,.text-info{color:#000!important}.bg-gradient-primary,.bg-gradient-success,.bg-gradient-warning,.bg-gradient-error,.bg-gradient-info{background:#fff!important}}.bg-darker-color{background-color:var(--bg-secondary)!important}.text-text-color{color:var(--text-primary)!important}.text-text-secondary{color:var(--text-secondary)!important}.border-border-color{border-color:var(--border-primary)!important}.bg-light-color{background-color:var(--bg-primary)!important}.text-green{color:var(--color-success)!important}.text-red{color:var(--color-error)!important}.text-yellow{color:var(--color-warning)!important}.bg-green{background-color:var(--color-success)!important}.bg-red{background-color:var(--color-error)!important}.bg-yellow{background-color:var(--color-warning)!important}.nav-tab:focus,.filter-btn:focus,.task-item:focus,.button:focus,.btn-primary:focus,.btn-secondary:focus,.btn-danger:focus,.btn-ghost:focus,.close-button:focus,.input:focus,.select:focus,.textarea:focus,.card:focus,.stat-card:focus,a:focus{outline:none}.nav-tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-small)}.button:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-danger:focus-visible,.btn-success:focus-visible,.btn-ghost:focus-visible,.btn-outline:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-small)}.task-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-regular)}.filter-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.filter-btn-info:focus,.btn-info:focus{box-shadow:0 0 0 3px #17a2b84d}.filter-btn-warning:focus,.btn-warning:focus{box-shadow:0 0 0 3px #ffc1074d}.filter-btn-success:focus,.btn-success:focus{box-shadow:0 0 0 3px #28a7454d}.filter-btn-error:focus,.filter-btn-danger:focus,.btn-danger:focus{box-shadow:0 0 0 3px #dc35454d}.filter-btn-primary:focus,.btn-primary:focus{box-shadow:var(--shadow-focus)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-small);text-decoration:underline}.card:focus-visible,.task-card:focus-visible,.project-card:focus-visible,.employee-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-regular)}.stat-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;transform:translateY(-2px);box-shadow:var(--shadow-hover)}.modal:focus-visible,.tooltip:focus-visible,.dropdown-menu:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.skip-link:focus{position:absolute;top:6px;left:6px;background:var(--bg-primary);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;border:2px solid var(--color-primary);border-radius:var(--radius-regular);z-index:var(--z-tooltip);font-weight:var(--font-weight-medium)}@media (prefers-contrast: high){.nav-tab:focus-visible,.filter-btn:focus-visible,.task-item:focus-visible,.button:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.input:focus-visible,.select:focus-visible,.textarea:focus-visible,a:focus-visible{outline:3px solid;outline-offset:3px}}@media (prefers-reduced-motion: reduce){.nav-tab:focus,.filter-btn:focus,.task-item:focus,.button:focus,.btn-primary:focus,.btn-secondary:focus,.card:focus,.stat-card:focus{transition:none;transform:none}}[tabindex]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}[tabindex="-1"]:focus{outline:none}.focus-trap{position:relative}.focus-trap:focus{outline: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:0}.sr-only-focusable:focus{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}@media (max-width: 768px){.nav-tab:focus-visible,.filter-btn:focus-visible,.button:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible{outline-width:3px;outline-offset:3px}}.filter-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.filter-button--info:focus{box-shadow:0 0 0 3px #17a2b84d}.filter-button--warning:focus{box-shadow:0 0 0 3px #ffc1074d}.filter-button--success:focus{box-shadow:0 0 0 3px #28a7454d}.loading-spin{animation:loadingSpin 1s linear infinite}@keyframes loadingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.slide-down{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-normal) ease-out}.fade-in-slow{animation:fadeIn .6s ease-out}.fade-in-fast{animation:fadeIn .15s ease-out}.fade-out{animation:fadeOut var(--transition-normal) ease-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.slide-up{animation:slideUp var(--transition-normal) ease-out}.slide-left{animation:slideLeft var(--transition-normal) ease-out}.slide-right{animation:slideRight var(--transition-normal) ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.zoom-in{animation:zoomIn var(--transition-normal) ease-out}.zoom-out{animation:zoomOut var(--transition-normal) ease-out forwards}.scale-hover{transition:transform var(--transition-normal)}.scale-hover:hover{transform:scale(1.05)}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes zoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.bounce-in{animation:bounceIn .6s ease-out}.bounce-hover{transition:transform var(--transition-normal)}.bounce-hover:hover{animation:bounceHover .3s ease-out}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceHover{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.shake{animation:shake .5s ease-in-out}.shake-error{animation:shakeError .6s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}@keyframes shakeError{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.pulse{animation:pulse 2s ease-in-out infinite}.pulse-fast{animation:pulse 1s ease-in-out infinite}.pulse-slow{animation:pulse 3s ease-in-out infinite}.pulse-primary{animation:pulsePrimary 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulsePrimary{0%,to{box-shadow:0 0 #f76300b3}50%{box-shadow:0 0 0 10px #f7630000}}.rotate{animation:rotate 2s linear infinite}.rotate-slow{animation:rotate 4s linear infinite}.rotate-fast{animation:rotate 1s linear infinite}.rotate-hover{transition:transform var(--transition-normal)}.rotate-hover:hover{transform:rotate(180deg)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.flip-horizontal{animation:flipHorizontal .6s ease-in-out}.flip-vertical{animation:flipVertical .6s ease-in-out}@keyframes flipHorizontal{0%{transform:rotateY(0)}50%{transform:rotateY(-90deg)}to{transform:rotateY(0)}}@keyframes flipVertical{0%{transform:rotateX(0)}50%{transform:rotateX(-90deg)}to{transform:rotateX(0)}}.spinner-border{animation:spinnerBorder 1s linear infinite;border:3px solid rgba(0,0,0,.1);border-top:3px solid var(--color-primary);border-radius:var(--radius-round)}@keyframes spinnerBorder{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dots-loading{display:inline-flex;gap:var(--spacing-xs)}.dots-loading .dot{width:8px;height:8px;border-radius:var(--radius-round);background-color:var(--color-primary);animation:dotsLoading 1.4s infinite ease-in-out}.dots-loading .dot:nth-child(1){animation-delay:-.32s}.dots-loading .dot:nth-child(2){animation-delay:-.16s}.dots-loading .dot:nth-child(3){animation-delay:0s}@keyframes dotsLoading{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.progress-indeterminate{overflow:hidden;position:relative}.progress-indeterminate:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);animation:progressSlide 2s infinite}@keyframes progressSlide{0%{transform:translate(-100%)}to{transform:translate(100%)}}.notification-enter{animation:notificationEnter .4s ease-out}.notification-exit{animation:notificationExit .3s ease-in forwards}@keyframes notificationEnter{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes notificationExit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.modal-backdrop-enter{animation:modalBackdropEnter var(--transition-normal) ease-out}.modal-content-enter{animation:modalContentEnter .3s ease-out}@keyframes modalBackdropEnter{0%{opacity:0}to{opacity:1}}@keyframes modalContentEnter{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.lift-hover{transition:all var(--transition-normal)}.lift-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.glow-hover{transition:all var(--transition-normal)}.glow-hover:hover{box-shadow:0 0 20px #f763004d}.float{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.stagger-children>*{animation:fadeInUp .6s ease-out backwards}.stagger-children>*:nth-child(1){animation-delay:.1s}.stagger-children>*:nth-child(2){animation-delay:.2s}.stagger-children>*:nth-child(3){animation-delay:.3s}.stagger-children>*:nth-child(4){animation-delay:.4s}.stagger-children>*:nth-child(5){animation-delay:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.task-entry{animation:taskEntry .4s ease-out}@keyframes taskEntry{0%{opacity:0;transform:translate(-20px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.card-reveal{animation:cardReveal .5s ease-out}@keyframes cardReveal{0%{opacity:0;transform:translateY(30px);box-shadow:none}to{opacity:1;transform:translateY(0);box-shadow:var(--shadow-sm)}}.btn-press{transition:all .1s ease-out}.delay-0{animation-delay:0s}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.duration-fast{animation-duration:.15s}.duration-normal{animation-duration:var(--transition-normal)}.duration-slow{animation-duration:.6s}.duration-slower{animation-duration:1s}.ease-linear{animation-timing-function:linear}.ease-in{animation-timing-function:ease-in}.ease-out{animation-timing-function:ease-out}.ease-in-out{animation-timing-function:ease-in-out}.fill-forwards{animation-fill-mode:forwards}.fill-backwards{animation-fill-mode:backwards}.fill-both{animation-fill-mode:both}.infinite{animation-iteration-count:infinite}.once{animation-iteration-count:1}.twice{animation-iteration-count:2}.transition-all{transition:all var(--transition-normal)}.transition-colors{transition:color var(--transition-normal),background-color var(--transition-normal),border-color var(--transition-normal)}.transition-transform{transition:transform var(--transition-normal)}.transition-opacity{transition:opacity var(--transition-normal)}.transition-fast{transition-duration:.15s}.transition-normal{transition-duration:var(--transition-normal)}.transition-slow{transition-duration:.6s}@media (max-width: 768px){.slide-down,.slide-up,.slide-left,.slide-right{animation-duration:.2s}.bounce-in,.zoom-in{animation-duration:.4s}.float{animation-duration:4s;transform:translateY(-5px)}}@media (max-width: 480px){.lift-hover:hover{transform:translateY(-1px)}.scale-hover:hover{transform:scale(1.02)}.stagger-children>*{animation-delay:.05s!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.loading-spin,.rotate,.rotate-slow,.rotate-fast,.pulse,.pulse-fast,.pulse-slow,.pulse-primary,.float{animation:none!important}.scale-hover:hover,.lift-hover:hover,.bounce-hover:hover,.rotate-hover:hover{transform:none!important}}@media print{*,*:before,*:after{animation:none!important;transition:none!important;transform:none!important}}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fade-in .3s ease-out}.slide-down{animation:slide-down .3s ease-out}.spin{animation:spin 1s linear infinite}.settings-section-hover{transition:all var(--transition-normal)}.settings-section-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-hover-lift{transition:all var(--transition-normal)}.btn-hover-lift:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.form-field-focus{transition:all var(--transition-normal)}.form-field-focus:focus{transform:scale(1.02)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.shake{animation:shake .3s ease-in-out}@keyframes pulse-success{0%{box-shadow:0 0 0 0 var(--color-primary-alpha)}70%{box-shadow:0 0 0 10px transparent}to{box-shadow:0 0 0 0 transparent}}.pulse-success{animation:pulse-success 2s infinite}@keyframes loading-wave{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.loading-wave{background:linear-gradient(90deg,var(--color-background-secondary) 25%,var(--color-border-light) 50%,var(--color-background-secondary) 75%);background-size:200px 100%;animation:loading-wave 1.5s infinite}.stagger-in{animation:fade-in .5s ease-out}.stagger-in:nth-child(1){animation-delay:.1s}.stagger-in:nth-child(2){animation-delay:.2s}.stagger-in:nth-child(3){animation-delay:.3s}.stagger-in:nth-child(4){animation-delay:.4s}@media (prefers-reduced-motion: reduce){.fade-in,.slide-down,.settings-section-hover,.btn-hover-lift,.form-field-focus,.stagger-in{animation:none;transition:none}.settings-section-hover:hover,.btn-hover-lift:hover:not(:disabled),.form-field-focus:focus{transform:none}}@keyframes form-section-enter{0%{opacity:0;transform:translateY(30px);filter:blur(1px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes dropdown-expand{0%{opacity:0;transform:translateY(-5px) scaleY(.95);transform-origin:top}to{opacity:1;transform:translateY(0) scaleY(1);transform-origin:top}}@keyframes error-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes success-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes loading-dots{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}.fade-in-up{animation:fade-in-up .3s ease-out}.slide-down{animation:slide-down .2s ease-out}.form-section-enter{animation:form-section-enter .4s ease-out}.dropdown-expand{animation:dropdown-expand .15s ease-out}.error-shake{animation:error-shake .3s ease-in-out}.success-bounce{animation:success-bounce .4s ease-in-out}.stagger-form{animation:fade-in-up .4s ease-out}.stagger-form:nth-child(1){animation-delay:.1s}.stagger-form:nth-child(2){animation-delay:.2s}.stagger-form:nth-child(3){animation-delay:.3s}.stagger-form:nth-child(4){animation-delay:.4s}.stagger-form:nth-child(5){animation-delay:.5s}.form-loading{position:relative;overflow:hidden}.form-loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(247,99,0,.1),transparent);animation:loading-sweep 1.5s infinite}@keyframes loading-sweep{0%{left:-100%}to{left:100%}}.dropdown-hover{transition:all var(--transition-normal)}.dropdown-hover:hover{transform:translate(4px);background-color:var(--color-primary-alpha)}.upload-drag-enter{animation:upload-pulse .3s ease-out}@keyframes upload-pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.input-error{animation:input-error-shake .3s ease-in-out;border-color:var(--color-error)!important}@keyframes input-error-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.input-success{animation:input-success-glow .5s ease-out}@keyframes input-success-glow{0%{box-shadow:0 0 0 0 var(--color-success-alpha)}50%{box-shadow:0 0 0 4px var(--color-success-alpha)}to{box-shadow:0 0 0 0 transparent}}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.form-progress{animation:progress-fill .3s ease-out}@keyframes progress-fill{0%{width:0}to{width:var(--progress-width, 0)}}.floating-label{transition:all var(--transition-normal)}.floating-label.active{transform:translateY(-20px) scale(.85);color:var(--color-primary)}.form-element-focus{transition:all var(--transition-normal)}.form-element-focus:focus-within{transform:translateY(-1px);box-shadow:var(--shadow-md)}@media (prefers-reduced-motion: reduce){.fade-in-up,.slide-down,.form-section-enter,.dropdown-expand,.error-shake,.success-bounce,.stagger-form,.dropdown-hover,.upload-drag-enter,.input-error,.input-success,.form-progress,.floating-label,.form-element-focus{animation:none!important;transition:none!important;transform:none!important}.form-loading:after{display:none}.btn-loading:after{animation:none;border:2px solid currentColor;border-radius:2px}}@media (prefers-color-scheme: dark){.form-loading:after{background:linear-gradient(90deg,transparent,rgba(247,99,0,.2),transparent)}}.error-slide-in{animation:error-slide-in .3s ease-out}.drag-scale-up{animation:drag-scale-up .2s ease-out}@keyframes drag-scale-up{0%{transform:scale(1)}to{transform:scale(1.02)}}.drag-scale-down{animation:drag-scale-down .2s ease-out}@keyframes drag-scale-down{0%{transform:scale(1.02)}to{transform:scale(1)}}.file-hover-slide{transition:transform var(--transition-normal)}.file-hover-slide:hover{transform:translate(4px)}.modal-fade-in{animation:modal-fade-in .3s ease-out}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-slide-up{animation:modal-slide-up .3s ease-out}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-slide-down{animation:modal-slide-down .2s ease-in}@keyframes modal-slide-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.loading-spin{animation:loading-spin 1s linear infinite}@keyframes loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-dots{animation:loading-dots 1.4s ease-in-out infinite}.loading-dots:after{content:"";animation:loading-dots-after 1.4s ease-in-out infinite}@keyframes loading-dots{0%,80%,to{opacity:0}40%{opacity:1}}@keyframes loading-dots-after{0%,80%,to{content:""}20%{content:"."}40%{content:".."}60%{content:"..."}}.progress-fill{transition:width .3s ease;animation:progress-fill-pulse 2s ease-in-out infinite}@keyframes progress-fill-pulse{0%,to{opacity:1}50%{opacity:.8}}.progress-complete{animation:progress-complete .5s ease-out}@keyframes progress-complete{0%{transform:scaleX(.95)}50%{transform:scaleX(1.02)}to{transform:scaleX(1)}}.btn-press{transition:transform var(--transition-fast)}.btn-press:active{transform:scale(.98)}.btn-loading{position:relative;color:transparent!important}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:loading-spin 1s linear infinite;color:var(--color-white)}.attachment-fade-in{animation:attachment-fade-in .3s ease-out}@keyframes attachment-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.attachment-fade-out{animation:attachment-fade-out .2s ease-in}@keyframes attachment-fade-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}.dropzone-pulse{animation:dropzone-pulse 1s ease-in-out infinite}@keyframes dropzone-pulse{0%,to{border-color:var(--color-primary);background-color:#f763000d}50%{border-color:var(--color-primary-hover);background-color:#f763001a}}.hover-scale{transition:transform var(--transition-normal)}.hover-scale:hover{transform:scale(1.05)}.hover-lift{transition:all var(--transition-normal)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.click-bounce{transition:transform var(--transition-fast)}.click-bounce:active{animation:click-bounce .2s ease-out}@keyframes click-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.toast-slide-in{animation:toast-slide-in .3s ease-out}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-slide-out{animation:toast-slide-out .3s ease-in}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.loading-spin,.loading-dots,.progress-fill,.dropzone-pulse{animation:none!important}}@media (max-width: 768px){.modal-slide-up,.attachment-fade-in,.toast-slide-in,.hover-scale,.hover-lift{animation:none;transform:none}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:6px;transition:background var(--transition-normal);border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary);border-color:var(--bg-primary)}::-webkit-scrollbar-thumb:active{background:var(--color-primary-active)}::-webkit-scrollbar-corner{background:var(--bg-secondary)}.task-list::-webkit-scrollbar,.details-panel::-webkit-scrollbar,.card-body::-webkit-scrollbar,.task-messages-list-inline::-webkit-scrollbar,.modal-body::-webkit-scrollbar,.workgroups-list::-webkit-scrollbar,.employees-modal-body::-webkit-scrollbar,.employees-table-container::-webkit-scrollbar,.nav-dropdown-menu::-webkit-scrollbar,.tooltip-content::-webkit-scrollbar,.filter-dropdown::-webkit-scrollbar{width:8px;height:8px}.task-list::-webkit-scrollbar-track,.details-panel::-webkit-scrollbar-track,.card-body::-webkit-scrollbar-track,.task-messages-list-inline::-webkit-scrollbar-track,.modal-body::-webkit-scrollbar-track,.workgroups-list::-webkit-scrollbar-track,.employees-modal-body::-webkit-scrollbar-track,.employees-table-container::-webkit-scrollbar-track,.nav-dropdown-menu::-webkit-scrollbar-track,.tooltip-content::-webkit-scrollbar-track,.filter-dropdown::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.task-list::-webkit-scrollbar-thumb,.details-panel::-webkit-scrollbar-thumb,.card-body::-webkit-scrollbar-thumb,.task-messages-list-inline::-webkit-scrollbar-thumb,.modal-body::-webkit-scrollbar-thumb,.workgroups-list::-webkit-scrollbar-thumb,.employees-modal-body::-webkit-scrollbar-thumb,.employees-table-container::-webkit-scrollbar-thumb,.nav-dropdown-menu::-webkit-scrollbar-thumb,.tooltip-content::-webkit-scrollbar-thumb,.filter-dropdown::-webkit-scrollbar-thumb{background:var(--color-gray-medium);border-radius:4px;transition:background var(--transition-normal);border:1px solid var(--bg-secondary)}.task-list::-webkit-scrollbar-thumb:hover,.details-panel::-webkit-scrollbar-thumb:hover,.card-body::-webkit-scrollbar-thumb:hover,.task-messages-list-inline::-webkit-scrollbar-thumb:hover,.modal-body::-webkit-scrollbar-thumb:hover,.workgroups-list::-webkit-scrollbar-thumb:hover,.employees-modal-body::-webkit-scrollbar-thumb:hover,.employees-table-container::-webkit-scrollbar-thumb:hover,.nav-dropdown-menu::-webkit-scrollbar-thumb:hover,.tooltip-content::-webkit-scrollbar-thumb:hover,.filter-dropdown::-webkit-scrollbar-thumb:hover{background:var(--color-primary);border-color:var(--bg-primary)}.badge-list::-webkit-scrollbar,.tag-list::-webkit-scrollbar,.breadcrumb-container::-webkit-scrollbar,.tab-content::-webkit-scrollbar{width:4px;height:4px}.badge-list::-webkit-scrollbar-track,.tag-list::-webkit-scrollbar-track,.breadcrumb-container::-webkit-scrollbar-track,.tab-content::-webkit-scrollbar-track{background:transparent}.badge-list::-webkit-scrollbar-thumb,.tag-list::-webkit-scrollbar-thumb,.breadcrumb-container::-webkit-scrollbar-thumb,.tab-content::-webkit-scrollbar-thumb{background:var(--color-gray-medium);border-radius:2px;transition:background var(--transition-normal)}.badge-list::-webkit-scrollbar-thumb:hover,.tag-list::-webkit-scrollbar-thumb:hover,.breadcrumb-container::-webkit-scrollbar-thumb:hover,.tab-content::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}html{scrollbar-width:auto;scrollbar-color:var(--color-gray-medium) var(--bg-secondary)}.task-list,.details-panel,.card-body,.modal-body,.nav-dropdown-menu{scrollbar-width:thin;scrollbar-color:var(--color-gray-medium) var(--bg-secondary)}.scrollbar-none{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-none::-webkit-scrollbar{display:none}.scrollbar-always{overflow:auto;scrollbar-width:auto}.scrollbar-thin{scrollbar-width:thin}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb{background:var(--color-gray-medium);border-radius:3px;transition:background var(--transition-normal)}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.scrollbar-primary::-webkit-scrollbar-thumb{background:var(--color-primary)}.scrollbar-primary::-webkit-scrollbar-thumb:hover{background:var(--color-primary-hover)}.scrollbar-secondary::-webkit-scrollbar-thumb{background:var(--color-secondary)}.scrollbar-secondary::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.scrollbar-overlay{overflow:overlay}.scrollbar-overlay::-webkit-scrollbar{width:12px;background:transparent}.scrollbar-overlay::-webkit-scrollbar-track{background:transparent}.scrollbar-overlay::-webkit-scrollbar-thumb{background:#0003;border-radius:6px;border:2px solid transparent;background-clip:content-box}.scrollbar-overlay::-webkit-scrollbar-thumb:hover{background:var(--color-primary);background-clip:content-box}@media (max-width: 768px){::-webkit-scrollbar{width:14px;height:14px}.task-list::-webkit-scrollbar,.details-panel::-webkit-scrollbar,.card-body::-webkit-scrollbar,.modal-body::-webkit-scrollbar{width:10px;height:10px}}@media (max-width: 480px){::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-thumb{border:3px solid var(--bg-secondary)}}@media (prefers-contrast: high){::-webkit-scrollbar-thumb{background:var(--text-primary);border:1px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}::-webkit-scrollbar-track{background:var(--bg-primary);border:1px solid var(--text-primary)}}@media print{*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.task-list,.details-panel,.card-body,.modal-body{scrollbar-face-color:var(--bg-secondary);scrollbar-track-color:var(--bg-primary);scrollbar-arrow-color:var(--text-primary);scrollbar-shadow-color:var(--border-primary)}}.task-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-gray-medium),var(--color-primary))}.modal-body::-webkit-scrollbar-track{background:#0000000d}.nav-dropdown-menu::-webkit-scrollbar{width:6px}.nav-dropdown-menu::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:3px}.employees-table-container::-webkit-scrollbar{width:10px;height:10px}.employees-table-container::-webkit-scrollbar-thumb{background:var(--color-gray-medium)}.employees-table-container::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}@media (prefers-reduced-motion: reduce){::-webkit-scrollbar-thumb,.task-list::-webkit-scrollbar-thumb,.details-panel::-webkit-scrollbar-thumb,.card-body::-webkit-scrollbar-thumb,.modal-body::-webkit-scrollbar-thumb{transition:none}}.header{background-color:var(--bg-primary);border-bottom:var(--border-width-thin) solid var(--border-primary);padding:var(--spacing-lg) var(--spacing-xl);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:300;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffffff2}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:var(--container-max-width);margin:0 auto}.header-left{flex:1}.header-right{display:flex;align-items:center;gap:var(--spacing-md)}.account-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:var(--color-primary)}.account-name:after{display:none}.user-info{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--bg-secondary);border-radius:var(--radius-regular);border:var(--border-width-thin) solid var(--border-primary);transition:all var(--transition-normal);cursor:pointer;position:relative;overflow:visible}.user-info:hover{background-color:var(--bg-hover);border-color:var(--border-accent);transform:translateY(-1px);box-shadow:var(--shadow-hover)}.user-info:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.user-info:focus{outline:none;box-shadow:var(--shadow-focus);border-color:var(--border-focus)}.user-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-round);display:flex;align-items:center;justify-content:center;font-size:1.125rem;color:var(--text-inverse);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.user-details{display:flex;flex-direction:column;align-items:flex-start}.user-name{font-size:var(--font-size-base);color:var(--text-primary);font-weight:var(--font-weight-medium);letter-spacing:.025em;line-height:1.2}.user-role{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-regular);margin-top:var(--spacing-xs);line-height:1.2}.header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.header-notification{position:relative;padding:var(--spacing-sm);border-radius:var(--radius-regular);background-color:var(--bg-secondary);border:var(--border-width-thin) solid var(--border-primary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}.header-notification:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--border-accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.header-notification:focus{outline:none;box-shadow:var(--shadow-focus);border-color:var(--border-focus)}.header-notification.has-notifications:after{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;background-color:var(--color-error);border-radius:var(--radius-round);border:2px solid var(--bg-primary)}.user-tooltip{position:absolute;top:calc(100% + 10px);right:0;z-index:9999;pointer-events:none;animation:tooltipFadeIn var(--transition-normal) ease-out}.user-tooltip .tooltip-content{background:var(--bg-primary);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-regular);padding:var(--spacing-md);box-shadow:var(--shadow-lg);min-width:220px;position:relative}.user-tooltip .tooltip-content:before{content:"";position:absolute;top:-6px;right:20px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--bg-primary);z-index:2}.user-tooltip .tooltip-content:after{content:"";position:absolute;top:-7px;right:20px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--border-primary);z-index:1}.user-tooltip .tooltip-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;border-bottom:var(--border-width-thin) solid var(--bg-secondary)}.user-tooltip .tooltip-row:last-child{border-bottom:none;padding-bottom:0}.user-tooltip .tooltip-row:first-child{padding-top:0}.user-tooltip .tooltip-label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-medium);min-width:70px}.user-tooltip .tooltip-value{font-size:var(--font-size-xs);color:var(--text-primary);font-weight:var(--font-weight-regular);text-align:right;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.header{padding:var(--spacing-md) var(--spacing-lg)}.account-name{font-size:var(--font-size-lg)}.user-info{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.user-avatar{width:32px;height:32px;font-size:1rem}.user-name,.user-role{display:none}.user-tooltip{right:-10px}.user-tooltip .tooltip-content{min-width:200px}.user-tooltip .tooltip-content:before{right:15px}.user-tooltip .tooltip-content:after{right:15px}}@media (max-width: 480px){.header-content{gap:var(--spacing-sm)}.account-name{font-size:1.125rem}.header-actions{gap:var(--spacing-sm)}.header-notification{min-width:36px;min-height:36px;padding:var(--spacing-xs)}.user-info{padding:var(--spacing-xs) var(--spacing-sm)}.user-avatar{width:28px;height:28px;font-size:.875rem}}.footer{margin-top:var(--spacing-xxl);padding:var(--spacing-xl) 0;border-top:var(--border-width-thin) solid var(--border-primary);text-align:center;color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);position:relative;background-color:var(--bg-secondary)}.footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:var(--border-width-thin);background:linear-gradient(to right,transparent,var(--color-primary),transparent)}.footer p{margin:0;transition:color var(--transition-normal);font-family:var(--font-family-primary);line-height:var(--line-height-normal)}.footer:hover p{color:var(--text-primary)}.footer.enhanced:before{height:2px;background:linear-gradient(to right,transparent,var(--color-primary),var(--color-secondary),var(--color-primary),transparent);width:150px}.footer.minimal{padding:var(--spacing-lg) 0;border-top:none;background-color:transparent}.footer.minimal:before{display:none}.footer-content{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-lg)}.footer-links{display:flex;justify-content:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.footer-link{color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--transition-normal)}.footer-link:hover{color:var(--color-primary)}.footer-link:focus{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-small);color:var(--color-primary)}@media (max-width: 768px){.footer{padding:var(--spacing-lg) 0;margin-top:var(--spacing-xl)}.footer:before{width:80px}.footer.enhanced:before{width:120px}.footer p{font-size:var(--font-size-sm)}.footer-links{gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.footer-content{padding:0 var(--spacing-md)}}@media (max-width: 480px){.footer{padding:var(--spacing-md) 0}.footer:before{width:60px}.footer.enhanced:before{width:100px}.footer-links{flex-direction:column;gap:var(--spacing-md);text-align:center}.footer-link{font-size:var(--font-size-xs)}}.navigation{background-color:var(--bg-secondary);border-bottom:var(--border-width-thin) solid var(--border-primary);box-shadow:var(--shadow-sm);position:sticky;top:73px;z-index:var(--z-sticky)}.nav-tabs{display:flex;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-xl);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab{padding:var(--spacing-lg) var(--spacing-xl);background:none;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:var(--font-family-primary);cursor:pointer;transition:all var(--transition-normal);position:relative;white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:var(--spacing-sm);min-height:56px}.nav-tab:before{content:"";position:absolute;top:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:all var(--transition-normal);transform:translate(-50%)}.nav-tab:hover{color:var(--text-primary);background-color:var(--bg-hover)}.nav-tab:hover:before{width:80%}.nav-tab:focus{outline:none;box-shadow:inset 0 0 0 2px var(--border-focus);color:var(--color-primary)}.nav-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background-color:var(--bg-primary);font-weight:var(--font-weight-semibold)}.nav-tab.active:before{width:100%}.nav-tab-icon{font-size:1rem;opacity:.8;transition:opacity var(--transition-normal)}.nav-tab:hover .nav-tab-icon,.nav-tab.active .nav-tab-icon{opacity:1}.nav-tab-badge{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-error);color:var(--text-inverse);border-radius:12px;font-size:.7rem;font-weight:var(--font-weight-semibold);min-width:18px;text-align:center;line-height:1;margin-left:var(--spacing-xs)}.nav-tab.active .nav-tab-badge{background-color:var(--color-primary);color:var(--text-inverse)}.nav-dropdown{position:relative}.nav-dropdown-toggle:after{content:"▾";margin-left:var(--spacing-xs);font-size:.7rem;transition:transform var(--transition-normal)}.nav-dropdown.open .nav-dropdown-toggle:after{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:100%;left:0;background-color:var(--bg-primary);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-regular);box-shadow:var(--shadow-lg);min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-normal);z-index:var(--z-dropdown)}.nav-dropdown.open .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-item{display:block;padding:var(--spacing-md) var(--spacing-lg);color:var(--text-secondary);text-decoration:none;border-bottom:var(--border-width-thin) solid var(--border-primary);transition:all var(--transition-normal);font-weight:var(--font-weight-regular)}.nav-dropdown-item:last-child{border-bottom:none}.nav-dropdown-item:hover{background-color:var(--bg-hover);color:var(--text-primary);padding-left:var(--spacing-xl)}.nav-dropdown-item:focus{outline:none;background-color:var(--bg-hover);color:var(--color-primary)}.nav-mobile-toggle{display:none;padding:var(--spacing-sm);background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:1.25rem}.nav-breadcrumbs{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background-color:var(--bg-primary);border-bottom:var(--border-width-thin) solid var(--border-primary);font-size:var(--font-size-sm)}.breadcrumb-item{color:var(--text-secondary);text-decoration:none;font-weight:var(--font-weight-regular);transition:color var(--transition-normal)}.breadcrumb-item:hover{color:var(--color-primary)}.breadcrumb-item:focus{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-small);color:var(--color-primary)}.breadcrumb-item.active{color:var(--text-primary);font-weight:var(--font-weight-medium)}.breadcrumb-separator{color:var(--text-secondary);margin:0 var(--spacing-xs);font-weight:var(--font-weight-regular)}@media (max-width: 768px){.navigation{top:57px}.nav-tabs{padding:0 var(--spacing-lg)}.nav-tab{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);min-height:48px}.nav-tab-icon{font-size:.875rem}.nav-breadcrumbs{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-xs)}}@media (max-width: 480px){.nav-tabs{padding:0 var(--spacing-md)}.nav-tab{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);min-height:44px}.nav-tab-badge{font-size:.6rem;padding:2px var(--spacing-xs);min-width:16px}.nav-tab-text{display:none}.nav-tab{flex-direction:column;gap:var(--spacing-xs);min-width:50px;text-align:center}.nav-dropdown-menu{min-width:180px;right:0;left:auto}}.sidebar{background-color:var(--bg-secondary);border-radius:var(--radius-regular);border:var(--border-width-regular) solid var(--border-primary);box-shadow:var(--shadow-sm);overflow:hidden;position:sticky;top:var(--spacing-xl);width:160px;font-family:var(--font-family-primary)}.sidebar-wide{width:200px}.sidebar-narrow{width:120px}.sidebar-extra-narrow{width:100px}.sidebar-nav{display:flex;flex-direction:column;padding:var(--spacing-sm);gap:var(--spacing-xs)}.sidebar-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-xs);background:none;border:var(--border-width-thin) solid transparent;border-radius:var(--radius-regular);cursor:pointer;transition:all var(--transition-normal);color:var(--text-secondary);font-family:var(--font-family-primary);min-height:50px;position:relative;overflow:hidden;text-decoration:none}.sidebar-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(247,99,0,.1),transparent);transition:left var(--transition-normal)}.sidebar-item:hover:before{left:100%}.sidebar-item:hover{background-color:var(--bg-hover);color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:#f763004d}.sidebar-item:focus{outline:none;box-shadow:var(--shadow-focus);border-color:var(--color-primary)}.sidebar-item.active{background-color:#f763001a;color:var(--color-primary);border-color:var(--color-primary);font-weight:var(--font-weight-semibold);box-shadow:0 0 0 2px #f7630033}.sidebar-item.active:before{background:linear-gradient(90deg,transparent,rgba(247,99,0,.15),transparent)}.sidebar-icon{font-size:1.25rem;transition:transform var(--transition-normal);filter:grayscale(.3);opacity:.8}.sidebar-item:hover .sidebar-icon,.sidebar-item.active .sidebar-icon{transform:scale(1.1);filter:grayscale(0);opacity:1}.sidebar-item.active .sidebar-icon{color:var(--color-primary)}.sidebar-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:center;line-height:var(--line-height-normal);transition:font-weight var(--transition-normal)}.sidebar-item.active .sidebar-label{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.sidebar-section{padding:var(--spacing-md) var(--spacing-sm) var(--spacing-sm);border-bottom:var(--border-width-thin) solid var(--border-primary)}.sidebar-section:last-child{border-bottom:none}.sidebar-section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em;margin-bottom:var(--spacing-sm);padding:0 var(--spacing-xs)}.sidebar-item-badge{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);min-width:16px;height:16px;background-color:var(--color-error);color:var(--text-inverse);border-radius:var(--radius-round);font-size:10px;font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid var(--bg-secondary)}.sidebar-item-badge.badge-primary{background-color:var(--color-primary)}.sidebar-item-badge[data-count="0"]{display:none}.sidebar-disabled .sidebar-item{opacity:.5;cursor:not-allowed;pointer-events:none}.sidebar-collapsed{width:60px}.sidebar-collapsed .sidebar-label{display:none}.sidebar-collapsed .sidebar-item{min-height:60px}.sidebar-collapsed .sidebar-icon{font-size:1.5rem}.sidebar-divider{height:1px;background-color:var(--border-primary);margin:var(--spacing-sm) var(--spacing-xs)}.sidebar-item[data-tooltip]{position:relative}.sidebar-collapsed .sidebar-item:after{content:attr(data-tooltip);position:absolute;left:calc(100% + var(--spacing-sm));top:50%;transform:translateY(-50%);background-color:var(--text-primary);color:var(--text-inverse);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-small);font-size:var(--font-size-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-normal);z-index:var(--z-tooltip)}.sidebar-collapsed .sidebar-item:hover:after{opacity:1}@media (prefers-reduced-motion: reduce){.sidebar-item,.sidebar-icon,.sidebar-item:before{transition:none;transform:none!important}}@media (prefers-contrast: high){.sidebar,.sidebar-item{border-width:2px}.sidebar-item.active{background-color:var(--color-primary)!important;color:var(--text-inverse)!important}.sidebar-item.active .sidebar-icon,.sidebar-item.active .sidebar-label{color:var(--text-inverse)!important}}.sidebar-sticky{position:sticky;top:var(--spacing-xl)}.sidebar-fixed{position:fixed;top:var(--spacing-xl);left:var(--spacing-xl)}.sidebar-shadow-lg{box-shadow:var(--shadow-lg)}.sidebar-no-shadow{box-shadow:none}.sidebar-rounded-lg{border-radius:var(--radius-large)}.sidebar-no-border{border:none}.task-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;background-color:var(--just-white);max-width:100%}.task-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxxl);text-align:center;color:var(--text-muted);min-height:400px}.task-list-empty-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.5}.task-list-empty-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.task-list-empty-description{font-size:var(--font-size-sm);color:var(--text-muted);line-height:var(--line-height-relaxed)}.task-list-loader{display:flex;justify-content:center;align-items:center;padding:var(--spacing-xl)}.task-loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);color:var(--text-muted);font-size:var(--font-size-sm)}.task-loading-spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top:2px solid var(--color-primary);border-radius:50%;animation:spin var(--animation-duration-slow) linear infinite}.task-load-trigger{height:1px;background:transparent}.task-list-end{text-align:center;padding:var(--spacing-lg);color:var(--text-muted);font-size:var(--font-size-sm);border-top:1px solid var(--border-color);background-color:var(--gray-light)}@media (max-width: 768px){.task-list-empty{padding:var(--spacing-xl);min-height:300px}.task-list-empty-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.task-list-empty-text{font-size:var(--font-size-lg)}.task-list-loader{padding:var(--spacing-lg)}}@media (max-width: 480px){.task-list-empty{padding:var(--spacing-lg);min-height:250px}.task-list-empty-icon{font-size:2.5rem}.task-list-empty-text{font-size:var(--font-size-base)}.task-list-empty-description{font-size:var(--font-size-xs)}}.task-item{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-normal);border-left:4px solid transparent;background-color:var(--just-white);position:relative;overflow:hidden}.task-item:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(90deg,var(--color-primary),transparent);transition:width var(--transition-normal);opacity:.1}.task-item:hover{background-color:var(--gray-light);transform:translate(4px)}.task-item:hover:before{width:100%}.task-item:active{transform:translate(2px);box-shadow:var(--shadow-sm)}.task-item--new{border-left-color:var(--color-info)}.task-item--new:before{background:linear-gradient(90deg,var(--color-info),transparent)}.task-item--new:hover{box-shadow:0 4px 16px #3498db33}.task-item--new:hover .task-title{color:var(--color-info)}.task-item--new.selected{background-color:#3498db1a;border-left-color:var(--color-info);box-shadow:var(--shadow-sm)}.task-item--new.selected:before{width:100%;opacity:.15;background:linear-gradient(90deg,var(--color-info),transparent)}.task-item--new.selected .task-title{color:var(--color-info);font-weight:var(--font-weight-bold)}.task-item--in_queue{border-left-color:#9b59b6}.task-item--in_queue:before{background:linear-gradient(90deg,#9b59b6,transparent)}.task-item--in_queue:hover{box-shadow:0 4px 16px #9b59b633}.task-item--in_queue:hover .task-title{color:#9b59b6}.task-item--in_queue.selected{background-color:#9b59b61a;border-left-color:#9b59b6;box-shadow:var(--shadow-sm)}.task-item--in_queue.selected:before{width:100%;opacity:.15;background:linear-gradient(90deg,#9b59b6,transparent)}.task-item--in_queue.selected .task-title{color:#9b59b6;font-weight:var(--font-weight-bold)}.task-item--in_progress{border-left-color:var(--color-warning)}.task-item--in_progress:before{background:linear-gradient(90deg,var(--color-warning),transparent)}.task-item--in_progress:hover{box-shadow:0 4px 16px #f39c1233}.task-item--in_progress:hover .task-title{color:var(--color-warning)}.task-item--in_progress.selected{background-color:#f39c121a;border-left-color:var(--color-warning);box-shadow:var(--shadow-sm)}.task-item--in_progress.selected:before{width:100%;opacity:.15;background:linear-gradient(90deg,var(--color-warning),transparent)}.task-item--in_progress.selected .task-title{color:var(--color-warning);font-weight:var(--font-weight-bold)}.task-item--awaiting_confirmation{border-left-color:#f39c12}.task-item--awaiting_confirmation:before{background:linear-gradient(90deg,#f39c12,transparent)}.task-item--awaiting_confirmation:hover{box-shadow:0 4px 16px #ffc10733}.task-item--awaiting_confirmation:hover .task-title{color:#f39c12}.task-item--awaiting_confirmation.selected{background-color:#ffc1071a;border-left-color:#f39c12;box-shadow:var(--shadow-sm)}.task-item--awaiting_confirmation.selected:before{width:100%;opacity:.15;background:linear-gradient(90deg,#f39c12,transparent)}.task-item--awaiting_confirmation.selected .task-title{color:#f39c12;font-weight:var(--font-weight-bold)}.task-item--completed{border-left-color:var(--color-success)}.task-item--completed:before{background:linear-gradient(90deg,var(--color-success),transparent)}.task-item--completed:hover{box-shadow:0 4px 16px #27ae6033}.task-item--completed:hover .task-title{color:var(--color-success)}.task-item--completed.selected{background-color:#27ae601a;border-left-color:var(--color-success);box-shadow:var(--shadow-sm)}.task-item--completed.selected:before{width:100%;opacity:.15;background:linear-gradient(90deg,var(--color-success),transparent)}.task-item--completed.selected .task-title{color:var(--color-success);font-weight:var(--font-weight-bold)}.task-item--deferred{border-left-color:#95a5a6}.task-item--deferred:before{background:linear-gradient(90deg,#95a5a6,transparent)}.task-item--deferred:hover{box-shadow:0 4px 16px #95a5a633}.task-item--deferred:hover .task-title{color:#95a5a6}.task-item--deferred.selected{background-color:#95a5a61a;border-left-color:#95a5a6;box-shadow:var(--shadow-sm)}.task-item--deferred.selected:before{width:100%;opacity:.15;background:linear-gradient(90deg,#95a5a6,transparent)}.task-item--deferred.selected .task-title{color:#95a5a6;font-weight:var(--font-weight-bold)}.task-content{width:100%;position:relative;z-index:1}.task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);gap:var(--spacing-lg)}.task-id{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);background-color:#95a5a61a;border:1px solid rgba(149,165,166,.2);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);flex-shrink:0;transition:all var(--transition-normal)}.task-id:hover{background-color:#95a5a626;border-color:#95a5a666}.task-badges{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm);flex-wrap:nowrap;flex-shrink:0}.task-title-section{margin-bottom:var(--spacing-sm)}.task-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-color);margin:0;line-height:var(--line-height-normal);transition:color var(--transition-normal)}.message-indicator{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:#3498db1a;border:1px solid rgba(52,152,219,.3);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-info);flex-shrink:0;position:relative}.message-indicator.clickable{cursor:pointer;transition:all var(--transition-normal)}.message-indicator.clickable:hover{background-color:#3498db33;border-color:var(--color-info);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.message-count{background-color:var(--color-info);color:var(--color-white);padding:2px var(--spacing-xs);border-radius:10px;font-size:.7rem;font-weight:var(--font-weight-semibold);min-width:16px;text-align:center;margin-left:var(--spacing-xs)}.attachment-indicator{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:#f39c121a;border:1px solid rgba(243,156,18,.3);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-warning);flex-shrink:0;position:relative}.attachment-indicator.clickable{cursor:pointer;transition:all var(--transition-normal)}.attachment-indicator.clickable:hover{background-color:#f39c1233;border-color:var(--color-warning);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.attachment-count{background-color:var(--color-warning);color:var(--color-white);padding:2px var(--spacing-xs);border-radius:10px;font-size:.7rem;font-weight:var(--font-weight-semibold);min-width:16px;text-align:center;margin-left:var(--spacing-xs)}.assign-to-me-btn{background:#3498db1a;border:1px solid rgba(52,152,219,.3);border-radius:var(--radius-sm);color:var(--color-info);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-base);transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;min-width:32px;height:28px;flex-shrink:0}.assign-to-me-btn:hover{background:#3498db33;border-color:var(--color-info);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.assign-to-me-btn:active{transform:translateY(0);background:#3498db4d}.start-task-btn{background:none;border:none;font-size:16px;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.start-task-btn:hover{background-color:#0000000d;transform:scale(1.1)}.start-task-btn:active{transform:scale(.95)}.pause-task-btn,.complete-task-btn{background:none;border:none;font-size:16px;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.pause-task-btn:hover,.complete-task-btn:hover{background-color:#0000000d;transform:scale(1.1)}.pause-task-btn:active,.complete-task-btn:active{transform:scale(.95)}.start-task-btn.processing,.pause-task-btn.processing,.complete-task-btn.processing{opacity:.6;cursor:not-allowed;pointer-events:none}.start-task-btn:disabled,.pause-task-btn:disabled,.complete-task-btn:disabled{opacity:.5;cursor:not-allowed}.processing{animation:pulse 1.5s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.5}to{opacity:1}}.task-type-badge{padding:var(--spacing-xs) var(--spacing-sm);background-color:#8eb0221a;border:1px solid rgba(142,176,34,.3);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-primary);font-weight:var(--font-weight-medium);transition:all var(--transition-normal);cursor:default;white-space:nowrap;flex-shrink:0}.task-type-badge:hover{background-color:#8eb02226;border-color:var(--color-primary);transform:translateY(-1px)}.billing-badge{padding:var(--spacing-xs) var(--spacing-sm);background-color:#3498db1a;border:1px solid rgba(52,152,219,.3);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-info);font-weight:var(--font-weight-medium);transition:all var(--transition-normal);cursor:default;white-space:nowrap;flex-shrink:0}.billing-badge:hover{background-color:#3498db26;border-color:var(--color-info);transform:translateY(-1px)}.project-badge{padding:var(--spacing-xs) var(--spacing-sm);background-color:#9b59b61a;border:1px solid rgba(155,89,182,.3);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:#9b59b6;font-weight:var(--font-weight-medium);transition:all var(--transition-normal);cursor:default;white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:var(--spacing-xs)}.project-badge:hover{background-color:#9b59b626;border-color:#9b59b6;transform:translateY(-1px)}.task-meta{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);display:block;gap:var(--spacing-xs);text-align:left}.task-client-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.task-company-contact{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-color);line-height:var(--line-height-normal);font-weight:var(--font-weight-medium)}.separator{color:var(--text-muted);margin:0 var(--spacing-xs);font-weight:400}.task-assignment{margin-top:var(--spacing-md)}.assigned-employee{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.task-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:var(--spacing-sm) 0;display:-webkit-box;line-clamp:none;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.task-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);gap:var(--spacing-lg)}.task-dates{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:flex-start}.task-date{color:var(--text-muted);font-size:var(--font-size-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.task-date.overdue{color:var(--color-danger);font-weight:var(--font-weight-medium)}.task-due-date{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.overdue-label{color:var(--color-danger);font-weight:var(--font-weight-semibold);margin-left:var(--spacing-xs)}.task-status-info{display:flex;align-items:center;gap:var(--spacing-lg);flex-shrink:0}.status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.7rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;line-height:1;transition:all var(--transition-normal);border:1px solid transparent}.status-badge--info{background-color:#3498db33;color:var(--color-info);border-color:#3498db4d}.status-badge--in_queue,.status-badge--purple{background-color:#9b59b633;color:#9b59b6;border-color:#9b59b64d}.status-badge--warning{background-color:#f39c1233;color:var(--color-warning);border-color:#f39c124d}.status-badge--accent{background-color:#ffc10733;color:#f39c12;border-color:#ffc1074d}.status-badge--success{background-color:#27ae6033;color:var(--color-success);border-color:#27ae604d}.status-badge--deferred,.status-badge--gray{background-color:#95a5a633;color:#95a5a6;border-color:#95a5a64d}.priority-indicator{display:inline-flex;align-items:center;font-size:.8rem;transition:transform var(--transition-normal)}.priority-indicator:hover{transform:scale(1.1)}.priority-indicator--high{color:var(--color-danger)}.priority-indicator--medium{color:var(--color-warning)}.priority-indicator--low{color:var(--color-success)}@media (max-width: 768px){.task-item{padding:var(--spacing-md) var(--spacing-lg)}.task-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.task-badges{flex-wrap:wrap;gap:var(--spacing-xs);width:100%;justify-content:flex-start}.task-company-contact{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.separator{display:none}.task-assignment{margin-top:var(--spacing-sm)}.task-footer{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.task-status-info{gap:var(--spacing-md)}.message-indicator,.attachment-indicator{padding:var(--spacing-xs);font-size:.7rem}.message-count,.attachment-count{min-width:14px;height:14px;font-size:.6rem}}@media (max-width: 480px){.task-item{padding:var(--spacing-sm) var(--spacing-md)}.task-badges{flex-direction:column;align-items:flex-start;width:100%}.task-title{font-size:var(--font-size-sm)}.task-id{font-size:.7rem}.task-company-contact,.assigned-employee{font-size:.8rem}.task-assignment{margin-top:var(--spacing-xs)}}.task-details-panel{flex:1;background-color:var(--just-white);overflow:hidden;display:flex;flex-direction:column;position:relative;min-width:400px;max-width:600px;height:100vh;max-height:100vh}.task-details-panel .card{background-color:var(--just-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--border-color);overflow:hidden;flex:1;display:flex;flex-direction:column;position:relative;transition:all var(--transition-normal);min-height:0;height:100%}.task-details-panel .card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);background-color:var(--gray-light);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;position:relative}.task-details-panel .card-header h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-color);line-height:var(--line-height-tight)}.card-header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.card-action-button{padding:var(--spacing-sm);background-color:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:var(--font-size-base);text-decoration:none}.card-action-button:hover{background-color:var(--color-primary);color:var(--white);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.card-action-button:active{transform:translateY(0)}.bitrix-link{background-color:#f285001a!important;border-color:#f285004d!important;color:#f28500!important}.bitrix-link:hover{background-color:#f28500!important;border-color:#f28500!important;color:var(--white)!important}.notification-dot{position:absolute;top:-4px;right:-4px;width:8px;height:8px;background-color:var(--color-danger);border-radius:50%;border:2px solid var(--just-white)}.task-details-panel .card-content{padding:0;flex:1;overflow-y:auto;overflow-x:hidden;display:block;min-height:0;background-color:var(--just-white)}.task-details-content{padding:var(--spacing-lg);padding-bottom:var(--spacing-xl)}.details-section{margin-bottom:var(--spacing-xl);padding:0}.details-section:last-child{margin-bottom:0}.details-section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-primary);text-transform:uppercase;letter-spacing:.5px}.details-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width: 768px){.details-grid{grid-template-columns:1fr 1fr}.details-grid .detail-field--full{grid-column:1 / -1}}.task-details-panel .detail-field{margin-bottom:0;padding:var(--spacing-md);background-color:var(--gray-light);border-radius:var(--radius-sm);border:1px solid transparent;transition:all var(--transition-normal);position:relative}.task-details-panel .detail-field:hover{border-color:var(--color-primary);background-color:var(--just-white);transform:translate(4px);box-shadow:var(--shadow-sm)}.task-details-panel .detail-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px;line-height:1}.task-details-panel .detail-value{font-size:var(--font-size-sm);color:var(--text-color);line-height:var(--line-height-relaxed);font-weight:var(--font-weight-medium);margin:0}.task-description-full{color:var(--text-secondary);line-height:var(--line-height-loose);white-space:pre-wrap;word-wrap:break-word}.task-type-display{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:#f763001a;border:1px solid rgba(247,99,0,.3);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-primary);font-weight:var(--font-weight-medium)}.billing-display{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:#3498db1a;border:1px solid rgba(52,152,219,.3);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-info);font-weight:var(--font-weight-medium)}.overdue-date{color:var(--color-danger);font-weight:var(--font-weight-semibold)}.overdue-indicator{color:var(--color-danger);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs)}.task-attachments-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.task-attachment-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--gray-light);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);text-align:left;width:100%}.task-attachment-item:hover{background-color:var(--just-white);border-color:var(--color-primary);transform:translate(4px);box-shadow:var(--shadow-sm)}.task-attachment-item .attachment-icon{font-size:1.5rem;flex-shrink:0}.task-attachment-item .attachment-name{font-size:var(--font-size-sm);color:var(--text-color);font-weight:var(--font-weight-medium);word-break:break-word;line-height:var(--line-height-relaxed)}.task-details-panel .card-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-color);background-color:var(--gray-light);display:flex;gap:var(--spacing-md);flex-shrink:0}.task-details-panel .card-footer .button{flex:1;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold);transition:all var(--transition-normal);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);text-decoration:none;border:1px solid transparent;font-size:var(--font-size-sm)}.task-details-panel .card-footer .button--primary{background-color:var(--color-primary);color:var(--white);border-color:var(--color-primary)}.task-details-panel .card-footer .button--primary:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.edit-disabled-info{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-gray-light);border:1px solid var(--color-gray);border-radius:var(--border-radius);color:var(--color-gray-medium);font-size:var(--text-sm);font-weight:var(--font-medium);min-height:44px}.edit-disabled-text{display:flex;align-items:center;gap:var(--spacing-sm);font-style:italic}.button.edit-disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-disabled)!important;color:var(--text-disabled)!important;border-color:var(--border-primary)!important;transform:none!important;box-shadow:none!important}.button.edit-disabled:hover{transform:none!important;box-shadow:none!important}@media (max-width: 768px){.task-details-panel{min-width:320px;max-width:none}.task-details-panel .card-header,.task-details-content,.task-details-panel .card-footer{padding:var(--spacing-md)}.details-section{margin-bottom:var(--spacing-lg)}.task-details-panel .detail-field,.task-attachment-item{padding:var(--spacing-sm)}.task-attachment-item .attachment-icon{font-size:1.25rem}.task-attachment-item .attachment-name{font-size:.8rem}}@media (max-width: 480px){.task-details-panel .card-header h2{font-size:var(--font-size-lg)}.card-header-actions{gap:var(--spacing-xs)}.card-action-button{width:28px;height:28px;font-size:var(--font-size-sm)}.task-attachments-list{gap:var(--spacing-xs)}}.task-form{background-color:var(--color-white);border-radius:var(--border-radius);border:1px solid var(--color-border);overflow:hidden}.task-form .form-section{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border)}.task-form .form-section:last-child{border-bottom:none}.task-form .section-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-primary)}.task-form .form-row-details{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:flex-start}.task-form .form-row-details .form-group{flex:1 1 300px;min-width:280px;max-width:350px}.task-form .form-row-details .form-group:has(.search-dropdown){flex:1 1 350px;max-width:420px}.task-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.task-form .form-group:only-child{grid-column:1 / -1}.task-form .form-group{margin-bottom:var(--spacing-md)}.task-form .form-group:last-child{margin-bottom:0}.task-form .form-group label{display:block;margin-bottom:var(--spacing-sm);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);font-family:var(--font-family-primary)}.task-form .form-group label .required{color:var(--color-error);margin-left:var(--spacing-xs)}.task-form .input{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-base);font-family:var(--font-family-primary);background-color:var(--color-white);color:var(--color-text-primary);transition:all var(--transition-normal)}.task-form .input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha)}.task-form .input:disabled,.task-form .input.disabled{background-color:var(--color-background-secondary);color:var(--color-text-secondary);cursor:not-allowed;opacity:.7}.task-form textarea.input{min-height:120px;resize:vertical;font-family:var(--font-family-primary);line-height:var(--line-height-relaxed)}.task-form .search-dropdown{position:relative}.task-form .dropdown-list{position:absolute;top:100%;left:0;right:0;background-color:var(--color-white);border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius);max-height:300px;overflow-y:auto;z-index:1000;box-shadow:var(--shadow-md);animation:slide-down .2s ease-out}.task-form .dropdown-item{padding:var(--spacing-md);cursor:pointer;border-bottom:1px solid var(--color-border-light);transition:background-color var(--transition-fast)}.task-form .dropdown-item:last-child{border-bottom:none}.task-form .dropdown-item:hover:not(.disabled){background-color:var(--color-background-secondary)}.task-form .dropdown-item.disabled{color:var(--color-text-secondary);cursor:default;font-style:italic}.task-form .company-info,.task-form .contact-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.task-form .company-info strong,.task-form .contact-info strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.task-form .company-info small,.task-form .contact-info small{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-family:var(--font-family-primary)}.task-form .main-contact-badge{display:inline-block;background-color:var(--color-primary);color:var(--color-white);padding:2px var(--spacing-xs);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);margin-left:var(--spacing-sm)}.task-form .form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-border);background-color:var(--color-background-secondary)}.task-form .form-errors{background-color:var(--color-error-alpha);border:1px solid var(--color-error-border);border-radius:var(--border-radius);padding:var(--spacing-lg);margin:var(--spacing-lg) var(--spacing-xl);animation:slide-down .3s ease-out}.task-form .form-errors .error-message{color:var(--color-error);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);font-family:var(--font-family-primary)}.task-form .form-errors .error-message:last-child{margin-bottom:0}.task-form .file-upload-container{background-color:var(--color-white);border-radius:var(--border-radius);border:1px solid var(--color-border);padding:var(--spacing-md);transition:all var(--transition-normal)}.task-form .file-upload-container:hover{border-color:var(--color-primary)}.task-form .dropdown-list::-webkit-scrollbar{width:6px}.task-form .dropdown-list::-webkit-scrollbar-track{background:var(--color-background-secondary);border-radius:3px}.task-form .dropdown-list::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:3px}.task-form .dropdown-list::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}.task-form.loading{pointer-events:none;opacity:.6}.task-form .loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffc;display:flex;align-items:center;justify-content:center;z-index:1000}.task-form .loading-spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1200px){.task-form .form-row-details .form-group{flex:1 1 280px;max-width:320px}}@media (max-width: 992px){.task-form .form-row-details{gap:var(--spacing-sm)}.task-form .form-row-details .form-group{flex:1 1 250px;min-width:220px;max-width:none}.task-form .form-section{padding:var(--spacing-md) var(--spacing-lg)}}@media (max-width: 768px){.task-form .form-section,.task-form .form-actions{padding:var(--spacing-md)}.task-form .form-row-details{flex-direction:column;gap:var(--spacing-md)}.task-form .form-row-details .form-group{flex:1 1 auto;min-width:auto;max-width:none}.task-form .form-row{grid-template-columns:1fr;gap:var(--spacing-sm)}.task-form .form-actions{flex-direction:column}}@media (max-width: 480px){.task-form .form-section,.task-form .form-actions{padding:var(--spacing-sm)}.task-form .section-title{font-size:var(--font-size-base);flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.task-form .dropdown-list{max-height:200px}.task-form .company-info,.task-form .contact-info{gap:2px}.task-form .main-contact-badge{font-size:var(--font-size-xs);padding:1px var(--spacing-xs)}}@media (prefers-contrast: high){.task-form .input{border-width:2px}.task-form .dropdown-item:hover:not(.disabled){background-color:var(--color-primary);color:var(--color-white)}.task-form{border-width:2px}}@media (prefers-reduced-motion: reduce){.task-form .dropdown-list,.task-form .form-section,.task-form .form-errors{animation:none;transition:none}.task-form .loading-spinner{animation:none}.task-form .input,.task-form .dropdown-item,.task-form .file-upload-container{transition:none}}.task-form .dropdown-item:focus{outline:2px solid var(--color-primary);outline-offset:-2px;background-color:var(--color-primary-alpha)}.task-form .form-group:focus-within label{color:var(--color-primary)}.task-form .form-group.has-error .input{border-color:var(--color-error);box-shadow:0 0 0 2px var(--color-error-alpha)}.task-form .form-group.has-error label{color:var(--color-error)}.task-form .form-group.has-success .input{border-color:var(--color-success);box-shadow:0 0 0 2px var(--color-success-alpha)}.task-form .form-group.has-success label{color:var(--color-success)}.task-filters{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);background-color:var(--color-white);display:flex;gap:var(--spacing-sm);flex-wrap:nowrap;align-items:center;overflow:visible;flex-shrink:0;min-height:80px}.filter-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--spacing-sm) var(--spacing-md);border:2px solid transparent;border-radius:16px;cursor:pointer;transition:all var(--transition-normal);font-weight:500;position:relative;overflow:hidden;white-space:nowrap;flex-shrink:1;min-width:0;background-color:transparent;text-decoration:none;flex:1;min-height:55px}.filter-button-text{font-size:.75rem;font-weight:600;text-overflow:ellipsis;overflow:hidden;line-height:1.1;text-align:center;margin-bottom:2px}.filter-badge{padding:2px 6px;border-radius:12px;font-size:.7rem;font-weight:700;min-width:20px;height:18px;text-align:center;line-height:1;background-color:currentColor;color:var(--color-white);opacity:.9;display:flex;align-items:center;justify-content:center;margin:0}.filter-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left var(--transition-normal);border-radius:16px}.filter-button:hover:before{left:100%}.filter-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.filter-button:active{transform:translateY(-1px)}.filter-button:hover .filter-badge,.filter-button.active .filter-badge{opacity:1;transform:scale(1.05)}.filter-button.active{font-weight:700;box-shadow:0 4px 16px #0003}.filter-button-info{background-color:#3498db1a;color:var(--color-info);border-color:#3498db33}.filter-button-info:hover{background-color:#3498db26;border-color:#3498db66}.filter-button-info.active{background-color:#3498db33;border-color:var(--color-info);box-shadow:0 4px 16px #3498db4d}.filter-button-purple{background-color:#9b59b61a;color:#9b59b6;border-color:#9b59b633}.filter-button-purple:hover{background-color:#9b59b626;border-color:#9b59b666}.filter-button-purple.active{background-color:#9b59b633;border-color:#9b59b6;box-shadow:0 4px 16px #9b59b64d}.filter-button-warning{background-color:#f763001a;color:var(--color-primary);border-color:#f7630033}.filter-button-warning:hover{background-color:#f7630026;border-color:#f7630066}.filter-button-warning.active{background-color:#f7630033;border-color:var(--color-primary);box-shadow:0 4px 16px #f763004d}.filter-button-accent{background-color:#ffc1071a;color:#f39c12;border-color:#ffc10733}.filter-button-accent:hover{background-color:#ffc10726;border-color:#ffc10766}.filter-button-accent.active{background-color:#ffc10733;border-color:#f39c12;box-shadow:0 4px 16px #ffc1074d}.filter-button-success{background-color:#28a7451a;color:var(--color-success);border-color:#28a74533}.filter-button-success:hover{background-color:#28a74526;border-color:#28a74566}.filter-button-success.active{background-color:#28a74533;border-color:var(--color-success);box-shadow:0 4px 16px #28a7454d}.filter-button-gray{background-color:#95a5a61a;color:#95a5a6;border-color:#95a5a633}.filter-button-gray:hover{background-color:#95a5a626;border-color:#95a5a666}.filter-button-gray.active{background-color:#95a5a633;border-color:#95a5a6;box-shadow:0 4px 16px #95a5a64d}@media (min-width: 1400px){.filter-button{padding:var(--spacing-md) var(--spacing-lg);min-height:60px}.filter-button-text{font-size:.8rem}.filter-badge{font-size:.75rem;min-width:22px;height:20px}}@media (max-width: 1200px){.filter-button{padding:var(--spacing-sm) var(--spacing-md);min-height:55px}.filter-button-text{font-size:.7rem}.filter-badge{font-size:.65rem;min-width:18px;height:16px}.task-filters{gap:var(--spacing-xs)}}@media (max-width: 900px){.filter-button{padding:var(--spacing-xs) var(--spacing-sm);min-height:50px;border-radius:12px}.filter-button-text{font-size:.65rem;line-height:1}.filter-badge{font-size:.6rem;min-width:16px;height:14px;border-radius:8px}}@media (max-width: 600px){.task-filters{padding:var(--spacing-sm);gap:4px}.filter-button{padding:var(--spacing-xs);min-height:45px;border-radius:10px}.filter-button-text{font-size:.6rem;line-height:1}.filter-badge{font-size:.55rem;min-width:14px;height:12px;border-radius:6px}}@media (max-width: 480px){.filter-button{min-height:40px;padding:4px}.filter-button-text{font-size:.55rem}.filter-badge{font-size:.5rem;min-width:12px;height:10px}}.filter-button:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.filter-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.filter-badge{animation:badgePulse 3s infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.filter-button:hover .filter-badge{animation:none}@media (prefers-contrast: high){.filter-button{border-width:3px}.filter-button.active{border-width:4px}}@media (prefers-reduced-motion: reduce){.filter-button{transition:none}.filter-badge{animation:none}.filter-button:before{transition:none}}.task-edit-form{padding:var(--spacing-lg);max-height:100%;overflow-y:auto;background-color:var(--color-white)}.task-edit-form .form-section{margin-bottom:var(--spacing-xl)}.task-edit-form .form-section:last-child{margin-bottom:0}.task-edit-form .section-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-primary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-primary);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:var(--spacing-sm)}.task-edit-form .form-row{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media (min-width: 768px){.task-edit-form .form-row{grid-template-columns:1fr 1fr}}.task-edit-form .readonly-field{position:relative;background-color:var(--color-gray-light)!important;color:var(--color-gray-medium)!important;cursor:default!important;font-style:italic;border-color:var(--color-gray)!important}.task-edit-form .readonly-field:after{content:"🔒";position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);font-size:.8rem;opacity:.6}.task-edit-form .attachment-limit-warning{color:var(--color-error);font-size:.85em;font-weight:var(--font-medium);margin-left:var(--spacing-sm)}.task-edit-form .existing-attachments-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.task-edit-form .existing-attachment-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-gray-light);border:1px solid var(--color-gray);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-normal);text-align:left;font-family:inherit;font-size:inherit;color:var(--text-primary)}.task-edit-form .existing-attachment-item:hover{background-color:var(--color-primary-light);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.task-edit-form .existing-attachment-icon{font-size:1.5rem;flex-shrink:0}.task-edit-form .existing-attachment-name{flex:1;font-weight:var(--font-medium);word-break:break-word}.task-edit-form .existing-attachment-badge{background-color:var(--color-info);color:var(--color-white);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.task-edit-form .attachment-progress{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-gray-light);border-radius:var(--border-radius);font-size:var(--text-sm);font-weight:var(--font-medium)}.task-edit-form .attachment-progress-bar{flex:1;height:8px;background-color:var(--color-gray);border-radius:4px;overflow:hidden;margin:0 var(--spacing-md);position:relative}.task-edit-form .attachment-progress-fill{height:100%;background-color:var(--color-success);border-radius:4px;transition:all var(--transition-slow);transform-origin:left}.task-edit-form .attachment-progress-fill.warning{background-color:var(--color-warning)}.task-edit-form .attachment-progress-fill.danger{background-color:var(--color-error)}.task-edit-form .attachment-limit-info{margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-gray-light);border-radius:var(--border-radius-sm);border-left:3px solid var(--color-blue)}.task-edit-form .attachment-limit-info small{color:var(--color-gray-medium);font-weight:var(--font-medium);font-size:var(--text-xs)}.task-edit-form .attachment-limit-message{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-md);background-color:#fff3cd;border:1px solid #ffeeba;border-radius:var(--border-radius-sm);color:#856404;font-size:var(--text-sm)}.task-edit-form .attachment-limit-message .warning-icon{flex-shrink:0}.task-edit-form .form-actions{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-xl);border-top:1px solid var(--color-gray);margin-top:var(--spacing-xl)}.task-edit-form .form-actions .btn-primary,.task-edit-form .form-actions .btn-secondary{flex:1;min-height:44px}.task-edit-form .error-message{background-color:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:var(--border-radius-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;color:var(--color-error);font-size:var(--text-sm);animation:error-slide-in .3s ease-out}.task-edit-form .error-close{background:none;border:none;color:var(--color-error);cursor:pointer;font-size:1.2rem;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-normal)}.task-edit-form .error-close:hover{background-color:var(--color-error);color:var(--color-white)}@keyframes error-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.task-edit-form{padding:var(--spacing-md)}.task-edit-form .form-row{grid-template-columns:1fr;gap:var(--spacing-md)}.task-edit-form .form-actions{flex-direction:column;gap:var(--spacing-sm)}.task-edit-form .existing-attachment-item{padding:var(--spacing-sm)}.task-edit-form .existing-attachment-icon{font-size:1.25rem}.task-edit-form .existing-attachment-name,.task-edit-form .attachment-progress{font-size:var(--text-xs)}.task-edit-form .attachment-progress-bar{margin:0 var(--spacing-sm)}}@media (max-width: 480px){.task-edit-form .section-title{font-size:var(--text-base);flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.task-edit-form .existing-attachment-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.task-edit-form .existing-attachment-badge{align-self:flex-end}.task-edit-form .attachment-progress{flex-direction:column;gap:var(--spacing-xs)}.task-edit-form .attachment-progress-bar{margin:0}}.task-edit-form .readonly-field[aria-label]:before{content:attr(aria-label) ": ";font-weight:var(--font-semibold)}.task-edit-form .existing-attachment-item:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--border-radius)}.projects-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-xl);gap:var(--spacing-lg)}.projects-title h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;font-family:var(--font-family-primary)}.projects-title p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;font-family:var(--font-family-primary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.project-card{background-color:var(--color-white);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-regular);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);font-family:var(--font-family-primary);position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);transition:left var(--transition-normal)}.project-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:#f763004d}.project-card:hover:before{left:100%}.project-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-md);gap:var(--spacing-sm)}.project-card-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;font-family:var(--font-family-primary);flex:1;line-height:var(--line-height-tight)}.project-card-id{font-size:var(--font-size-xs);color:var(--color-text-secondary);background-color:var(--bg-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-small);font-weight:var(--font-weight-medium);white-space:nowrap}.project-card-public-name{margin-bottom:var(--spacing-sm)}.project-card-public-name small{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-style:italic}.project-card-description{font-size:var(--font-size-sm);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0;line-height:var(--line-height-normal);min-height:3.5em;display:-webkit-box;line-clamp:none;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-card-workgroup{margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--bg-secondary);border-radius:var(--radius-small);border-left:3px solid var(--border-color)}.project-workgroup-assigned{border-left-color:var(--color-primary)}.project-workgroup-none{border-left-color:var(--color-text-secondary)}.project-workgroup-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);display:block;margin-bottom:var(--spacing-xs)}.project-workgroup-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.project-card-meta{margin-bottom:var(--spacing-lg);padding-top:var(--spacing-sm);border-top:var(--border-width-thin) solid var(--border-color)}.project-card-meta small{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.project-card-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.project-card-actions button{flex:1;min-width:80px}.projects-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);text-align:center}.projects-loading p{margin-top:var(--spacing-lg);color:var(--color-text-secondary);font-family:var(--font-family-primary)}.projects-error{text-align:center;padding:var(--spacing-xxl);color:var(--color-error)}.projects-error h3{margin:0 0 var(--spacing-md) 0;font-family:var(--font-family-primary)}.projects-error p{margin:0;font-family:var(--font-family-primary)}.projects-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);text-align:center;grid-column:1 / -1}.projects-empty-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.5}.projects-empty h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0;font-family:var(--font-family-primary)}.projects-empty p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0;font-family:var(--font-family-primary);max-width:400px}@media (max-width: 1200px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}}@media (max-width: 768px){.projects-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.projects-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.project-card-actions{flex-direction:column}.project-card-actions button{min-width:unset}}@media (max-width: 480px){.project-card{padding:var(--spacing-md)}.project-card-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.project-card-id{align-self:flex-end}.projects-empty{padding:var(--spacing-lg)}.projects-empty-icon{font-size:3rem}}@media (prefers-reduced-motion: reduce){.project-card,.project-card:before{transition:none}.project-card:hover{transform:none}}@media (prefers-contrast: high){.project-card,.project-card-workgroup{border-width:2px}.project-workgroup-label{color:var(--color-black)!important}}.modal.modal-lg{max-width:600px}.modal.modal-xl{max-width:800px;min-height:500px}.modal-body .form-group{margin-bottom:var(--spacing-lg)}.modal-body .form-group:last-child{margin-bottom:0}.modal-body .form-label[data-required=true]:after,.modal-body .form-label:has(+.form-input[required]):after{content:" *";color:var(--color-error);font-weight:var(--font-weight-semibold)}.modal-body .form-help{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-secondary);font-style:italic;line-height:var(--line-height-normal);font-family:var(--font-family-primary)}.modal-body .form-input:invalid,.modal-body .form-textarea:invalid{border-color:var(--color-error);background-color:#dc35450d}.modal-body .form-input:valid,.modal-body .form-textarea:valid{border-color:var(--color-success)}.modal-body .form-input:focus:invalid,.modal-body .form-textarea:focus:invalid{box-shadow:0 0 0 2px #dc354533}.modal-body .form-input:focus:valid,.modal-body .form-textarea:focus:valid{box-shadow:0 0 0 2px #28a74533}.project-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.project-form-row .form-group{margin-bottom:var(--spacing-md)}.project-form-full{grid-column:1 / -1}.modal-header h3{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold)}.modal-footer{display:flex;gap:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-lg);border-top:var(--border-width-thin) solid var(--border-color)}.modal-footer button{min-width:120px}.modal-footer button:disabled{opacity:.6;cursor:not-allowed}.modal-footer button:disabled .btn-spinner{margin-right:var(--spacing-xs)}.project-description-counter{text-align:right;font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.project-description-counter.warning{color:var(--color-warning)}.project-description-counter.error{color:var(--color-error)}.project-form-preview{background-color:var(--bg-secondary);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-regular);padding:var(--spacing-md);margin-top:var(--spacing-md)}.project-form-preview h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin:0 0 var(--spacing-xs) 0;text-transform:uppercase;letter-spacing:.025em}.project-form-preview-content{font-size:var(--font-size-sm);color:var(--color-text-primary);font-style:italic}@media (max-width: 768px){.modal.modal-lg,.modal.modal-xl{max-width:95vw;margin:var(--spacing-sm)}.project-form-row{grid-template-columns:1fr;gap:var(--spacing-sm)}.modal-footer{flex-direction:column-reverse}.modal-footer button{min-width:unset;width:100%}}@media (max-width: 480px){.modal-body{padding:var(--spacing-md)}.modal-header h3{font-size:var(--font-size-lg)}.project-form-preview{padding:var(--spacing-sm)}}@media (prefers-reduced-motion: reduce){.modal-body .form-input,.modal-body .form-textarea{transition:none}}@media (prefers-contrast: high){.modal-body .form-input:invalid,.modal-body .form-textarea:invalid{border-width:2px;background-color:#dc35451a}.modal-body .form-input:valid,.modal-body .form-textarea:valid{border-width:2px}.project-form-preview{border-width:2px}}.workgroups-section{margin-bottom:var(--spacing-xl)}.workgroups-section:last-child{margin-bottom:0}.workgroups-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0;font-family:var(--font-family-primary);padding-bottom:var(--spacing-sm);border-bottom:var(--border-width-thin) solid var(--border-color)}.workgroups-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.workgroups-empty-state{padding:var(--spacing-lg);text-align:center;color:var(--color-text-secondary);font-style:italic;background-color:var(--bg-secondary);border-radius:var(--radius-regular);border:var(--border-width-thin) dashed var(--border-color);font-family:var(--font-family-primary)}.workgroup-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-white);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-regular);transition:all var(--transition-normal);position:relative;overflow:hidden;font-family:var(--font-family-primary)}.workgroup-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background-color:var(--border-color);transition:background-color var(--transition-normal)}.workgroup-item-available:before{background-color:var(--color-success)}.workgroup-item-assigned:before{background-color:var(--color-primary)}.workgroup-item:hover{background-color:var(--bg-hover);border-color:#f763004d}.workgroup-item-info{flex:1}.workgroup-item-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;font-family:var(--font-family-primary)}.workgroup-item-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-normal);font-family:var(--font-family-primary)}.workgroup-item-stats{margin-right:var(--spacing-md)}.workgroup-members-count{font-size:var(--font-size-xs);color:var(--color-text-secondary);background-color:var(--bg-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-small);font-weight:var(--font-weight-medium);font-family:var(--font-family-primary)}.workgroup-item-actions{display:flex;gap:var(--spacing-sm)}.workgroup-item-assigned{background-color:#f7630005}.workgroup-item-assigned .workgroup-item-name{color:var(--color-primary)}@media (max-width: 768px){.workgroup-item{flex-direction:column;align-items:stretch;text-align:center}.workgroup-item-stats{margin-right:0;margin-bottom:var(--spacing-sm)}.workgroup-item-actions{justify-content:center;margin-top:var(--spacing-sm)}.workgroups-section-title{text-align:center}}@media (max-width: 480px){.workgroup-item{padding:var(--spacing-sm)}.workgroups-list{gap:var(--spacing-sm)}.workgroups-empty-state{padding:var(--spacing-md);font-size:var(--font-size-sm)}}@media (prefers-reduced-motion: reduce){.workgroup-item,.workgroup-item:before{transition:none}}@media (prefers-contrast: high){.workgroup-item,.workgroups-empty-state{border-width:2px}.workgroup-item-name{color:var(--color-black)!important}.workgroup-item-assigned{background-color:var(--color-primary)!important;color:var(--color-white)!important}.workgroup-item-assigned .workgroup-item-name,.workgroup-item-assigned .workgroup-item-description{color:var(--color-white)!important}}.field-mapping-error{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xxl);min-height:300px;background-color:var(--color-white)}.field-mapping-error-content{text-align:center;max-width:500px;font-family:var(--font-family-primary)}.field-mapping-error-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.7;animation:pulse-subtle 2s ease-in-out infinite}@keyframes pulse-subtle{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.field-mapping-error-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0;font-family:var(--font-family-primary);line-height:var(--line-height-tight)}.field-mapping-error-description{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0;line-height:var(--line-height-normal);font-family:var(--font-family-primary)}.field-mapping-error-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap;align-items:center}.field-mapping-error-actions button{min-width:160px;font-weight:var(--font-weight-medium)}.field-mapping-error-actions .btn-primary{position:relative;overflow:hidden}.field-mapping-error-actions .btn-primary: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 var(--transition-normal)}.field-mapping-error-actions .btn-primary:hover:before{left:100%}.field-mapping-error.critical .field-mapping-error-icon{color:var(--color-error);animation:shake .5s ease-in-out infinite alternate}@keyframes shake{0%{transform:translate(0)}to{transform:translate(4px)}}.field-mapping-error.critical .field-mapping-error-title{color:var(--color-error)}.field-mapping-error.warning .field-mapping-error-icon,.field-mapping-error.warning .field-mapping-error-title{color:var(--color-warning)}.field-mapping-error.info .field-mapping-error-icon{color:var(--color-info)}.field-mapping-error-suggestions{margin-top:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-regular);border-left:3px solid var(--color-primary);text-align:left}.field-mapping-error-suggestions h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin:0 0 var(--spacing-xs) 0;font-family:var(--font-family-primary)}.field-mapping-error-suggestions ul{margin:0;padding-left:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.field-mapping-error-suggestions li{margin-bottom:var(--spacing-xs)}@media (max-width: 768px){.field-mapping-error{padding:var(--spacing-lg);min-height:250px}.field-mapping-error-content{max-width:100%}.field-mapping-error-actions{flex-direction:column;align-items:stretch}.field-mapping-error-actions button{min-width:unset;width:100%}.field-mapping-error-suggestions{margin-top:var(--spacing-md);padding:var(--spacing-sm);text-align:center}.field-mapping-error-suggestions ul{padding-left:var(--spacing-md)}}@media (max-width: 480px){.field-mapping-error{padding:var(--spacing-md)}.field-mapping-error-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.field-mapping-error-title{font-size:var(--font-size-lg)}.field-mapping-error-description{font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.field-mapping-error-actions{gap:var(--spacing-sm)}}@media (prefers-reduced-motion: reduce){.field-mapping-error-icon,.field-mapping-error.critical .field-mapping-error-icon{animation:none}.field-mapping-error-actions .btn-primary:before{transition:none}}@media (prefers-contrast: high){.field-mapping-error-title{color:var(--color-black)!important}.field-mapping-error-suggestions{border-width:2px;border-left-width:4px}.field-mapping-error.critical .field-mapping-error-title{color:var(--color-error)!important;font-weight:var(--font-weight-bold)}.field-mapping-error.warning .field-mapping-error-title{color:var(--color-warning)!important;font-weight:var(--font-weight-bold)}}@media print{.field-mapping-error{padding:var(--spacing-lg);background:#fff;color:#000}.field-mapping-error-icon{animation:none;opacity:1}.field-mapping-error-actions{display:none}.field-mapping-error-suggestions{border:2px solid #ccc;background:#f9f9f9}}.integration-form{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);max-width:1000px;margin:0 auto}.integration-section{background-color:var(--color-white);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-regular);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);font-family:var(--font-family-primary);position:relative;overflow:hidden}.integration-section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);transition:left var(--transition-normal)}.integration-section:hover{border-color:#f763004d;transform:translateY(-2px);box-shadow:var(--shadow-hover)}.integration-section:hover:before{left:100%}.integration-section-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:var(--border-width-thin) solid var(--border-color)}.integration-section-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;font-family:var(--font-family-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.integration-section-header p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-normal);font-family:var(--font-family-primary)}.integration-form .form-label{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.integration-label-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-family:var(--font-family-primary);line-height:var(--line-height-tight);order:1}.integration-label-description{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-style:italic;line-height:var(--line-height-normal);font-family:var(--font-family-primary);order:2;margin-top:2px}.integration-form .form-label.compact{gap:2px}.integration-form .form-label.compact .integration-label-description{margin-top:0}.integration-form .form-group{display:flex;flex-direction:column;margin-bottom:var(--spacing-md)}.integration-form .form-input,.integration-form .form-select{margin-top:var(--spacing-xs);transition:all var(--transition-normal);font-family:var(--font-family-primary)}.integration-form .form-input:hover,.integration-form .form-select:hover{border-color:#f7630080}.integration-form .form-input:focus,.integration-form .form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #f7630033}.integration-actions{display:flex;justify-content:center;align-items:center;padding:var(--spacing-lg) 0;border-top:var(--border-width-thin) solid var(--border-color);margin-top:var(--spacing-xl)}.integration-save-button{position:relative;overflow:hidden;font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);min-width:180px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.integration-save-button: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 var(--transition-normal)}.integration-save-button:hover:before{left:100%}.integration-save-button .loading-spinner{width:16px;height:16px}.integration-no-access{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);text-align:center;background-color:var(--color-white);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-regular);min-height:350px}.integration-no-access-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.6;filter:grayscale(1)}.integration-no-access h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0;font-family:var(--font-family-primary)}.integration-no-access p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0;max-width:400px;line-height:var(--line-height-normal);font-family:var(--font-family-primary)}.integration-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);text-align:center;min-height:300px}.integration-loading p{margin-top:var(--spacing-lg);font-size:var(--font-size-base);color:var(--color-text-secondary);font-family:var(--font-family-primary)}.integration-error-alert{margin-bottom:var(--spacing-lg);position:relative}.integration-error-alert .alert-close-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:none;border:none;color:var(--color-error);cursor:pointer;font-size:var(--font-size-lg);padding:var(--spacing-xs);transition:all var(--transition-normal);border-radius:var(--radius-small)}.integration-error-alert .alert-close-btn:hover{background-color:#dc35451a;transform:scale(1.1)}@media (max-width: 1200px){.integration-form{max-width:800px}}@media (max-width: 768px){.integration-section{padding:var(--spacing-lg)}.integration-section-header h3{font-size:var(--font-size-base);flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.integration-actions{padding:var(--spacing-md) 0}.integration-save-button{width:100%;min-width:unset}.integration-no-access{padding:var(--spacing-lg);min-height:250px}.integration-no-access-icon{font-size:3rem}}@media (max-width: 480px){.integration-section{padding:var(--spacing-md)}.integration-section-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.integration-no-access h3{font-size:var(--font-size-lg)}.integration-loading{padding:var(--spacing-lg)}}@media (prefers-reduced-motion: reduce){.integration-section,.integration-section:before,.integration-save-button:before{transition:none}.integration-section:hover{transform:none}}@media (prefers-contrast: high){.integration-section{border-width:2px}.integration-section-header{border-bottom-width:2px}.integration-actions{border-top-width:2px}.integration-label-text{color:var(--color-black)!important;font-weight:var(--font-weight-bold)}.integration-no-access h3{color:var(--color-black)!important}}@media print{.integration-section{break-inside:avoid;box-shadow:none;border:1px solid #ccc}.integration-actions{display:none}.integration-section:before{display:none}}.employees-section{margin-bottom:var(--spacing-xxl)}.employees-section:last-child{margin-bottom:0}.employees-section-header{margin-bottom:var(--spacing-lg)}.employees-section-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;font-family:var(--font-family-primary)}.employees-section-header p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;font-family:var(--font-family-primary)}.user-initials{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--color-primary),#FF8533);color:var(--color-white);border-radius:var(--radius-round);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);font-family:var(--font-family-primary);text-transform:uppercase;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.user-initials:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);transition:transform var(--transition-normal)}.user-initials:hover:before{transform:rotate(45deg) translate(50%,50%)}.employees-current-user-avatar{width:60px;height:60px;font-size:var(--font-size-lg)}.employees-table-user-avatar{width:36px;height:36px;font-size:var(--font-size-sm)}.employees-current-user-card{border-left:4px solid var(--color-primary)}.employees-current-user-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.employees-current-user-info h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;font-family:var(--font-family-primary)}.employees-user-email{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-sm) 0;font-family:var(--font-family-primary)}.employees-current-user-details{padding-top:var(--spacing-md);border-top:var(--border-width-thin) solid var(--border-color)}.employees-user-detail{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-family:var(--font-family-primary)}.employees-detail-label{font-weight:var(--font-weight-medium);color:var(--color-text-secondary);white-space:nowrap}.employees-detail-value{color:var(--color-text-primary);flex:1}.employees-current-user-loading,.employees-current-user-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center}.employees-current-user-loading p,.employees-current-user-error p{margin-top:var(--spacing-md);color:var(--color-text-secondary);font-family:var(--font-family-primary)}.employees-table-container{margin-top:var(--spacing-lg)}.employees-table-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}.employees-table-header h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;font-family:var(--font-family-primary)}.employees-count{font-size:var(--font-size-sm);color:var(--color-text-secondary);background-color:var(--bg-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-small);font-weight:var(--font-weight-medium);font-family:var(--font-family-primary)}.employees-user-cell{min-width:200px}.employees-user-cell-content{display:flex;align-items:center;gap:var(--spacing-sm)}.employees-user-info{flex:1}.employees-user-name{display:block;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);font-family:var(--font-family-primary)}.employees-user-info .employees-user-email{font-size:var(--font-size-xs);margin:0}.employees-departments-cell{max-width:200px;word-wrap:break-word;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.employees-table-loading,.employees-table-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);text-align:center}.employees-table-loading p,.employees-table-error p{margin-top:var(--spacing-lg);color:var(--color-text-secondary);font-family:var(--font-family-primary)}.employees-table-error{color:var(--color-error)}@media (max-width: 768px){.employees-current-user-header{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.employees-table-header{flex-direction:column;align-items:stretch;text-align:center}.employees-user-cell-content{flex-direction:column;text-align:center;gap:var(--spacing-xs)}.employees-user-info{text-align:center}.employees-user-detail{flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-xs)}}@media (max-width: 480px){.employees-section{margin-bottom:var(--spacing-xl)}.employees-current-user-card .card-body{padding:var(--spacing-md)}.employees-current-user-avatar{width:50px;height:50px;font-size:var(--font-size-base)}.employees-table-user-avatar{width:32px;height:32px;font-size:var(--font-size-xs)}.employees-section-header h3{font-size:var(--font-size-lg)}}@media (prefers-reduced-motion: reduce){.user-initials,.user-initials:before{transition:none}.user-initials:hover:before{transform:none}}@media (prefers-contrast: high){.employees-current-user-card{border-left-width:6px}.user-initials{background:var(--color-primary)!important;border:2px solid var(--color-black)}.employees-user-name{color:var(--color-black)!important}}@media print{.employees-current-user-card{border:2px solid #000;background:#fff}.user-initials{background:#ccc!important;color:#000!important}}.role-change-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.role-change-user-section{padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-regular);border-left:4px solid var(--color-primary);font-family:var(--font-family-primary)}.role-change-user-header{display:flex;align-items:center;gap:var(--spacing-md)}.role-change-avatar{width:50px;height:50px;font-size:var(--font-size-base)}.role-change-user-details h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;font-family:var(--font-family-primary)}.role-change-user-details p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;font-family:var(--font-family-primary)}.role-change-current-role{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm)!important}.role-change-current-badge{margin-left:var(--spacing-xs)}.role-options{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.form-radio-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-regular);cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-family-primary);background-color:var(--color-white);position:relative;overflow:hidden}.form-radio-option:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background-color:transparent;transition:background-color var(--transition-normal)}.form-radio-option:hover{background-color:var(--bg-hover);border-color:#f763004d}.form-radio-option:hover:before{background-color:#f763004d}.form-radio-option:has(.form-radio:checked){background-color:#f763000d;border-color:var(--color-primary);box-shadow:0 0 0 1px #f7630033}.form-radio-option:has(.form-radio:checked):before{background-color:var(--color-primary)}.form-radio-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.form-radio{margin:0;accent-color:var(--color-primary);width:16px;height:16px}.form-radio-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);flex:1;cursor:pointer}.form-radio-option:has(.form-radio:checked) .form-radio-label{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.role-option-description{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-xs);padding-left:calc(16px + var(--spacing-sm));line-height:var(--line-height-normal);font-style:italic}.form-radio-option:has(.form-radio:checked) .role-option-description{color:#f76300cc}.role-change-warning{margin-top:var(--spacing-md);border-left-width:4px}.role-change-warning .alert-icon{font-size:var(--font-size-lg);animation:warning-pulse 2s ease-in-out infinite}@keyframes warning-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.role-change-warning .alert-content{font-size:var(--font-size-sm);line-height:var(--line-height-normal);font-family:var(--font-family-primary)}.role-change-warning.alert-warning .alert-icon{color:var(--color-warning)}.role-change-warning.alert-info .alert-icon{color:var(--color-info)}.role-change-warning.alert-error .alert-icon{color:var(--color-error);animation:error-shake .5s ease-in-out infinite alternate}@keyframes error-shake{0%{transform:translate(0)}to{transform:translate(2px)}}.employee-panel{background-color:var(--color-white);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-regular);font-family:var(--font-family-primary);box-shadow:var(--shadow-sm)}.employee-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:var(--border-width-thin) solid var(--border-color)}.employee-panel-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;font-family:var(--font-family-primary)}.employee-panel-actions{display:flex;gap:var(--spacing-sm)}.employee-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.employee-detail-card{background-color:var(--bg-secondary);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-regular);padding:var(--spacing-md);transition:all var(--transition-normal)}.employee-detail-card:hover{background-color:var(--bg-hover);border-color:#f763004d}.employee-detail-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.025em;margin-bottom:var(--spacing-xs);font-family:var(--font-family-primary)}.employee-detail-value{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium);font-family:var(--font-family-primary);word-wrap:break-word}@media (max-width: 768px){.role-change-user-header{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.role-change-current-role{justify-content:center;flex-wrap:wrap}.employee-panel-header{flex-direction:column;align-items:stretch;text-align:center}.employee-panel-actions{justify-content:center;margin-top:var(--spacing-sm)}.employee-details-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}@media (max-width: 480px){.role-change-user-section{padding:var(--spacing-sm)}.role-options{gap:var(--spacing-xs)}.form-radio-option{padding:var(--spacing-xs) var(--spacing-sm)}.employee-panel{padding:var(--spacing-md)}.employee-detail-card{padding:var(--spacing-sm)}.role-option-description{padding-left:var(--spacing-lg)}}@media (prefers-reduced-motion: reduce){.form-radio-option,.form-radio-option:before,.employee-detail-card{transition:none}.role-change-warning .alert-icon,.role-change-warning.alert-error .alert-icon{animation:none}}@media (prefers-contrast: high){.role-change-user-section{border-left-width:6px}.form-radio-option{border-width:2px}.form-radio-option:has(.form-radio:checked){background-color:var(--color-primary)!important;color:var(--color-white)!important}.form-radio-option:has(.form-radio:checked) .form-radio-label,.form-radio-option:has(.form-radio:checked) .role-option-description{color:var(--color-white)!important}.role-change-user-details h4{color:var(--color-black)!important}.employee-detail-card{border-width:2px}.role-change-warning{border-left-width:6px}}@media print{.role-change-user-section,.employee-panel{border:2px solid #000;background:#fff}.role-change-warning{border:2px solid #000;background:#f9f9f9}.employee-panel-actions{display:none}.form-radio-option{border:1px solid #000}.role-change-warning .alert-icon{animation:none}}.task-messages-inline{display:flex;flex-direction:column;height:100%;min-height:500px;background-color:var(--color-white)}.task-messages-stats-header{padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-gray);margin-bottom:var(--spacing-lg)}.message-stats{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.message-stat{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-gray-light);border:1px solid var(--color-gray);border-radius:var(--border-radius-sm);font-size:var(--text-xs);color:var(--color-gray-medium);font-weight:var(--font-medium)}.message-stat.unread{background-color:#dc35451a;border-color:var(--color-error);color:var(--color-error)}.task-messages-error,.attachment-error-banner{padding:var(--spacing-md);background-color:#dc35451a;border:1px solid var(--color-error);color:var(--color-error);margin-bottom:var(--spacing-lg);border-radius:var(--border-radius-sm);display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm);animation:error-slide-in .3s ease-out}.task-messages-error button,.error-close-btn{background:none;border:none;color:var(--color-error);cursor:pointer;font-size:1.2rem;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:all var(--transition-normal)}.task-messages-error button:hover,.error-close-btn:hover{background-color:#dc354533}.task-messages-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:var(--spacing-lg);color:var(--color-gray-medium)}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-gray);border-top:3px solid var(--color-primary);border-radius:50%;animation:loading-spin 1s linear infinite}.task-messages-content-inline{flex:1;display:flex;flex-direction:column;min-height:0}.task-messages-list-inline{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-lg);padding-right:var(--spacing-sm);max-height:400px;scrollbar-width:thin;scrollbar-color:var(--color-gray) transparent}.task-messages-list-inline::-webkit-scrollbar{width:6px}.task-messages-list-inline::-webkit-scrollbar-track{background:transparent}.task-messages-list-inline::-webkit-scrollbar-thumb{background-color:var(--color-gray);border-radius:3px}.task-messages-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;text-align:center;color:var(--color-gray-medium)}.empty-icon{font-size:2.5rem;margin-bottom:var(--spacing-lg);opacity:.5}.task-messages-empty p{margin:0 0 var(--spacing-sm) 0;color:var(--color-gray-medium);font-weight:var(--font-medium);font-size:var(--text-base)}.task-messages-empty small{color:var(--color-gray-dark);font-size:var(--text-sm)}.task-message-inline{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--border-radius);transition:all var(--transition-normal);position:relative}.task-message-inline:hover{transform:translate(2px);box-shadow:var(--shadow-sm)}.task-message-inline--own{background-color:#2574a90d;border-left:4px solid var(--color-blue);margin-left:var(--spacing-xl);border:1px solid rgba(37,116,169,.1)}.task-message-inline--own .message-avatar{background-color:var(--color-blue);color:var(--color-white);order:2}.task-message-inline--own .message-content{order:1;text-align:right}.task-message-inline--own .message-header{justify-content:flex-end}.task-message-inline--own .message-author{color:var(--color-blue)}.task-message-inline--other{background-color:#f763000d;border-left:4px solid var(--color-primary);margin-right:var(--spacing-xl);border:1px solid rgba(247,99,0,.1)}.task-message-inline--other .message-avatar{background-color:var(--color-primary);color:var(--color-white)}.task-message-inline--other .message-author{color:var(--color-primary)}.task-message-inline--customer{background-color:#ffc1070d;border-left:4px solid var(--color-warning);margin-right:var(--spacing-xl);border:1px solid rgba(255,193,7,.2);position:relative}.task-message-inline--customer .message-avatar{background-color:var(--color-warning);color:var(--color-black);font-size:1.2rem}.task-message-inline--customer .message-author{color:var(--color-warning)}.task-message-inline--customer:before{content:"📧";position:absolute;top:-8px;right:var(--spacing-sm);background-color:var(--color-warning);color:var(--color-black);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.7rem;box-shadow:var(--shadow-sm)}.task-message-inline--internal{background-color:#6c757d0d;border-left:4px solid var(--color-gray-medium);border:1px solid rgba(108,117,125,.1)}.task-message-inline--internal .message-avatar{background-color:var(--color-gray-medium);color:var(--color-white)}.task-message-inline--internal .message-author{color:var(--color-gray-medium)}.message-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-semibold);font-size:var(--text-base);flex-shrink:0;border:2px solid transparent;transition:all var(--transition-normal)}.message-content{flex:1;min-width:0}.message-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);flex-wrap:wrap}.message-header-info{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.message-author{font-size:var(--text-sm);font-weight:var(--font-semibold)}.message-time{font-size:var(--text-xs);color:var(--color-gray-dark)}.message-internal-badge{padding:1px var(--spacing-xs);background-color:#6c757d33;border:1px solid var(--color-gray-medium);border-radius:var(--border-radius-sm);font-size:var(--text-xs);color:var(--color-gray-medium);font-weight:var(--font-semibold)}.message-body{position:relative}.message-text{color:var(--color-black);line-height:1.5;margin:0;word-wrap:break-word;font-size:var(--text-sm)}.message-edited{color:var(--color-gray-dark);font-style:italic;font-size:var(--text-xs);margin-top:var(--spacing-xs);display:block}.message-actions{display:flex;gap:var(--spacing-xs);opacity:0;transition:opacity var(--transition-normal);flex-shrink:0}.task-message-inline:hover .message-actions{opacity:1}.message-action{background:none;border:none;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-normal);font-size:var(--text-sm)}.message-action:hover{background-color:var(--color-gray-light);transform:scale(1.1)}.message-action.delete:hover{background-color:var(--color-error);color:var(--color-white)}.message-attachments{margin-top:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--color-gray-light);border:1px solid var(--color-gray);border-radius:var(--border-radius-sm);border-left:3px solid var(--color-blue)}.message-attachments-header{font-size:var(--text-xs);color:var(--color-gray-medium);font-weight:var(--font-semibold);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px}.message-attachment-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:none;border:1px solid var(--color-gray);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;color:var(--color-black);font-size:var(--text-xs)}.message-attachment-item .attachment-icon{font-size:1rem;flex-shrink:0}.message-attachment-item .attachment-name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-messages-input-inline{border-top:1px solid var(--color-gray);padding-top:var(--spacing-lg);margin-top:var(--spacing-lg)}.message-input-with-attachments{position:relative}.message-input-body{display:flex;gap:var(--spacing-md);align-items:flex-end;margin-top:var(--spacing-md)}.message-textarea{flex:1;padding:var(--spacing-md);border:1px solid var(--color-gray);border-radius:var(--border-radius);resize:none;font-family:inherit;font-size:var(--text-sm);min-height:80px;transition:all var(--transition-normal)}.message-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #f7630033}.message-send-btn{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--border-radius);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap;transition:all var(--transition-normal);min-height:44px}.message-send-btn:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.message-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.message-input-footer{margin-top:var(--spacing-sm);text-align:center}.message-input-footer small{color:var(--color-gray-dark);font-size:var(--text-xs)}.attachment-count-hint{color:var(--color-primary);font-weight:var(--font-medium)}.message-edit-form{margin-top:var(--spacing-sm)}.message-edit-textarea{width:100%;min-height:80px;padding:var(--spacing-sm);border:1px solid var(--color-gray);border-radius:var(--border-radius);resize:vertical;font-family:inherit;font-size:var(--text-sm);transition:all var(--transition-normal)}.message-edit-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #f7630033}.message-edit-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm);justify-content:flex-end}.btn-save,.btn-cancel{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--color-gray);border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-medium);transition:all var(--transition-normal)}.btn-save{background-color:var(--color-success);color:var(--color-white);border-color:var(--color-success)}.btn-save:hover{background-color:#218838;transform:translateY(-1px)}.btn-cancel{background-color:var(--color-gray-light);color:var(--color-black)}.btn-cancel:hover{background-color:var(--color-gray);border-color:var(--color-primary)}@media (max-width: 768px){.task-message-inline--own{margin-left:var(--spacing-md)}.task-message-inline--other,.task-message-inline--customer{margin-right:var(--spacing-md)}.message-avatar{width:32px;height:32px;font-size:var(--text-sm)}.message-input-body{flex-direction:column;gap:var(--spacing-sm)}.message-send-btn{width:100%;justify-content:center}.task-messages-list-inline{max-height:300px}.message-stats{flex-direction:column;gap:var(--spacing-sm)}}@media (max-width: 480px){.task-messages-inline{min-height:400px}.message-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.message-actions{opacity:1}.message-attachment-item{font-size:var(--text-xs);padding:var(--spacing-xs)}.message-attachments-header{font-size:var(--text-xs)}.task-message-inline{padding:var(--spacing-sm)}.empty-icon{font-size:2rem}}.message-action:focus,.message-send-btn:focus,.message-textarea:focus,.message-attachment-item:focus{outline:2px solid var(--color-primary);outline-offset:2px}.message-actions{opacity:1}@media (pointer: fine){.message-actions{opacity:0}.task-message-inline:hover .message-actions,.task-message-inline:focus-within .message-actions{opacity:1}}.message-send-btn.loading{position:relative;color:transparent!important}.message-send-btn.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:loading-spin 1s linear infinite;color:var(--color-white)}.message-input-area{display:flex;gap:var(--spacing-sm);align-items:flex-end;width:100%;padding:var(--spacing-md);background:var(--bg-primary);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-regular);transition:all var(--transition-normal)}.message-input-area:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.message-input-area .message-textarea{flex:1;border:none;padding:0;background:transparent;resize:none;font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);min-height:24px;max-height:120px;overflow-y:auto}.message-input-area .message-textarea:focus{outline:none;border:none;box-shadow:none}.message-send-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-regular);cursor:pointer;font-size:var(--font-size-lg);transition:all var(--transition-normal);flex-shrink:0}.message-send-button:hover:not(:disabled){background:var(--color-primary-hover);transform:scale(1.05)}.message-send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.task-messages-unavailable,.ticket-messages-unavailable{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);text-align:center;min-height:400px;background:var(--bg-secondary);border-radius:var(--radius-regular);gap:var(--spacing-lg)}.task-messages-unavailable .unavailable-icon,.ticket-messages-unavailable .unavailable-icon{font-size:4rem;opacity:.6;animation:fade-in .5s ease-in}.task-messages-unavailable h3,.ticket-messages-unavailable h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.task-messages-unavailable p,.ticket-messages-unavailable p{color:var(--text-secondary);font-size:var(--font-size-base);max-width:500px;line-height:1.6;margin:0}.task-messages-unavailable small,.ticket-messages-unavailable small{color:var(--text-tertiary);font-size:var(--font-size-sm);font-style:italic}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:.6;transform:translateY(0)}}@media (max-width: 768px){.message-input-area{padding:var(--spacing-sm);gap:var(--spacing-xs)}.message-send-button{width:36px;height:36px;font-size:var(--font-size-base)}}.message-attachments{margin-top:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--color-gray-light);border:1px solid var(--color-gray);border-radius:var(--border-radius-sm);border-left:3px solid var(--color-blue);transition:all var(--transition-normal)}.message-attachments:hover{border-left-color:var(--color-primary);box-shadow:var(--shadow-sm)}.message-attachments-header{font-size:var(--text-xs);color:var(--color-gray-medium);font-weight:var(--font-semibold);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:var(--spacing-xs)}.message-attachments-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.message-attachment-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-white);border:1px solid var(--color-gray);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;color:var(--color-black);font-size:var(--text-xs);font-weight:var(--font-medium)}.message-attachment-item:hover{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);transform:translate(2px);box-shadow:var(--shadow-sm)}.message-attachment-item:active{transform:translate(1px) scale(.98)}.attachment-icon{font-size:1rem;flex-shrink:0;transition:transform var(--transition-normal)}.message-attachment-item:hover .attachment-icon{transform:scale(1.1)}.attachment-name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.message-attachment-item[data-type=pdf] .attachment-icon{color:#dc3545}.message-attachment-item[data-type=image] .attachment-icon{color:#28a745}.message-attachment-item[data-type=document] .attachment-icon{color:#007bff}.message-attachment-item[data-type=spreadsheet] .attachment-icon{color:#28a745}.message-attachment-item[data-type=csv] .attachment-icon{color:#ffc107}.message-attachment-item[data-type=xml] .attachment-icon{color:#6c757d}.message-attachment-item:after{content:"⬇️";opacity:0;font-size:.7rem;transition:opacity var(--transition-normal);flex-shrink:0}.message-attachment-item:hover:after{opacity:1}.message-attachments.loading{opacity:.7;pointer-events:none}.message-attachments.loading:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid var(--color-gray);border-top:2px solid var(--color-primary);border-radius:50%;animation:loading-spin 1s linear infinite}.message-attachments.error{border-left-color:var(--color-error);background-color:#dc35450d}.message-attachments.error .message-attachments-header{color:var(--color-error)}.message-attachment-item.error{background-color:#dc35451a;border-color:var(--color-error);color:var(--color-error);cursor:not-allowed}.message-attachment-item.error:hover{background-color:#dc35451a;color:var(--color-error);transform:none;box-shadow:none}.message-attachments-empty{text-align:center;padding:var(--spacing-md);color:var(--color-gray-medium);font-style:italic;font-size:var(--text-xs)}@media (max-width: 768px){.message-attachment-item{font-size:var(--text-xs);padding:var(--spacing-xs);gap:var(--spacing-xs)}.attachment-icon{font-size:.9rem}.message-attachments-header{font-size:var(--text-xs)}.message-attachment-item:after{opacity:1}}@media (max-width: 480px){.message-attachments{margin-top:var(--spacing-sm);padding:var(--spacing-xs)}.message-attachment-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-xs)}.attachment-name{font-size:var(--text-xs);text-align:left;width:100%}.message-attachment-item:after{align-self:flex-end;margin-top:var(--spacing-xs)}}.message-attachment-item:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--border-radius-sm)}.message-attachment-item[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}@media (prefers-contrast: high){.message-attachments,.message-attachment-item,.message-attachment-item:hover{border-width:2px}}@media (prefers-reduced-motion: reduce){.message-attachment-item,.attachment-icon,.message-attachments{transition:none}.message-attachment-item:hover,.message-attachment-item:hover .attachment-icon{transform:none}}@media print{.message-attachments{border:1px solid #000;background:transparent;page-break-inside:avoid}.message-attachment-item{background:transparent;border:1px solid #000}.message-attachment-item:after{content:" (📎)";opacity:1}}.statistics-chart{margin-top:var(--spacing-md);background-color:var(--just-white);border-radius:var(--radius-md);border:1px solid var(--border-color);overflow:hidden;min-height:200px;display:flex;flex-direction:column;transition:all var(--transition-normal);animation:slideInUp .3s ease-out}.statistics-chart:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.chart-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);background-color:var(--gray-light);position:relative}.chart-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary))}.chart-title{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-color);line-height:var(--line-height-normal);transition:color var(--transition-normal)}.chart-subtitle{margin:var(--spacing-xs) 0 0 0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-normal)}.chart-content{position:relative;height:200px;padding:var(--spacing-md);background-color:var(--just-white);display:flex;align-items:center;justify-content:center}.chart-canvas{width:100%!important;height:100%!important;transition:opacity var(--transition-normal)}.chart-content:hover .chart-canvas{opacity:.95}.chart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:var(--spacing-md);color:var(--text-secondary);background-color:var(--just-white)}.chart-loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin var(--animation-duration-slow) linear infinite}.chart-loading span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.chart-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:var(--spacing-sm);color:var(--color-danger);background-color:#e74c3c0d;border:1px solid rgba(231,76,60,.2);margin:var(--spacing-md);border-radius:var(--radius-md);animation:errorSlideIn .3s ease-out}.chart-error-icon{font-size:2rem;animation:pulse 2s infinite}.chart-error span:nth-child(2){font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.chart-error small{font-size:var(--font-size-xs);color:var(--text-muted);text-align:center;max-width:250px;line-height:var(--line-height-relaxed)}.chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:var(--spacing-sm);color:var(--text-muted);background-color:var(--just-white)}.chart-empty-icon{font-size:2.5rem;opacity:.5;animation:float 3s ease-in-out infinite}.chart-empty span:nth-child(2){font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.chart-empty small{font-size:var(--font-size-xs);text-align:center;max-width:250px;line-height:var(--line-height-relaxed)}.chart-tooltip{background-color:var(--just-white);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);padding:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-color)}.chart-tooltip-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs);color:var(--text-color)}.chart-tooltip-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.chart-tooltip-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.chart-tooltip-color{width:12px;height:12px;border-radius:2px;flex-shrink:0}.chart-legend{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--gray-light);border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.chart-legend-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary)}.chart-legend-color{width:12px;height:12px;border-radius:2px;flex-shrink:0}.recharts-tooltip-wrapper{outline:none!important}.recharts-cartesian-grid line{stroke:var(--border-color)!important;stroke-dasharray:3 3!important}.recharts-xAxis .recharts-cartesian-axis-tick,.recharts-yAxis .recharts-cartesian-axis-tick{font-size:11px!important;fill:var(--text-secondary)!important}.recharts-legend-wrapper{padding-top:var(--spacing-md)!important}@media (max-width: 768px){.statistics-chart{margin-top:var(--spacing-sm);min-height:180px}.chart-header{padding:var(--spacing-sm) var(--spacing-md)}.chart-title{font-size:var(--font-size-sm)}.chart-subtitle{font-size:var(--font-size-xs)}.chart-content{height:160px;padding:var(--spacing-sm)}.chart-loading,.chart-error,.chart-empty{height:160px}.chart-legend{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}}@media (max-width: 480px){.statistics-chart{border-radius:var(--radius-sm);min-height:160px}.chart-header{padding:var(--spacing-sm)}.chart-title{font-size:var(--font-size-sm)}.chart-subtitle{font-size:var(--font-size-xs)}.chart-content{height:140px;padding:var(--spacing-xs)}.chart-legend{padding:var(--spacing-sm);gap:var(--spacing-xs)}.chart-loading,.chart-error,.chart-empty{height:140px}.chart-empty-icon{font-size:2rem}.chart-error-icon{font-size:1.5rem}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.statistics-chart:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.statistics-chart.loading{opacity:.7;pointer-events:none}.statistics-chart.loading .chart-title{animation:pulse 1.5s ease-in-out infinite}.details-panel{flex:1;background-color:var(--just-white);overflow:hidden;display:flex;flex-direction:column;position:relative;min-width:400px;max-width:600px}.details-panel .card{background-color:var(--just-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--border-color);overflow:hidden;flex:1;display:flex;flex-direction:column;position:relative;transition:all var(--transition-normal);min-height:0}.details-panel .card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);background-color:var(--gray-light);display:flex;align-items:center;justify-content:flex-start;flex-shrink:0;position:relative;gap:var(--spacing-sm)}.details-panel .card-header h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-color);line-height:var(--line-height-tight)}.details-panel .card-content{padding:0;flex:1;overflow-y:auto;display:block;min-height:0;background-color:var(--just-white)}.statistics-content{display:flex;flex-direction:column;gap:var(--spacing-lg);align-items:center;padding:var(--spacing-lg)}.statistics-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);width:100%;max-width:400px;margin:0 auto}.stat-card{padding:var(--spacing-md);border-radius:var(--radius-sm);text-align:center;transition:all var(--transition-normal);border:1px solid var(--border-color);background-color:var(--just-white);min-height:70px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;cursor:pointer;border-left:4px solid transparent}.stat-card: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)}.stat-card:hover:before{left:100%}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary);background-color:var(--gray-light)}.stat-card:active{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.stat-value{font-size:1.75rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs);line-height:1;transition:all var(--transition-normal);position:relative;z-index:1}.stat-card:hover .stat-value{transform:scale(1.05)}.stat-label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px;position:relative;z-index:1;transition:color var(--transition-normal);line-height:var(--line-height-tight)}.stat-card:hover .stat-label{color:var(--text-color)}.stat-card--neutral .stat-value{color:#9ca3af;text-shadow:0 2px 4px rgba(156,163,175,.3)}.stat-card--neutral{background:linear-gradient(135deg,var(--just-white) 0%,rgba(156,163,175,.05) 100%)}.stat-card--neutral:hover{border-left-color:#9ca3af}.stat-card--yellow .stat-value{color:#eab308;text-shadow:0 2px 4px rgba(234,179,8,.3)}.stat-card--yellow{background:linear-gradient(135deg,var(--just-white) 0%,rgba(234,179,8,.05) 100%)}.stat-card--yellow:hover{border-left-color:#eab308}.stat-card--cyan .stat-value{color:#06b6d4;text-shadow:0 2px 4px rgba(6,182,212,.3)}.stat-card--cyan{background:linear-gradient(135deg,var(--just-white) 0%,rgba(6,182,212,.05) 100%)}.stat-card--cyan:hover{border-left-color:#06b6d4}.stat-card--danger .stat-value{color:var(--color-danger);text-shadow:0 2px 4px rgba(231,76,60,.3)}.stat-card--danger{background:linear-gradient(135deg,var(--just-white) 0%,rgba(231,76,60,.05) 100%)}.stat-card--danger:hover{border-left-color:var(--color-danger)}.stat-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px}.stat-loading-spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top:2px solid var(--color-primary);border-radius:50%;animation:spin var(--animation-duration-slow) linear infinite;margin-bottom:var(--spacing-sm)}.stat-loading-text{font-size:var(--font-size-xs);color:var(--text-muted)}.stat-card--clickable{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.stat-card--clickable:after{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(90deg,var(--color-primary),transparent);transition:width var(--transition-normal);opacity:.1}.stat-card--clickable:hover:after{width:100%}.stat-card--clickable:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--color-primary)}.stat-card--clickable:hover .stat-value{transform:scale(1.1)}.stat-card--clickable:active{transform:translateY(-3px)}@media (max-width: 768px){.details-panel{min-width:320px;max-width:none}.details-panel .card-header{padding:var(--spacing-md)}.statistics-content{padding:var(--spacing-md);gap:var(--spacing-md)}.statistics-tiles{max-width:300px;gap:var(--spacing-xs)}.stat-card{min-height:60px;padding:var(--spacing-sm)}.stat-value{font-size:1.5rem}.stat-label{font-size:.7rem}}@media (max-width: 480px){.statistics-content{padding:var(--spacing-sm);gap:var(--spacing-sm)}.statistics-tiles{grid-template-columns:1fr;max-width:250px}.stat-card{min-height:50px}.stat-value{font-size:1.25rem}.stat-label{font-size:.65rem}.details-panel .card-header h2{font-size:var(--font-size-lg)}}.smart-analytics-chart{margin-top:var(--spacing-md);background-color:var(--just-white);border-radius:var(--radius-md);border:1px solid var(--border-color);overflow:hidden;min-height:280px;display:flex;flex-direction:column;transition:all var(--transition-normal);animation:slideInUp .3s ease-out}.smart-analytics-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);background-color:var(--gray-light);position:relative;display:flex;justify-content:space-between;align-items:center}.smart-analytics-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary))}.analytics-title-section{flex:1}.analytics-title{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-color);line-height:var(--line-height-normal)}.analytics-subtitle{margin:var(--spacing-xs) 0 0 0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-normal)}.analytics-toggle{display:flex;background-color:var(--just-white);border-radius:var(--radius-sm);border:1px solid var(--border-color);padding:2px;gap:2px}.toggle-btn{padding:var(--spacing-xs) var(--spacing-sm);border:none;background:transparent;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap}.toggle-btn:hover{color:var(--text-color);background-color:var(--gray-light)}.toggle-btn.active{background-color:var(--color-primary);color:var(--white);font-weight:var(--font-weight-semibold)}.toggle-btn.active:hover{background-color:var(--color-primary-hover)}.smart-analytics-content{flex:1;position:relative;background-color:var(--just-white);min-height:200px}.analytics-view{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;visibility:hidden;transition:all .3s ease-in-out;transform:translateY(10px)}.analytics-view.active{opacity:1;visibility:visible;transform:translateY(0)}.chart-view{padding:var(--spacing-md);display:flex;align-items:center;justify-content:center}.smart-analytics-canvas{width:100%!important;height:100%!important;transition:opacity var(--transition-normal)}.insights-view{padding:var(--spacing-lg);overflow-y:auto;height:100%}.insights-title{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-primary);display:flex;align-items:center;gap:var(--spacing-sm);text-align:center;justify-content:center}.insights-title:before{content:"💡";font-size:var(--font-size-lg)}.insights-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.insight-item{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);padding:var(--spacing-md);background-color:var(--gray-light);border-radius:var(--radius-sm);border-left:3px solid var(--border-color);transition:all var(--transition-normal);cursor:default;position:relative;overflow:hidden}.insight-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:0;background-color:var(--color-primary);transition:width var(--transition-normal);opacity:.1}.insight-item:hover{background-color:var(--just-white);border-left-color:var(--color-primary);transform:translate(4px);color:var(--text-color);box-shadow:var(--shadow-sm)}.insight-item:hover:before{width:100%}.smart-analytics-loading,.smart-analytics-error,.smart-analytics-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:var(--spacing-md);color:var(--text-secondary);background-color:var(--just-white)}.smart-analytics-error{color:var(--color-danger);background-color:#e74c3c0d}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.smart-analytics-header{flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.analytics-toggle{width:100%;justify-content:center}.toggle-btn{flex:1;justify-content:center}.insights-view{padding:var(--spacing-md)}.insight-item{font-size:var(--font-size-sm);padding:var(--spacing-sm)}}@media (max-width: 480px){.smart-analytics-header{padding:var(--spacing-sm)}.toggle-btn{font-size:var(--font-size-xs);padding:var(--spacing-xs)}.chart-view,.insights-view{padding:var(--spacing-sm)}.insight-item{font-size:var(--font-size-xs);padding:var(--spacing-xs)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.smart-analytics-chart:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.customer-login-page{min-height:100vh;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.customer-login-container{width:100%;max-width:420px;background:var(--bg-primary);border-radius:var(--radius-large);box-shadow:var(--shadow-md);padding:var(--spacing-xxl);border:var(--border-width-thin) solid var(--border-primary)}.customer-login-header{text-align:center;margin-bottom:var(--spacing-xxl)}.customer-login-title{font-family:var(--font-family-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.customer-login-subtitle{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--text-secondary);margin:0;line-height:var(--line-height-relaxed)}.customer-login-form{width:100%}.customer-login-form .form-group{margin-bottom:var(--spacing-lg)}.customer-login-form .form-group:last-of-type{margin-bottom:var(--spacing-xl)}.customer-login-form .form-label{display:block;font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.customer-login-form .form-label .required{color:var(--color-error);margin-left:2px}.customer-login-form .form-input{width:100%;padding:var(--spacing-md);border:var(--border-width-regular) solid var(--border-primary);border-radius:var(--radius-regular);font-family:var(--font-family-primary);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-primary);transition:all var(--transition-normal);min-height:40px}.customer-login-form .form-input:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.customer-login-form .form-input.error{border-color:var(--border-error);background:#dc35450d}.customer-login-form .form-input:disabled{background:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed;opacity:.6}.customer-login-form .form-input::placeholder{color:var(--text-secondary)}.customer-login-error{color:var(--color-error);font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);margin-top:var(--spacing-xs);display:block}.customer-login-alert{padding:var(--spacing-md);border-radius:var(--radius-regular);margin-bottom:var(--spacing-lg);font-family:var(--font-family-primary);font-size:var(--font-size-base)}.customer-login-alert.error{background:#dc35451a;border:var(--border-width-thin) solid var(--border-error);color:var(--color-error)}.customer-login-alert.success{background:#28a7451a;border:var(--border-width-thin) solid var(--border-success);color:var(--color-success)}.customer-login-btn{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-regular);font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);text-decoration:none;margin-bottom:var(--spacing-lg);min-height:44px;background:var(--color-primary);color:var(--text-inverse);border:var(--border-width-regular) solid var(--color-primary)}.customer-login-btn:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-hover)}.customer-login-btn:active:not(:disabled){transform:translateY(0);background:var(--color-primary-active);border-color:var(--color-primary-active)}.customer-login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;background:var(--bg-disabled)!important;color:var(--text-disabled)!important;border-color:var(--border-primary)!important}.customer-login-loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.customer-login-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.customer-login-footer{text-align:center;margin-top:var(--spacing-lg)}.customer-login-footer p{font-family:var(--font-family-primary);font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:var(--line-height-normal)}.customer-login-footer a{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-normal)}.customer-login-footer a:hover{color:var(--color-primary-hover);text-decoration:underline}@media (max-width: 768px){.customer-login-page{padding:var(--spacing-md)}.customer-login-container{padding:var(--spacing-xl);max-width:100%}}.customer-login-form .form-input:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.customer-login-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.customer-panel{min-height:100vh;background:linear-gradient(135deg,#fff,#f8f9fa);font-family:Archia,-apple-system,BlinkMacSystemFont,sans-serif}.customer-panel-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff}.customer-panel-loading-text{color:#6c757d;font-size:1rem;font-weight:400}.customer-panel-header{background:#fff;border-bottom:1px solid #E9ECEF;padding:1rem 1.5rem;box-shadow:0 2px 4px #0000001a}.customer-panel-header-container{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.customer-panel-title{margin:0;font-size:1.375rem;font-weight:600;background:linear-gradient(135deg,#f76300,#ff8533);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.customer-panel-user-info{display:flex;align-items:center;gap:1rem}.customer-panel-user-card{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:#f8f9fa;border-radius:8px;border:1px solid #E9ECEF}.customer-panel-avatar{width:32px;height:32px;background:linear-gradient(135deg,#f76300,#ff8533);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.875rem}.customer-panel-user-name{font-size:.875rem;color:#000;font-weight:500;margin:0}.customer-panel-user-position{font-size:.75rem;color:#6c757d;margin:0}.customer-panel-logout-btn{padding:.5rem;background:transparent;border:1px solid #E9ECEF;border-radius:8px;color:#6c757d;cursor:pointer;transition:all .2s ease;font-size:1rem}.customer-panel-logout-btn:hover{background:#dc3545;color:#fff;border-color:#dc3545}.customer-panel-nav{background:#f8f9fa;border-bottom:1px solid #E9ECEF;box-shadow:0 2px 4px #0000001a}.customer-panel-nav-container{display:flex;max-width:1400px;margin:0 auto;padding:0 1.5rem}.customer-panel-nav-tab{padding:1rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;color:#6c757d;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:Archia,sans-serif}.customer-panel-nav-tab:hover{color:#000;background:#fff}.customer-panel-nav-tab.active{color:#f76300;font-weight:600;border-bottom-color:#f76300;background:#fff}.customer-panel-main{max-width:1400px;margin:0 auto;padding:1.5rem}.customer-panel-footer{margin-top:3rem;padding:1.5rem 0;border-top:1px solid #E9ECEF;text-align:center;color:#6c757d;font-size:.875rem;background:#f8f9fa}.customer-panel-footer p{margin:0}@media (max-width: 768px){.customer-panel-header{padding:1rem}.customer-panel-header-container{flex-direction:column;gap:1rem;align-items:flex-start}.customer-panel-title{font-size:1.25rem}.customer-panel-nav-container{padding:0 1rem;overflow-x:auto}.customer-panel-nav-tab{padding:1rem;font-size:.8rem}.customer-panel-main{padding:1rem}.customer-panel-user-card{padding:.5rem;gap:.5rem}.customer-panel-avatar{width:28px;height:28px;font-size:.75rem}}@media (max-width: 480px){.customer-panel-nav-tab{padding:.75rem .5rem;min-width:120px}.customer-panel-user-info{gap:.5rem}.customer-panel-logout-btn{padding:.375rem}}.customer-panel .fade-in{animation:customerPanelFadeIn .3s ease-in-out}.customer-panel .slide-up{animation:customerPanelSlideUp .4s ease-out}@keyframes customerPanelFadeIn{0%{opacity:0}to{opacity:1}}@keyframes customerPanelSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.customer-panel-error{padding:1rem;background:#fff5f5;border:1px solid #FED7D7;border-radius:8px;color:#dc3545;text-align:center;margin:1rem 0}.customer-panel-skeleton{background:linear-gradient(90deg,#f8f9fa 25%,#e9ecef,#f8f9fa 75%);background-size:200% 100%;animation:customerPanelSkeleton 1.5s infinite;border-radius:4px}@keyframes customerPanelSkeleton{0%{background-position:-200% 0}to{background-position:200% 0}}.customer-panel-user-name-skeleton{width:120px;height:14px;margin-bottom:4px}.customer-panel-user-position-skeleton{width:80px;height:12px}.customer-panel-user-section{position:relative}.customer-panel-user-info{display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-regular);transition:background-color var(--transition-normal)}.customer-panel-user-info:hover{background-color:var(--bg-hover)}.customer-panel-dropdown-arrow{font-size:var(--font-size-xs);color:var(--text-secondary);transition:transform var(--transition-normal)}.customer-panel-user-dropdown{position:absolute;top:100%;right:0;min-width:250px;background:var(--bg-primary);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-regular);box-shadow:var(--shadow-lg);z-index:9999;padding:var(--spacing-md);margin-top:var(--spacing-xs)}.customer-panel-user-dropdown-info{margin-bottom:var(--spacing-md)}.user-dropdown-item{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0;font-size:var(--font-size-sm)}.user-dropdown-label{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.user-dropdown-value{color:var(--text-primary)}.user-dropdown-divider{height:1px;background:var(--border-primary);margin:var(--spacing-sm) 0}.customer-panel-logout-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-error);color:#fff;border:none;border-radius:var(--radius-regular);text-align:center;cursor:pointer;font-weight:var(--font-weight-medium);transition:background-color var(--transition-normal)}.customer-tickets-page{min-height:calc(100vh - 180px);padding:var(--spacing-xl);background-color:var(--bg-primary);font-family:var(--font-family-primary)}.customer-tickets-page .tickets-header{margin-bottom:var(--spacing-xxl);padding-bottom:var(--spacing-lg);border-bottom:var(--border-width-regular) solid var(--border-primary);position:relative;overflow:hidden}.customer-tickets-page .tickets-header:before{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:4px;border-radius:2px 2px 0 0}.customer-tickets-page .tickets-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-xl);width:100%}.customer-tickets-page .tickets-header-text{flex:1;min-width:0}.customer-tickets-page .tickets-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;line-height:var(--line-height-tight);position:relative}.customer-tickets-page .tickets-subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin:0;line-height:var(--line-height-relaxed);font-weight:var(--font-weight-regular)}.customer-tickets-page .tickets-header-actions{display:flex;align-items:center;gap:var(--spacing-lg);flex-shrink:0}.customer-tickets-page .time-limit-display{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--text-inverse);border-radius:var(--radius-regular);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-sm);white-space:nowrap;position:relative;overflow:hidden;border:var(--border-width-thin) solid transparent;transition:all var(--transition-normal)}.customer-tickets-page .time-limit-display: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}.customer-tickets-page .time-limit-display:hover:before{left:100%}.customer-tickets-page .time-limit-error{background:var(--color-error);border-color:var(--border-error)}.customer-tickets-page .time-limit-icon{font-size:var(--font-size-base);line-height:1;flex-shrink:0}.customer-tickets-page .time-limit-label{font-weight:var(--font-weight-regular)}.customer-tickets-page .time-limit-value{font-weight:var(--font-weight-bold);font-size:var(--font-size-base)}.customer-tickets-page .time-limit-loading{display:flex;align-items:center;gap:var(--spacing-sm)}.customer-tickets-page .time-limit-text{font-weight:var(--font-weight-medium)}.customer-tickets-page .tickets-content{background-color:var(--bg-primary);border:var(--border-width-regular) solid var(--border-primary);border-radius:var(--radius-regular);min-height:600px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.customer-tickets-page .tickets-content:before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:linear-gradient(to bottom,var(--color-primary),var(--color-secondary))}.customer-tickets-page .customer-tickets{width:100%;position:relative;z-index:1}.customer-tickets-page .tickets-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-xl);min-height:600px;padding:var(--spacing-xl)}.customer-tickets-page .tickets-sidebar{background:var(--bg-primary);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-regular);padding:var(--spacing-lg);height:fit-content;position:sticky;top:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.customer-tickets-page .tickets-sidebar:hover{box-shadow:var(--shadow-md)}.customer-tickets-page .tickets-main{min-width:0;display:flex;flex-direction:column}.customer-tickets-page .tickets-main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:var(--border-width-thin) solid var(--border-primary)}.customer-tickets-page .tickets-main-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.customer-tickets-page .tickets-refresh-btn{position:relative;overflow:hidden}.customer-tickets-page .tickets-refresh-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}.customer-tickets-page .tickets-refresh-btn:hover:before{left:100%}.customer-tickets-page .filters-container{width:100%}.customer-tickets-page .filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:var(--border-width-thin) solid var(--border-primary)}.customer-tickets-page .filters-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.customer-tickets-page .filters-clear-btn{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.customer-tickets-page .filters-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.customer-tickets-page .filters-summary{padding-top:var(--spacing-sm);border-top:var(--border-width-thin) solid var(--border-primary);color:var(--text-secondary);font-size:var(--font-size-xs);text-align:center;font-style:italic}.customer-tickets-page .filter-form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.customer-tickets-page .filter-form-label{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.customer-tickets-page .filter-checkbox-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.customer-tickets-page .filter-checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-small);transition:all var(--transition-normal)}.customer-tickets-page .filter-checkbox-label:hover{background-color:var(--bg-hover)}.customer-tickets-page .filter-checkbox-input{width:16px;height:16px;accent-color:var(--color-primary)}.customer-tickets-page .filter-checkbox-text{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-regular)}.customer-tickets-page .tickets-list{width:100%;flex:1}.customer-tickets-page .tickets-list-items{display:flex;flex-direction:column;gap:var(--spacing-lg)}.customer-tickets-page .tickets-list-loading,.customer-tickets-page .tickets-list-empty{display:flex;align-items:center;justify-content:center;min-height:400px;text-align:center;flex-direction:column;gap:var(--spacing-md)}.customer-tickets-page .tickets-list-load-more{margin-top:var(--spacing-xl);text-align:center}.customer-tickets-page .ticket-card{background:var(--bg-primary);border:var(--border-width-regular) solid var(--border-primary);border-radius:var(--radius-regular);padding:var(--spacing-xl);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.customer-tickets-page .ticket-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--bg-primary-light),transparent);transition:left .5s ease}.customer-tickets-page .ticket-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-accent);background-color:var(--bg-hover)}.customer-tickets-page .ticket-card:hover:before{left:100%}.customer-tickets-page .ticket-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);gap:var(--spacing-md)}.customer-tickets-page .ticket-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;flex:1;line-height:var(--line-height-tight)}.customer-tickets-page .ticket-card-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.customer-tickets-page .ticket-card-description{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0}.customer-tickets-page .ticket-card-details{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.customer-tickets-page .ticket-card-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);color:var(--text-secondary);font-size:var(--font-size-xs);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:var(--border-width-thin) solid var(--border-primary)}.customer-tickets-page .ticket-status-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-small);text-transform:uppercase;letter-spacing:.5px;border:var(--border-width-thin) solid}.customer-tickets-page .ticket-status-badge--new{background-color:var(--bg-info-light);color:var(--color-info);border-color:var(--color-info)}.customer-tickets-page .ticket-status-badge--in-progress{background-color:var(--bg-warning-light);color:var(--color-warning);border-color:var(--color-warning)}.customer-tickets-page .ticket-status-badge--awaiting{background-color:var(--bg-primary-light);color:var(--color-primary);border-color:var(--border-accent)}.customer-tickets-page .ticket-status-badge--completed{background-color:var(--bg-success-light);color:var(--color-success);border-color:var(--border-success)}.customer-tickets-page .ticket-status-badge--deferred{background-color:var(--bg-light);color:var(--text-tertiary);border-color:var(--border-primary)}.customer-tickets-page .ticket-card-status{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs)}.customer-tickets-page .ticket-success-indicator{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-small);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:var(--border-width-thin) solid;transition:all var(--transition-normal)}.customer-tickets-page .ticket-success-indicator--accepted{background-color:var(--bg-success-light);color:var(--color-success);border-color:var(--border-success)}.customer-tickets-page .ticket-success-indicator--rejected{background-color:var(--bg-error-light);color:var(--color-error);border-color:var(--border-error)}.customer-tickets-page .ticket-success-text{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px}.customer-tickets-page .ticket-success-indicator:hover{transform:scale(1.05);box-shadow:var(--shadow-sm)}@media (max-width: 768px){.customer-tickets-page .ticket-card-status{align-items:stretch}.customer-tickets-page .ticket-success-indicator{justify-content:center}}.customer-tickets-page .error-state{text-align:center;padding:var(--spacing-xxl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.customer-tickets-page .error-state-icon{font-size:4rem;margin-bottom:var(--spacing-lg)}.customer-tickets-page .error-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-error);margin:0}.customer-tickets-page .error-state-message{color:var(--text-secondary);font-size:var(--font-size-base);margin:0;line-height:var(--line-height-relaxed)}.customer-tickets-page .empty-state{text-align:center;padding:var(--spacing-xxl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.customer-tickets-page .empty-state-icon{font-size:4rem;opacity:.6;color:var(--text-secondary)}.customer-tickets-page .empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.customer-tickets-page .empty-state-description{color:var(--text-secondary);font-size:var(--font-size-base);margin:0;line-height:var(--line-height-relaxed)}.customer-tickets-page .ticket-details{width:100%;padding:var(--spacing-xl)}.customer-tickets-page .ticket-details-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);border-bottom:var(--border-width-regular) solid var(--border-primary);background:var(--bg-primary)}.customer-tickets-page .ticket-details-content{height:100%;overflow-y:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-xl)}.customer-tickets-page .ticket-details-info{background:var(--bg-primary);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-regular);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.customer-tickets-page .ticket-details-info:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,var(--color-primary),var(--color-secondary))}.customer-tickets-page .ticket-details-header-info{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);gap:var(--spacing-lg)}.customer-tickets-page .ticket-details-subject{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;flex:1;line-height:var(--line-height-tight)}.customer-tickets-page .ticket-details-description{margin-bottom:var(--spacing-xl)}.customer-tickets-page .ticket-details-description h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.customer-tickets-page .ticket-details-description p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0}.customer-tickets-page .ticket-details-metadata{margin-bottom:var(--spacing-xl)}.customer-tickets-page .ticket-details-metadata h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-lg) 0}.customer-tickets-page .metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.customer-tickets-page .metadata-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.customer-tickets-page .metadata-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.customer-tickets-page .metadata-value{font-size:var(--font-size-base);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.customer-tickets-page .ticket-details-actions{padding:var(--spacing-lg);background:var(--bg-primary-light);border:var(--border-width-regular) solid var(--border-accent);border-radius:var(--radius-regular);margin-bottom:var(--spacing-xl);position:relative;overflow:hidden}.customer-tickets-page .ticket-details-actions:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,var(--color-primary),var(--color-secondary))}.customer-tickets-page .ticket-details-actions h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;position:relative;z-index:2}.customer-tickets-page .ticket-actions{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-lg);position:relative;z-index:2}.customer-tickets-page .ticket-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-weight:var(--font-weight-semibold);padding:var(--spacing-lg);border-radius:var(--radius-regular);transition:all var(--transition-normal);position:relative;overflow:hidden}.customer-tickets-page .ticket-action-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}.customer-tickets-page .ticket-action-btn:hover:before{left:100%}.customer-tickets-page .ticket-action-btn--accept:hover,.customer-tickets-page .ticket-action-btn--reject:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.customer-tickets-page .ticket-details-attachments{margin-bottom:var(--spacing-xl)}.customer-tickets-page .ticket-details-attachments h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-lg) 0}.customer-tickets-page .attachments-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.customer-tickets-page .attachment-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--bg-hover);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-regular);transition:all var(--transition-normal)}.customer-tickets-page .attachment-item:hover{background:var(--bg-secondary);border-color:var(--border-accent);box-shadow:var(--shadow-sm)}.customer-tickets-page .attachment-item-info{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.customer-tickets-page .attachment-item-icon{font-size:var(--font-size-lg);line-height:1;flex-shrink:0}.customer-tickets-page .attachment-item-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.customer-tickets-page .attachment-item-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary)}.customer-tickets-page .attachment-item-meta{font-size:var(--font-size-xs);color:var(--text-secondary)}.customer-tickets-page .attachment-item-preview{flex-shrink:0;position:relative;overflow:hidden}.customer-tickets-page .attachment-item-preview:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.customer-tickets-page .attachment-item-preview:hover:before{left:100%}.customer-tickets-page .ticket-details-upload{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-secondary);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-regular);position:relative;overflow:hidden}.customer-tickets-page .ticket-details-upload:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,var(--color-info),var(--color-primary))}.customer-tickets-page .ticket-details-upload h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-lg) 0;position:relative;z-index:2}.customer-tickets-page .upload-error{padding:var(--spacing-md);background:var(--bg-error-light);color:var(--color-error);border:var(--border-width-thin) solid var(--color-error);border-radius:var(--radius-small);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--spacing-sm)}.customer-tickets-page .upload-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:var(--border-width-thin) solid var(--border-primary);position:relative;z-index:2}.customer-tickets-page .upload-actions .btn{position:relative;overflow:hidden}.customer-tickets-page .upload-actions .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}.customer-tickets-page .upload-actions .btn:hover:before{left:100%}.customer-tickets-page .upload-limit-reached{padding:var(--spacing-md);background:var(--bg-warning-light);color:var(--color-warning);border:var(--border-width-thin) solid var(--color-warning);border-radius:var(--radius-small);font-size:var(--font-size-sm);text-align:center;font-weight:var(--font-weight-medium)}.customer-tickets-page .attachment-item--existing{background:var(--bg-hover);border-left:4px solid var(--color-info)}.customer-tickets-page .attachment-item--existing:hover{background:var(--bg-secondary);border-color:var(--color-info);box-shadow:var(--shadow-sm)}.customer-tickets-page .attachment-item--new{background:var(--bg-primary-light);border-left:4px solid var(--color-primary)}.customer-tickets-page .attachment-item--new:hover{background:var(--bg-hover);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.customer-tickets-page .attachment-item-download{position:relative;overflow:hidden}.customer-tickets-page .attachment-item-download:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(23,162,184,.2),transparent);transition:left .5s ease}.customer-tickets-page .attachment-item-download:hover:before{left:100%}.customer-tickets-page .ticket-details-status-group{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs)}@media (max-width: 768px){.customer-tickets-page .upload-actions{flex-direction:column}.customer-tickets-page .ticket-details-status-group{align-items:stretch}.customer-tickets-page .ticket-details-upload{padding:var(--spacing-md)}}.customer-tickets-page .detail-tag{display:inline-flex;align-items:baseline;gap:var(--spacing-xs);background:var(--bg-hover);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-small);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);transition:all var(--transition-normal)}.customer-tickets-page .detail-tag:hover{background:var(--bg-secondary);border-color:var(--border-accent)}.customer-tickets-page .detail-tag--person{background:var(--bg-success-light);border-color:var(--border-success)}.customer-tickets-page .detail-tag--attachments{background:var(--bg-warning-light);border-color:var(--color-warning)}.customer-tickets-page .detail-tag-label{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.customer-tickets-page .detail-tag-value{color:var(--text-secondary);font-weight:var(--font-weight-regular)}.customer-tickets-page .ticket-details-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-xl);border-bottom:var(--border-width-thin) solid var(--border-primary);padding-bottom:var(--spacing-sm)}.customer-tickets-page .ticket-tab{padding:var(--spacing-md) var(--spacing-lg);border:var(--border-width-thin) solid var(--border-primary);border-bottom:none;border-radius:var(--radius-small) var(--radius-small) 0 0;background:var(--bg-secondary);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.customer-tickets-page .ticket-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(247,99,0,.1),transparent);transition:left .5s ease}.customer-tickets-page .ticket-tab:hover:before{left:100%}.customer-tickets-page .ticket-tab:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-accent)}.customer-tickets-page .ticket-tab--active{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-accent);font-weight:var(--font-weight-semibold);position:relative;z-index:2}.customer-tickets-page .ticket-tab--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--color-primary)}.customer-tickets-page .ticket-messages-container{background:var(--bg-primary);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-regular);height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.customer-tickets-page .ticket-messages-container:before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:linear-gradient(to bottom,var(--color-info),var(--color-primary))}.customer-tickets-page .ticket-messages-container.loading:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:100}.customer-tickets-page .ticket-messages-container.loading:after{content:"Ładowanie wiadomości...";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-family-primary);color:var(--text-secondary);font-weight:var(--font-weight-medium);z-index:101;background:var(--bg-primary);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-regular);border:var(--border-width-thin) solid var(--border-primary);box-shadow:var(--shadow-md)}.customer-tickets-page .ticket-messages-inline{display:flex;flex-direction:column;height:100%;position:relative;z-index:2}.customer-tickets-page .ticket-messages-stats-header{padding:var(--spacing-lg);background:var(--bg-secondary);border-bottom:var(--border-width-thin) solid var(--border-primary);position:relative;z-index:2}.customer-tickets-page .message-stats{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.customer-tickets-page .message-stat{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.customer-tickets-page .ticket-title{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-semibold);text-align:right;flex:1}.customer-tickets-page .attachment-error-banner,.customer-tickets-page .ticket-messages-error{padding:var(--spacing-md);background:var(--bg-error-light);color:var(--color-error);border-bottom:var(--border-width-thin) solid var(--color-error);display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);position:relative;z-index:2}.customer-tickets-page .error-close-btn{background:none;border:none;color:var(--color-error);cursor:pointer;font-size:var(--font-size-lg);padding:var(--spacing-xs);border-radius:var(--radius-small);transition:all var(--transition-normal)}.customer-tickets-page .error-close-btn:hover{background:#dc354533}.customer-tickets-page .ticket-messages-content-inline{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:2;min-height:0}.customer-tickets-page .ticket-messages-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);gap:var(--spacing-md);color:var(--text-secondary)}.customer-tickets-page .ticket-messages-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);text-align:center;color:var(--text-secondary);gap:var(--spacing-md)}.customer-tickets-page .empty-icon{font-size:3rem;opacity:.6}.customer-tickets-page .ticket-messages-list-inline{flex:1;overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md);min-height:0;max-height:100%}.customer-tickets-page .ticket-message-inline{display:flex;gap:var(--spacing-md);align-items:flex-start;padding:var(--spacing-md);border-radius:var(--radius-regular);transition:all var(--transition-normal);position:relative;overflow:hidden}.customer-tickets-page .ticket-message-inline:hover{background:var(--bg-hover)}.customer-tickets-page .ticket-message-inline--own{background:var(--bg-primary-light);border-left:4px solid var(--color-primary)}.customer-tickets-page .ticket-message-inline--other{background:var(--bg-info-light);border-left:4px solid var(--color-info)}.customer-tickets-page .ticket-message-inline--employee{background:var(--bg-success-light);border-left:4px solid var(--color-success)}.customer-tickets-page .message-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);flex-shrink:0}.customer-tickets-page .ticket-message-inline--other .message-avatar{background:var(--color-info)}.customer-tickets-page .ticket-message-inline--employee .message-avatar{background:var(--color-success)}.customer-tickets-page .message-content{flex:1;min-width:0}.customer-tickets-page .message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);gap:var(--spacing-md)}.customer-tickets-page .message-header-info{display:flex;align-items:center;gap:var(--spacing-sm)}.customer-tickets-page .message-author{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-sm)}.customer-tickets-page .message-time{font-size:var(--font-size-xs);color:var(--text-secondary)}.customer-tickets-page .message-actions{display:flex;gap:var(--spacing-xs);opacity:0;transition:opacity var(--transition-normal)}.customer-tickets-page .ticket-message-inline:hover .message-actions{opacity:1}.customer-tickets-page .message-action{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-small);transition:all var(--transition-normal);font-size:var(--font-size-sm)}.customer-tickets-page .message-action:hover{background:var(--bg-hover)}.customer-tickets-page .message-action.delete:hover{background:var(--bg-error-light);color:var(--color-error)}.customer-tickets-page .message-body{color:var(--text-primary)}.customer-tickets-page .message-text{margin:0;line-height:var(--line-height-relaxed);white-space:pre-wrap;word-wrap:break-word}.customer-tickets-page .load-more-messages{text-align:center;padding:var(--spacing-md);border-bottom:var(--border-width-thin) solid var(--border-primary);background:var(--bg-hover);flex-shrink:0}.customer-tickets-page .load-more-messages-btn{transition:all var(--transition-normal);font-size:var(--font-size-sm)}.customer-tickets-page .load-more-messages-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.customer-tickets-page .ticket-messages-input-inline{border-top:var(--border-width-thin) solid var(--border-primary);background:var(--bg-secondary);padding:var(--spacing-lg);position:relative;z-index:2}.customer-tickets-page .message-input-with-attachments{display:flex;flex-direction:column;gap:var(--spacing-md)}.customer-tickets-page .message-input-body{display:flex;gap:var(--spacing-md);align-items:flex-end}.customer-tickets-page .message-textarea{flex:1;resize:none;border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-regular);padding:var(--spacing-md);font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);min-height:80px;max-height:200px;transition:all var(--transition-normal)}.customer-tickets-page .message-textarea:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 2px #f7630033}.customer-tickets-page .message-send-btn{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-regular);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;position:relative;overflow:hidden}.customer-tickets-page .message-send-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.customer-tickets-page .message-send-btn:hover:before{left:100%}.customer-tickets-page .message-send-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.customer-tickets-page .message-send-btn:disabled{background:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.customer-tickets-page .message-input-footer{margin-top:var(--spacing-sm);color:var(--text-secondary);font-size:var(--font-size-xs)}.customer-tickets-page .attachment-count-hint{color:var(--color-primary);font-weight:var(--font-weight-medium)}.ticket-messages-disabled-info{padding:var(--spacing-lg);border-top:1px solid var(--color-gray);background-color:var(--color-gray-light)}.ticket-messages-disabled-info .disabled-message{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:#6c757d1a;border:1px solid var(--color-gray);border-radius:var(--border-radius);color:var(--color-gray-medium);font-size:var(--text-sm);font-weight:var(--font-medium);text-align:center}.ticket-messages-disabled-info .disabled-icon{font-size:1.2rem;opacity:.8}.ticket-messages-disabled-info .disabled-text{font-style:italic;line-height:1.4}.customer-tickets-page .messages-toggle-btn{position:relative;transition:all var(--transition-normal);overflow:hidden}.customer-tickets-page .messages-toggle-btn.active{background:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary)}.customer-tickets-page .toggle-indicator{margin-left:var(--spacing-sm);font-weight:var(--font-weight-bold);opacity:.8}.customer-tickets-page .messages-toggle-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}.customer-tickets-page .messages-toggle-btn:hover:before{left:100%}.customer-tickets-page .ticket-details-container{display:flex;min-height:600px;position:relative;overflow:hidden}.customer-tickets-page .ticket-details-panel{overflow:hidden;position:relative;display:flex;flex-direction:column}.customer-tickets-page .ticket-details-panel--left{border-right:var(--border-width-thin) solid var(--border-primary);background:var(--bg-primary)}.customer-tickets-page .ticket-details-panel--right{background:var(--bg-secondary);border-left:var(--border-width-thin) solid var(--border-primary)}.customer-tickets-page .ticket-details-resizer{width:6px;background:var(--border-primary);cursor:col-resize;position:relative;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast);-webkit-user-select:none;user-select:none;z-index:10;flex-shrink:0}.customer-tickets-page .ticket-details-resizer:hover,.customer-tickets-page .ticket-details-resizer:active{background:var(--color-primary)}.customer-tickets-page .resizer-handle{width:2px;height:30px;background:var(--bg-primary);border-radius:var(--radius-small);opacity:.6;transition:opacity var(--transition-fast)}.customer-tickets-page .ticket-details-resizer:hover .resizer-handle{opacity:1}.customer-tickets-page .ticket-details-resizer:focus .resizer-handle{opacity:1;background:var(--text-inverse)}.customer-tickets-page .split-view .ticket-messages-inline{height:100%;display:flex;flex-direction:column}.customer-tickets-page .split-view .ticket-messages-inline .ticket-messages-content-inline{flex:1;overflow-y:auto;min-height:0}.customer-tickets-page .split-view .ticket-messages-inline .ticket-messages-input-inline{flex-shrink:0;border-top:var(--border-width-thin) solid var(--border-primary)}.customer-tickets-page .split-view .ticket-messages-inline .ticket-messages-stats-header{flex-shrink:0;border-bottom:var(--border-width-thin) solid var(--border-primary)}body.resizing,body.resizing *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.customer-tickets-page .ticket-messages-unavailable{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);text-align:center;min-height:400px;background:var(--bg-secondary);gap:var(--spacing-lg)}.customer-tickets-page .ticket-messages-unavailable .unavailable-icon{font-size:4rem;opacity:.6}.customer-tickets-page .ticket-messages-unavailable h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.customer-tickets-page .ticket-messages-unavailable p{color:var(--text-secondary);font-size:var(--font-size-base);max-width:500px;line-height:1.6;margin:0}.customer-tickets-page .ticket-messages-unavailable small{color:var(--text-tertiary);font-size:var(--font-size-sm);font-style:italic}@media (max-width: 1024px){.customer-tickets-page .ticket-details-container.split-view{flex-direction:column;max-height:none;height:auto}.customer-tickets-page .ticket-details-panel--left,.customer-tickets-page .ticket-details-panel--right{width:100%!important;border:none;border-bottom:var(--border-width-thin) solid var(--border-primary);max-height:none;min-height:300px}.customer-tickets-page .ticket-details-resizer{width:100%;height:6px;cursor:row-resize;border-top:var(--border-width-thin) solid var(--border-primary);border-bottom:var(--border-width-thin) solid var(--border-primary)}.customer-tickets-page .resizer-handle{width:30px;height:2px}body.resizing,body.resizing *{cursor:row-resize!important}}@media (max-width: 768px){.customer-tickets-page .messages-toggle-btn{width:100%;justify-content:center}.customer-tickets-page .ticket-details-container{max-height:none;height:auto}.customer-tickets-page .ticket-details-content{max-height:none;padding:var(--spacing-md)}.customer-tickets-page .ticket-messages-container{max-height:none;min-height:400px}}.customer-tickets-page .ticket-details-resizer:focus{outline:2px solid var(--color-primary);outline-offset:2px;background:var(--color-primary)}.customer-tickets-page .messages-toggle-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast: high){.customer-tickets-page .ticket-details-resizer{border:var(--border-width-regular) solid var(--border-primary)}.customer-tickets-page .resizer-handle{background:var(--text-primary);opacity:1}}@media (prefers-reduced-motion: reduce){.customer-tickets-page .ticket-details-panel,.customer-tickets-page .ticket-details-resizer,.customer-tickets-page .resizer-handle,.customer-tickets-page .messages-toggle-btn,.customer-tickets-page .messages-toggle-btn:before{transition:none}}@media (max-width: 768px){.ticket-messages-disabled-info .disabled-message{flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm)}.ticket-messages-disabled-info .disabled-text{font-size:var(--text-xs)}}@media (max-width: 768px){.customer-tickets-page .ticket-details-tabs{gap:0}.customer-tickets-page .ticket-tab{flex:1;text-align:center;padding:var(--spacing-sm) var(--spacing-md)}.customer-tickets-page .message-stats{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.customer-tickets-page .ticket-title{text-align:left}.customer-tickets-page .message-input-body{flex-direction:column;align-items:stretch}.customer-tickets-page .ticket-message-inline{padding:var(--spacing-sm)}.customer-tickets-page .message-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.customer-tickets-page .message-actions{opacity:1}}@media (max-width: 768px){.customer-tickets-page .ticket-details{padding:var(--spacing-lg)}.customer-tickets-page .ticket-details-header-info{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.customer-tickets-page .ticket-actions{flex-direction:column}.customer-tickets-page .metadata-grid{grid-template-columns:1fr}.customer-tickets-page .attachment-item{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.customer-tickets-page .attachment-item-info{justify-content:flex-start}}@media (max-width: 1024px){.customer-tickets-page .tickets-layout{grid-template-columns:1fr;gap:var(--spacing-lg)}.customer-tickets-page .tickets-sidebar{position:static;order:2}.customer-tickets-page .tickets-main{order:1}}@media (max-width: 768px){.customer-tickets-page{padding:var(--spacing-lg)}.customer-tickets-page .tickets-header-content{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.customer-tickets-page .tickets-header-actions{width:100%;justify-content:flex-start}.customer-tickets-page .time-limit-display{font-size:var(--font-size-xs);padding:var(--spacing-sm) var(--spacing-md)}.customer-tickets-page .tickets-title{font-size:var(--font-size-xl)}.customer-tickets-page .ticket-card-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.customer-tickets-page .ticket-card-meta{flex-direction:column;gap:var(--spacing-sm)}}@media (max-width: 480px){.customer-tickets-page{padding:var(--spacing-md)}.customer-tickets-page .tickets-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.customer-tickets-page .time-limit-display{justify-content:center;width:100%}.customer-tickets-page .ticket-card{padding:var(--spacing-lg)}.customer-tickets-page .tickets-layout{padding:var(--spacing-lg);gap:var(--spacing-md)}}.customer-tickets-page .time-limit-display:focus-visible,.customer-tickets-page .ticket-card:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media (prefers-reduced-motion: reduce){.customer-tickets-page .time-limit-display,.customer-tickets-page .time-limit-display:before,.customer-tickets-page .ticket-card,.customer-tickets-page .ticket-card:before,.customer-tickets-page .tickets-refresh-btn:before{transition:none;animation:none}.customer-tickets-page .ticket-card:hover{transform:none}}.customer-register-page{min-height:100vh;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.customer-register-container{width:100%;max-width:480px;background:var(--bg-primary);border-radius:var(--radius-large);box-shadow:var(--shadow-md);padding:var(--spacing-xxl);border:var(--border-width-thin) solid var(--border-primary)}.customer-register-header{text-align:center;margin-bottom:var(--spacing-xxl)}.customer-register-title{font-family:var(--font-family-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.customer-register-subtitle{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--text-secondary);margin:0;line-height:var(--line-height-relaxed)}.customer-register-steps{display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-xl);gap:var(--spacing-md)}.customer-register-step{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);transition:all var(--transition-normal)}.customer-register-step.active{background:var(--color-primary);color:var(--text-inverse)}.customer-register-step.completed{background:var(--color-success);color:var(--text-inverse)}.customer-register-step.inactive{background:var(--color-gray-light);color:var(--text-secondary)}.customer-register-step-divider{width:24px;height:2px;background:var(--color-gray-light);transition:background-color var(--transition-normal)}.customer-register-step-divider.completed{background:var(--color-success)}.customer-register-form{width:100%}.customer-register-form .form-group{margin-bottom:var(--spacing-lg)}.customer-register-form .form-group:last-child{margin-bottom:var(--spacing-xl)}.customer-register-form .form-label{display:block;font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.customer-register-form .form-label .required{color:var(--color-error);margin-left:2px}.customer-register-form .form-input,.form-input{width:100%;padding:var(--spacing-md);border:var(--border-width-regular) solid var(--border-primary);border-radius:var(--radius-regular);font-family:var(--font-family-primary);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-primary);transition:all var(--transition-normal);min-height:40px}.customer-register-form .form-input:focus,.form-input:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.customer-register-form .form-input.error,.form-input.error{border-color:var(--border-error);background:#dc35450d}.customer-register-form .form-input:disabled,.form-input:disabled{background:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed;opacity:.6}.customer-register-form .form-input::placeholder,.form-input::placeholder{color:var(--text-secondary)}.customer-register-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@media (max-width: 768px){.customer-register-form .form-row{grid-template-columns:1fr;gap:0}}.customer-register-error{color:var(--color-error);font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);margin-top:var(--spacing-xs);display:block}.customer-register-alert{padding:var(--spacing-md);border-radius:var(--radius-regular);margin-bottom:var(--spacing-lg);font-family:var(--font-family-primary);font-size:var(--font-size-base)}.customer-register-alert.error{background:#dc35451a;border:var(--border-width-thin) solid var(--border-error);color:var(--color-error)}.customer-register-alert.success{background:#28a7451a;border:var(--border-width-thin) solid var(--border-success);color:var(--color-success)}.customer-register-btn{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-regular);font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);text-decoration:none;margin-bottom:var(--spacing-md);min-height:40px}.customer-register-btn.primary{background:var(--color-primary);color:var(--text-inverse);border:var(--border-width-regular) solid var(--color-primary)}.customer-register-btn.primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-hover)}.customer-register-btn.primary:active:not(:disabled){transform:translateY(0);background:var(--color-primary-active);border-color:var(--color-primary-active)}.customer-register-btn.secondary{background:transparent;color:var(--color-primary);border:var(--border-width-regular) solid var(--color-primary)}.customer-register-btn.secondary:hover:not(:disabled){background:var(--color-primary);color:var(--text-inverse)}.customer-register-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;background:var(--bg-disabled)!important;color:var(--text-disabled)!important;border-color:var(--border-primary)!important}.customer-register-nav{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-lg)}.customer-register-back{color:var(--text-tertiary);text-decoration:none;font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);transition:color var(--transition-normal)}.customer-register-back:hover{color:var(--color-primary)}.customer-register-loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.customer-register-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.customer-register-step2-info{background:var(--bg-secondary);border-radius:var(--radius-regular);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.customer-register-step2-info p{margin:0;font-family:var(--font-family-primary);font-size:var(--font-size-sm);color:var(--text-tertiary);line-height:var(--line-height-normal)}@media (max-width: 768px){.customer-register-page{padding:var(--spacing-md)}.customer-register-container{padding:var(--spacing-xl)}.customer-register-steps{margin-bottom:var(--spacing-lg)}.customer-register-nav{flex-direction:column;gap:var(--spacing-md)}}.customer-register-form .form-input:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.customer-register-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.customer-new-ticket-form-container{max-width:900px;margin:0 auto;background-color:var(--bg-primary);border:var(--border-width-regular) solid var(--border-primary);border-radius:var(--radius-regular);border-color:var(--color-primary);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.customer-new-ticket-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.ticket-project-section{border-bottom:var(--border-width-thin) solid var(--border-primary);padding-bottom:var(--spacing-lg);margin-bottom:var(--spacing-lg);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.ticket-project-section:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.ticket-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.ticket-form-full-width{grid-column:1 / -1}.ticket-description-textarea{display:block;width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);border:var(--border-width-regular) solid var(--border-primary);border-radius:var(--radius-regular);background-color:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-normal);min-height:150px;resize:vertical;line-height:var(--line-height-relaxed)}.ticket-description-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus);background-color:var(--bg-primary)}.ticket-description-textarea::placeholder{color:var(--text-secondary);font-weight:var(--font-weight-regular);opacity:1}.ticket-priority-select{display:block;width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);border:var(--border-width-regular) solid var(--border-primary);border-radius:var(--radius-regular);background-color:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-normal);min-height:40px}.ticket-priority-select:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.ticket-priority-select option[value=high]{color:var(--color-error);font-weight:var(--font-weight-medium)}.ticket-priority-select option[value=medium]{color:var(--color-primary);font-weight:var(--font-weight-medium)}.ticket-priority-select option[value=low]{color:var(--text-secondary)}.ticket-subject-input{display:block;width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);border:var(--border-width-regular) solid var(--border-primary);border-radius:var(--radius-regular);background-color:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-normal);min-height:40px}.ticket-subject-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.ticket-subject-input::placeholder{color:var(--text-secondary);font-weight:var(--font-weight-regular);opacity:1}.ticket-form-select-loading{background-color:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed;opacity:.5;border-color:var(--border-primary)}.ticket-form-select-loading option{color:var(--text-disabled)}.ticket-form-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ffffffd9;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-regular);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10}.ticket-form-loading-spinner{width:40px;height:40px;border:3px solid var(--border-primary);border-top-color:var(--color-primary);border-radius:var(--radius-round);animation:ticketFormSpin 1s linear infinite}@keyframes ticketFormSpin{to{transform:rotate(360deg)}}.ticket-form .form-group.has-error .form-label{color:var(--color-error);font-weight:var(--font-weight-medium)}.ticket-form .form-group.has-error .form-input,.ticket-form .form-group.has-error .form-select,.ticket-form .form-group.has-error .form-textarea,.ticket-form .form-group.has-error .ticket-description-textarea,.ticket-form .form-group.has-error .ticket-subject-input,.ticket-form .form-group.has-error .ticket-priority-select{border-color:var(--color-error);box-shadow:0 0 0 3px #dc354526}.ticket-form .form-group.has-success .form-input,.ticket-form .form-group.has-success .form-select,.ticket-form .form-group.has-success .form-textarea,.ticket-form .form-group.has-success .ticket-description-textarea,.ticket-form .form-group.has-success .ticket-subject-input,.ticket-form .form-group.has-success .ticket-priority-select{border-color:var(--color-success);box-shadow:0 0 0 3px #28a74526}.ticket-attachments-preview{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-secondary);border:var(--border-width-thin) dashed var(--border-primary);border-radius:var(--radius-regular);transition:all var(--transition-normal)}.ticket-attachments-preview.has-files{border-style:solid;background-color:#f763000d;border-color:#f7630040;box-shadow:var(--shadow-sm)}.ticket-attachment-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm);background-color:var(--bg-primary);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-small);margin-bottom:var(--spacing-sm);transition:all var(--transition-normal)}.ticket-attachment-item:last-child{margin-bottom:0}.ticket-attachment-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.ticket-attachment-info{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.ticket-attachment-icon{font-size:var(--font-size-lg);color:var(--color-primary);flex-shrink:0}.ticket-attachment-details{flex:1;min-width:0}.ticket-attachment-name{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-attachment-size{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:2px}.ticket-attachment-remove{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs);color:var(--color-error);background-color:transparent;border:var(--border-width-thin) solid transparent;border-radius:var(--radius-small);cursor:pointer;transition:all var(--transition-normal);flex-shrink:0}.ticket-attachment-remove:hover:not(:disabled){background-color:#dc35451a;border-color:#dc354540;color:var(--color-error);transform:scale(1.05)}.ticket-attachment-remove:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ticket-form-submit-area{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-xl);margin-top:var(--spacing-xl);border-top:var(--border-width-thin) solid var(--border-primary);gap:var(--spacing-md)}.ticket-submit-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);border:var(--border-width-regular) solid var(--color-primary);border-radius:var(--radius-regular);background-color:var(--color-primary);color:var(--text-inverse);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;min-height:40px;min-width:160px;position:relative}.ticket-submit-button:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.ticket-submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.ticket-submit-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ticket-submit-button.loading{color:transparent;cursor:not-allowed}.ticket-submit-button.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--text-inverse);border-radius:var(--radius-round);animation:ticketSubmitSpin 1s linear infinite}@keyframes ticketSubmitSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}.ticket-cancel-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:var(--font-family-primary);border:var(--border-width-regular) solid transparent;border-radius:var(--radius-regular);background-color:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;min-height:40px}.ticket-cancel-button:hover:not(:disabled){color:var(--text-primary);background-color:var(--bg-hover);border-color:var(--border-primary);transform:translateY(-1px)}.ticket-cancel-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ticket-form-progress{margin-bottom:var(--spacing-xl);padding:var(--spacing-sm) 0}.ticket-form-progress-bar{height:4px;background-color:var(--bg-secondary);border-radius:2px;overflow:hidden;border:var(--border-width-thin) solid var(--border-primary)}.ticket-form-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:width var(--transition-normal) ease;border-radius:2px}.customer-new-ticket-form .form-error{display:block;color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--spacing-sm);margin-bottom:0;line-height:1.4;animation:errorSlideIn .3s ease-out}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.customer-new-ticket-form .form-error:before{content:"⚠️ ";margin-right:var(--spacing-xs)}.customer-new-ticket-form .form-input.error,.customer-new-ticket-form .form-select.error,.customer-new-ticket-form .form-textarea.error,.customer-new-ticket-form .ticket-description-textarea.error,.customer-new-ticket-form .ticket-subject-input.error,.customer-new-ticket-form .ticket-priority-select.error{border-color:var(--color-error);box-shadow:0 0 0 3px #dc354526;background-color:#dc354505}.customer-new-ticket-form .form-group:has(.form-error) .form-label{color:var(--color-error);font-weight:var(--font-weight-semibold)}.ticket-form .form-group .form-hint{display:block;color:var(--text-secondary);font-size:var(--font-size-xs);margin-top:var(--spacing-xs);margin-bottom:0}.ticket-form .form-group .form-error+.form-hint{margin-top:var(--spacing-xs)}.ticket-form .form-group.first-error{scroll-margin-top:100px}.ticket-form .form-group.first-error .form-error{background-color:#dc354514;padding:var(--spacing-sm);border-radius:var(--radius-small);border-left:3px solid var(--color-error);font-weight:var(--font-weight-semibold)}.ticket-form .ticket-attachments-section .form-error{background-color:#dc35450d;padding:var(--spacing-sm);border-radius:var(--radius-small);border:1px solid rgba(220,53,69,.2)}@media (max-width: 768px){.ticket-form .form-error{font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.ticket-form .form-group.first-error{scroll-margin-top:80px}}@media (max-width: 768px){.customer-new-ticket-form-container{max-width:100%;padding:var(--spacing-lg);margin:0}.ticket-project-section,.ticket-form-row{grid-template-columns:1fr;gap:var(--spacing-md)}.ticket-form-submit-area{flex-direction:column-reverse;gap:var(--spacing-sm)}.ticket-submit-button,.ticket-cancel-button{width:100%;justify-content:center}.ticket-attachment-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md)}.ticket-attachment-info{width:100%}.ticket-attachment-remove{align-self:flex-end}}@media (max-width: 480px){.customer-new-ticket-form{gap:var(--spacing-lg)}.ticket-description-textarea{min-height:120px}.ticket-form-submit-area{padding-top:var(--spacing-lg);margin-top:var(--spacing-lg)}.ticket-attachment-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.ticket-attachment-remove{align-self:flex-end;margin-top:var(--spacing-xs)}}.ticket-form .form-input:focus,.ticket-form .form-select:focus,.ticket-form .form-textarea:focus,.ticket-description-textarea:focus,.ticket-subject-input:focus,.ticket-priority-select:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.ticket-form .file-upload-area:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}@media (prefers-contrast: high){.ticket-form .form-input,.ticket-form .form-select,.ticket-form .form-textarea,.ticket-description-textarea,.ticket-subject-input,.ticket-priority-select{border-width:var(--border-width-medium)}.ticket-form .form-group.has-error .form-input,.ticket-form .form-group.has-error .form-select,.ticket-form .form-group.has-error .form-textarea,.ticket-form .form-group.has-error .ticket-description-textarea,.ticket-form .form-group.has-error .ticket-subject-input,.ticket-form .form-group.has-error .ticket-priority-select{border-width:var(--border-width-thick)}.ticket-submit-button,.ticket-cancel-button{border-width:var(--border-width-medium)}}@media (prefers-reduced-motion: reduce){.ticket-form-loading-spinner,.ticket-submit-button.loading:after{animation:none}.ticket-form-progress-fill,.ticket-attachment-item,.ticket-attachments-preview,.ticket-submit-button,.ticket-cancel-button,.ticket-attachment-remove{transition:none}.ticket-submit-button:hover,.ticket-cancel-button:hover,.ticket-attachment-remove:hover{transform:none}}.customer-settings-page{min-height:100vh;background-color:var(--bg-primary);font-family:var(--font-family-primary)}.customer-settings-page .page-header{background-color:var(--bg-primary);padding:var(--spacing-xl) var(--spacing-xxl);border-bottom:var(--border-width-thin) solid var(--border-primary);margin-bottom:var(--spacing-xl)}.customer-settings-page .page-header h1{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0;line-height:var(--line-height-tight)}.customer-settings-page .settings-content{max-width:1000px;margin:0 auto;padding:0 var(--spacing-xxl) var(--spacing-xxl);display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-xxl);align-items:start}.customer-settings-page .settings-tabs{position:sticky;top:var(--spacing-xl);background-color:var(--bg-secondary);border-radius:var(--radius-regular);padding:var(--spacing-lg);border:var(--border-width-thin) solid var(--border-primary)}.customer-settings-page .tab-button{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-lg);border:none;background-color:transparent;color:var(--text-secondary);font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-regular);cursor:pointer;transition:all var(--transition-normal);text-align:left;margin-bottom:var(--spacing-sm)}.customer-settings-page .tab-button:last-child{margin-bottom:0}.customer-settings-page .tab-button:hover{background-color:var(--bg-hover);color:var(--text-primary)}.customer-settings-page .tab-button.active{background-color:var(--bg-accent);color:var(--text-inverse);font-weight:var(--font-weight-semibold)}.customer-settings-page .tab-button:focus{outline:var(--border-width-medium) solid var(--border-focus);outline-offset:2px}.customer-settings-page .tab-icon{font-size:var(--font-size-lg);line-height:1;flex-shrink:0}.customer-settings-page .settings-panel{background-color:var(--bg-primary);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-regular);min-height:600px}.customer-settings-page .settings-panel h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xl) 0;line-height:var(--line-height-tight);padding:var(--spacing-xl) var(--spacing-xl) 0;border-bottom:var(--border-width-thin) solid var(--border-primary);padding-bottom:var(--spacing-xl)}.customer-settings-page .profile-settings,.customer-settings-page .password-settings,.customer-settings-page .notification-settings{padding:var(--spacing-xl)}.customer-settings-page .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.customer-settings-page .form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.customer-settings-page .form-group.full-width{grid-column:1 / -1}.customer-settings-page .form-group label{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}.customer-settings-page .form-group input{padding:var(--spacing-md) var(--spacing-lg);border:var(--border-width-regular) solid var(--border-primary);border-radius:var(--radius-regular);background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);transition:all var(--transition-normal)}.customer-settings-page .form-group input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 var(--border-width-medium) #f7630033}.customer-settings-page .form-group input:disabled{background-color:var(--bg-disabled);color:var(--text-disabled);border-color:var(--border-primary);cursor:not-allowed}.customer-settings-page .notification-options{margin-bottom:var(--spacing-xl)}.customer-settings-page .notification-item{padding:var(--spacing-lg);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-regular);margin-bottom:var(--spacing-md);background-color:var(--bg-secondary);transition:all var(--transition-normal)}.customer-settings-page .notification-item:last-child{margin-bottom:0}.customer-settings-page .notification-item:hover{background-color:var(--bg-hover)}.customer-settings-page .notification-item.main-toggle{border-color:var(--border-accent);border-width:var(--border-width-regular);background-color:var(--bg-primary)}.customer-settings-page .checkbox-label{display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.customer-settings-page .checkbox-label .main-setting{font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);color:var(--text-primary)}.customer-settings-page .setting-description{margin:0;padding-left:calc(18px + var(--spacing-md));font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.customer-settings-page .checkbox-label input[type=checkbox]{width:18px;height:18px;border:var(--border-width-regular) solid var(--border-primary);border-radius:var(--radius-small);background-color:var(--bg-primary);cursor:pointer;margin:0;position:relative;transition:all var(--transition-normal)}.customer-settings-page .checkbox-label input[type=checkbox]:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.customer-settings-page .checkbox-label input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-inverse);font-weight:var(--font-weight-bold);font-size:12px;line-height:1}.customer-settings-page .checkbox-label input[type=checkbox]:focus{outline:var(--border-width-medium) solid var(--border-focus);outline-offset:2px}.customer-settings-page .checkbox-label input[type=checkbox]:disabled{background-color:var(--bg-disabled);border-color:var(--border-primary);cursor:not-allowed;opacity:.6}.customer-settings-page .notification-sub-options{margin-left:var(--spacing-lg);padding-left:var(--spacing-lg);border-left:var(--border-width-regular) solid var(--border-primary);margin-top:var(--spacing-md);transition:all var(--transition-normal)}.customer-settings-page .notification-sub-options.disabled{opacity:.5;pointer-events:none}.customer-settings-page .notification-sub-options .notification-item{background-color:var(--bg-primary);border-color:var(--color-gray-light);margin-left:0;margin-right:0}.customer-settings-page .notification-sub-options .notification-item:hover:not(.disabled){background-color:var(--bg-hover)}.customer-settings-page .notification-sub-options .checkbox-label span{font-weight:var(--font-weight-medium);font-size:var(--font-size-base)}.customer-settings-page .integration-alert-backdrop{z-index:9999!important;pointer-events:auto!important}.customer-settings-page .integration-alert{z-index:10000!important;pointer-events:auto!important}.customer-settings-page .integration-alert-button{pointer-events:auto!important;cursor:pointer!important}.customer-settings-page .save-button{background-color:var(--bg-accent);color:var(--text-inverse);border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-regular);font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--spacing-sm)}.customer-settings-page .save-button:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.customer-settings-page .save-button:active:not(:disabled){transform:translateY(0)}.customer-settings-page .save-button:disabled{background-color:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed;opacity:.6}.customer-settings-page .save-button:focus{outline:var(--border-width-medium) solid var(--border-focus);outline-offset:2px}@media (max-width: 768px){.customer-settings-page .settings-content{grid-template-columns:1fr;gap:var(--spacing-lg);padding:0 var(--spacing-lg) var(--spacing-lg)}.customer-settings-page .settings-tabs{position:static;display:flex;gap:var(--spacing-sm);overflow-x:auto;padding:var(--spacing-md)}.customer-settings-page .tab-button{flex-shrink:0;white-space:nowrap;margin-bottom:0}.customer-settings-page .form-grid{grid-template-columns:1fr}.customer-settings-page .page-header{padding:var(--spacing-lg) var(--spacing-lg)}.customer-settings-page .page-header h1{font-size:var(--font-size-xl)}}@media (max-width: 480px){.customer-settings-page .page-header{padding:var(--spacing-md) var(--spacing-md)}.customer-settings-page .settings-content{padding:0 var(--spacing-md) var(--spacing-md)}.customer-settings-page .profile-settings,.customer-settings-page .password-settings,.customer-settings-page .notification-settings{padding:var(--spacing-lg)}}.customer-company-page{max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-lg)}.customer-company-page .btn-secondary{background-color:var(--color-white);color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--border-radius-regular);padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:var(--spacing-sm);margin-left:auto;box-shadow:0 2px 4px #f763001a}.customer-company-page .btn-secondary:hover{background-color:var(--color-primary);color:var(--color-white);transform:translateY(-2px);box-shadow:0 4px 12px #f763004d}.customer-company-page .btn-secondary:active{transform:translateY(-1px);box-shadow:0 2px 6px #f7630033}.customer-company-page .no-access-message{display:flex;align-items:center;justify-content:center;min-height:400px;text-align:center}.customer-company-page .no-access-content h1{font-size:var(--font-size-xl);color:var(--color-error);margin-bottom:var(--spacing-md)}.customer-company-page .no-access-content p{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:400px}.customer-company-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--spacing-md)}.customer-company-page .loading-spinner{width:40px;height:40px;border:3px solid var(--color-gray);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.customer-company-page .company-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:start}.customer-company-page .company-info-section{background:var(--color-white);border:2px solid var(--color-primary);border-radius:var(--border-radius-regular);padding:var(--spacing-lg);box-shadow:0 4px 12px #f763001a;position:relative}.customer-company-page .company-info-section:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,var(--color-primary),var(--color-secondary));border-radius:var(--border-radius-small) 0 0 var(--border-radius-small)}.customer-company-page .contacts-section{background:var(--color-white);border:2px solid var(--color-primary);border-radius:var(--border-radius-regular);padding:var(--spacing-lg);box-shadow:0 4px 12px #f763001a;position:relative}.customer-company-page .contacts-section:before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:linear-gradient(to bottom,var(--color-primary),var(--color-secondary));border-radius:0 var(--border-radius-small) var(--border-radius-small) 0}.customer-company-page .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,#f763001a,#ff85330d);padding:var(--spacing-md);border-radius:var(--border-radius-small);margin:calc(-1 * var(--spacing-lg)) calc(-1 * var(--spacing-lg)) var(--spacing-lg) calc(-1 * var(--spacing-lg));border-bottom:2px solid rgba(247,99,0,.2)}.customer-company-page .section-header h2{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);color:var(--color-primary);margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.customer-company-page .company-info-section .section-header h2:before{content:"🏢";font-size:var(--font-size-lg);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.customer-company-page .contacts-section .section-header h2:before{content:"👥";font-size:var(--font-size-lg);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.customer-company-page .btn-primary{background-color:var(--color-primary);color:var(--color-white);border:2px solid var(--color-primary);border-radius:var(--border-radius-regular);padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:var(--spacing-sm);box-shadow:0 2px 8px #f7630033}.customer-company-page .btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 4px 16px #f763004d}.customer-company-page .btn-primary:active{transform:translateY(-1px);box-shadow:0 2px 8px #f7630033}.customer-company-page .company-edit-form{display:grid;gap:var(--spacing-md)}.customer-company-page .company-edit-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.customer-company-page .company-edit-form .form-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:2px solid var(--color-primary);background:linear-gradient(135deg,rgba(247,99,0,.05),transparent);padding:var(--spacing-md);border-radius:var(--border-radius-small)}.customer-company-page .btn-ghost{background-color:transparent;color:var(--color-text-secondary);border:2px solid var(--color-gray-medium);border-radius:var(--border-radius-regular);padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);cursor:pointer;transition:all .3s ease}.customer-company-page .btn-ghost:hover{background-color:var(--color-gray-light);color:var(--color-text-primary);border-color:var(--color-primary);transform:translateY(-1px)}.customer-company-page .form-actions .btn-primary{background-color:var(--color-primary);color:var(--color-white);border:2px solid var(--color-primary);box-shadow:0 3px 10px #f763004d}.customer-company-page .company-details{display:grid;gap:var(--spacing-lg)}.customer-company-page .details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md)}.customer-company-page .detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.customer-company-page .detail-item-full{grid-column:1 / -1}.customer-company-page .detail-item label{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.customer-company-page .detail-item span{font-size:var(--font-size-base);color:var(--color-text-primary);word-break:break-all}.customer-company-page .detail-item a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}.customer-company-page .detail-item a:hover{color:var(--color-primary-hover);text-decoration:underline}.customer-company-page .additional-info{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:2px solid var(--color-gray-light)}.customer-company-page .additional-info h3{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-lg);color:var(--color-text-primary);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.customer-company-page .additional-info h3:before{content:"📋";font-size:var(--font-size-base)}.customer-company-page .empty-state{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}.customer-company-page .empty-state p{font-size:var(--font-size-base);margin:0}.customer-company-page .contacts-list{display:grid;gap:var(--spacing-md)}.customer-company-page .contact-card{background:linear-gradient(135deg,var(--color-white),rgba(247,99,0,.02));border:2px solid var(--color-gray);border-radius:var(--border-radius-regular);padding:0;transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column}.customer-company-page .contact-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(to bottom,var(--color-primary),var(--color-secondary));opacity:0;transition:opacity .3s ease}.customer-company-page .contact-card:hover{border-color:var(--color-primary);box-shadow:0 4px 20px #f7630026;transform:translateY(-2px)}.customer-company-page .contact-card:hover:before{opacity:1}.customer-company-page .contact-header{padding:var(--spacing-md);border-bottom:1px solid rgba(247,99,0,.1)}.customer-company-page .contact-name h4{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.customer-company-page .contact-details{padding:var(--spacing-md);flex:1;display:grid;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.customer-company-page .contact-details p{margin:0;color:var(--color-text-primary)}.customer-company-page .contact-details strong{color:var(--color-primary);font-weight:var(--font-weight-semibold);min-width:80px;display:inline-block}.customer-company-page .contact-footer{padding:var(--spacing-md);border-top:1px solid rgba(247,99,0,.1);background:#f7630005}.customer-company-page .contact-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:flex-start}.customer-company-page .contact-action-btn{background-color:var(--color-white);color:var(--color-text-primary);border:1px solid var(--color-gray);border-radius:var(--border-radius-small);padding:var(--spacing-xs) var(--spacing-sm);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);cursor:pointer;transition:all .2s ease;white-space:nowrap}.customer-company-page .contact-action-btn.send-link-btn{background-color:#e3f2fd;color:#1976d2;border-color:#bbdefb}.customer-company-page .contact-action-btn.send-link-btn:hover{background-color:#1976d2;color:var(--color-white);border-color:#1976d2}.customer-company-page .contact-action-btn.permissions-btn{background-color:#f3e5f5;color:#7b1fa2;border-color:#ce93d8}.customer-company-page .contact-action-btn.permissions-btn:hover{background-color:#7b1fa2;color:var(--color-white);border-color:#7b1fa2}.customer-company-page .contact-action-btn.edit-btn{background-color:#f763001a;color:var(--color-primary);border-color:#f763004d}.customer-company-page .contact-action-btn.edit-btn:hover{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.customer-company-page .contact-action-btn.delete-btn{background-color:#ffebee;color:#d32f2f;border-color:#ffcdd2}.customer-company-page .contact-action-btn.delete-btn:hover{background-color:#d32f2f;color:var(--color-white);border-color:#d32f2f}.customer-company-page .contact-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.customer-company-page .contact-action-btn:disabled:hover{background-color:initial;color:initial;border-color:initial}.customer-company-page .badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-small);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;box-shadow:0 1px 3px #0000001a}.customer-company-page .badge-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--color-white);box-shadow:0 2px 6px #f763004d}.customer-company-page .badge-warning{background:linear-gradient(135deg,var(--color-warning),#F39C12);color:var(--color-text-primary);box-shadow:0 2px 6px #ffc1074d}.customer-company-page .badge-role{border:2px solid;font-weight:var(--font-weight-bold)}.customer-company-page .badge-role-owner{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-white);border-color:var(--color-primary);box-shadow:0 3px 8px #f7630066}.customer-company-page .badge-role-admin{background:linear-gradient(135deg,var(--color-info),#2980B9);color:var(--color-white);border-color:var(--color-info);box-shadow:0 2px 6px #17a2b84d}.customer-company-page .badge-role-basic{background:linear-gradient(135deg,var(--color-gray-medium),var(--color-gray-dark));color:var(--color-white);border-color:var(--color-gray-medium);box-shadow:0 1px 4px #6c757d4d}.customer-company-page .permission-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:linear-gradient(135deg,#f763001a,#ff85330d);border:2px solid var(--color-primary);border-radius:var(--border-radius-small);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-primary);margin-left:var(--spacing-xs);box-shadow:0 1px 3px #f7630033}.customer-company-page .alert-backdrop{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background-color:#0009!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:1000!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;animation:fadeIn .3s ease-out!important;padding:var(--spacing-lg)!important;box-sizing:border-box!important}.customer-company-page .contact-modal,.customer-company-page .permissions-modal{background:var(--color-white)!important;border-radius:var(--border-radius-regular)!important;padding:0!important;max-width:600px!important;width:90vw!important;max-height:90vh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;box-shadow:0 10px 30px #0000004d!important;border:2px solid var(--color-gray)!important;position:relative!important;animation:slideUp .3s ease-out!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.customer-company-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:2px solid var(--color-gray-light);background:var(--color-gray-light)}.customer-company-page .modal-header h2{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);color:var(--color-text-primary);margin:0}.customer-company-page .modal-close-btn{background:none;border:none;font-size:var(--font-size-xl);color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-small);transition:background-color .2s ease}.customer-company-page .modal-close-btn:hover{background-color:var(--color-gray);color:var(--color-text-primary)}.customer-company-page .permissions-form,.customer-company-page .modal-form{padding:var(--spacing-lg);overflow-y:auto;flex:1}.customer-company-page .form-section{margin-bottom:var(--spacing-xl)}.customer-company-page .form-section h3{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.customer-company-page .permissions-note{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--color-gray-light);border-radius:var(--border-radius-small)}.customer-company-page .role-selection,.customer-company-page .view-permissions-selection{display:grid;gap:var(--spacing-sm)}.customer-company-page .role-option,.customer-company-page .permission-option{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);border:2px solid var(--color-gray);border-radius:var(--border-radius-regular);cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.customer-company-page .role-option:hover,.customer-company-page .permission-option:hover{border-color:var(--color-primary);background-color:var(--color-gray-light)}.customer-company-page .role-option:has(input[type=radio]:checked),.customer-company-page .permission-option:has(input[type=radio]:checked){border-color:var(--color-primary)!important;background-color:#f763000d!important}.customer-company-page .role-info,.customer-company-page .permission-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.customer-company-page .role-name,.customer-company-page .permission-name{display:block;font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-size:var(--font-size-base)}.customer-company-page .role-description,.customer-company-page .permission-description{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4;margin-top:var(--spacing-xs)}.customer-company-page .role-option:has(input[type=radio]:checked) .role-name,.customer-company-page .permission-option:has(input[type=radio]:checked) .permission-name{color:var(--color-primary)}.customer-company-page .role-option input[type=radio],.customer-company-page .permission-option input[type=radio]{width:20px;height:20px;margin:2px 0 0;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.customer-company-page .modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:2px solid rgba(247,99,0,.2);background:linear-gradient(135deg,rgba(247,99,0,.03),transparent)}.customer-company-page .cancel-button{background-color:transparent;color:var(--color-text-secondary);border:2px solid var(--color-gray-medium);border-radius:var(--border-radius-regular);padding:var(--spacing-sm) var(--spacing-xl);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);cursor:pointer;transition:all .3s ease;min-width:100px}.customer-company-page .cancel-button:hover{background-color:var(--color-gray-light);color:var(--color-text-primary);border-color:var(--color-primary);transform:translateY(-1px)}.customer-company-page .submit-button{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--color-white);border:2px solid var(--color-primary);border-radius:var(--border-radius-regular);padding:var(--spacing-sm) var(--spacing-xl);font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;transition:all .3s ease;min-width:120px;box-shadow:0 3px 10px #f763004d;position:relative;overflow:hidden}.customer-company-page .submit-button: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}.customer-company-page .submit-button:hover:before{left:100%}.customer-company-page .submit-button:hover{background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary-active));border-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 5px 15px #f7630066}.customer-company-page .submit-button:active{transform:translateY(-1px);box-shadow:0 3px 8px #f763004d}.customer-company-page .submit-button:disabled{background:var(--color-gray);border-color:var(--color-gray);color:var(--color-text-secondary);cursor:not-allowed;transform:none;box-shadow:none}.customer-company-page .submit-button:disabled:before{display:none}@media (max-width: 768px){.customer-company-page{padding:var(--spacing-md)}.customer-company-page .page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.customer-company-page .company-content,.customer-company-page .company-edit-form .form-row,.customer-company-page .details-grid{grid-template-columns:1fr}.customer-company-page .contact-header,.customer-company-page .section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.customer-company-page .modal-footer{flex-direction:column}.customer-company-page .contact-actions{flex-direction:column;gap:var(--spacing-xs)}.customer-company-page .contact-action-btn{text-align:center;justify-content:center}.customer-company-page .contact-header,.customer-company-page .contact-details,.customer-company-page .contact-footer{padding:var(--spacing-sm)}}.contact-modal .modal-form{padding:var(--spacing-lg)}.contact-modal .form-group{margin-bottom:var(--spacing-md)}.contact-modal .form-group:last-child{margin-bottom:0}.contact-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.contact-modal .form-row:last-child{margin-bottom:0}.contact-modal .form-row .form-group{margin-bottom:0}.contact-modal input[type=text],.contact-modal input[type=email],.contact-modal input[type=tel],.contact-modal textarea,.contact-modal select,.customer-company-page .company-edit-form input[type=text],.customer-company-page .company-edit-form input[type=email],.customer-company-page .company-edit-form input[type=url],.customer-company-page .company-edit-form input[type=tel],.customer-company-page .company-edit-form textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-base);font-family:var(--font-family-primary);background-color:var(--color-white);color:var(--color-text-primary);transition:all var(--transition-normal)}.contact-modal input[type=text]:focus,.contact-modal input[type=email]:focus,.contact-modal input[type=tel]:focus,.contact-modal textarea:focus,.contact-modal select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #f7630026}.contact-modal input.error,.contact-modal textarea.error,.contact-modal select.error{border-color:var(--color-error);background-color:#dc35450d;box-shadow:0 0 0 2px #dc354526}.contact-modal input:disabled,.contact-modal textarea:disabled,.contact-modal select:disabled{background-color:var(--bg-disabled);color:var(--text-disabled);border-color:var(--border-primary);cursor:not-allowed;opacity:.6}.contact-modal label{display:block;margin-bottom:var(--spacing-xs);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);font-family:var(--font-family-primary)}.contact-modal .error-message{display:block;margin-top:var(--spacing-xs);color:var(--color-error);font-size:var(--font-size-xs);font-family:var(--font-family-primary)}.contact-modal .modal-footer{padding:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);margin-top:var(--spacing-md)}@media (max-width: 768px){.customer-company-page .section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.contact-modal .form-row{grid-template-columns:1fr;gap:var(--spacing-sm)}.contact-modal .modal-form{padding:var(--spacing-md)}}@media (prefers-reduced-motion: reduce){.contact-modal input,.contact-modal textarea,.contact-modal select{transition:none}}@media (prefers-contrast: high){.contact-modal input,.contact-modal textarea,.contact-modal select{border-width:2px}.contact-modal input:focus,.contact-modal textarea:focus,.contact-modal select:focus{border-width:2px}}.tasks-page{height:100vh;display:flex;flex-direction:column;overflow:hidden;background-color:var(--color-white)}.tasks-page .page-content{display:flex;flex:1;gap:var(--spacing-lg);min-height:0;overflow:hidden;padding:0;max-width:100vw}.tasks-panel{flex:0 0 600px;background-color:var(--color-gray-light);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-sm);min-width:400px;max-width:70%}.details-panel{flex:1;background-color:var(--color-gray-light);overflow:hidden;display:flex;flex-direction:column;position:relative;min-width:350px}.tasks-panel.loading{opacity:.7;pointer-events:none}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:var(--color-white);color:var(--color-text-secondary)}.page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:var(--color-white);color:var(--color-danger);text-align:center}.page-error h2{color:var(--color-danger);margin-bottom:var(--spacing-md)}@media (min-width: 1400px){.tasks-panel{flex:0 0 700px;min-width:500px}.details-panel{min-width:400px}}@media (max-width: 1400px) and (min-width: 1200px){.tasks-panel{flex:0 0 600px;min-width:450px}.details-panel{min-width:350px}}@media (max-width: 1200px) and (min-width: 768px){.tasks-panel{flex:0 0 500px;min-width:400px}.details-panel{min-width:300px}.tasks-page .page-content{gap:var(--spacing-md)}}@media (max-width: 768px){.tasks-page .page-content{flex-direction:column;gap:0}.tasks-panel{flex:0 0 50vh;max-width:100%;min-width:100%;border-right:none;border-bottom:1px solid var(--color-border)}.details-panel{flex:1;min-width:100%;border-top:1px solid var(--color-border)}}@media (max-width: 480px){.tasks-page .page-content{gap:0}.tasks-panel{flex:0 0 60vh}.details-panel{flex:0 0 40vh}}@media (max-height: 600px){.tasks-panel{flex:0 0 45vh}.details-panel{flex:1;min-height:200px}}.tasks-panel,.details-panel{transition:flex-basis .3s ease-out}.tasks-page{transform:translateZ(0);will-change:transform}.tasks-page:focus-within .tasks-panel{outline:2px solid var(--color-primary);outline-offset:-2px}@media (prefers-contrast: high){.tasks-panel,.details-panel{border-width:2px;border-color:var(--color-text)}}@media (prefers-reduced-motion: reduce){.tasks-panel,.details-panel{transition:none}}@media print{.tasks-page .page-content{flex-direction:column;height:auto}.details-panel{display:none}.tasks-panel{flex:none;max-width:100%;box-shadow:none;border:1px solid var(--color-text);overflow:visible}}.new-task-page{min-height:calc(100vh - 180px);background-color:var(--color-white);color:var(--color-text-primary);font-family:var(--font-family-primary)}.new-task-page .acc-taskform-page-header{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid var(--color-border);background-color:var(--color-background-secondary)}.new-task-page .acc-taskform-page-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0;font-family:var(--font-family-primary)}.new-task-page .acc-taskform-page-header p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-base);font-family:var(--font-family-primary)}.new-task-page .acc-taskform-content{max-width:1400px;margin:0 auto}.new-task-page .advanced-task-form{background-color:var(--color-white);border-radius:var(--border-radius);border:1px solid var(--color-border);box-shadow:var(--shadow-md);animation:fade-in-up .3s ease-out}.new-task-page .form-section{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border);animation:fade-in-up .3s ease-out}.new-task-page .form-section:last-child{border-bottom:none;margin-bottom:0}.new-task-page .section-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.new-task-page .form-row-details{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:flex-start}.new-task-page .form-row-details .form-group{flex:1 1 auto}.new-task-page .form-row-details .form-group:has(.search-dropdown){flex:1 1 auto}.new-task-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.new-task-page .form-section .form-group:only-child{grid-column:1 / -1}.new-task-page .form-group{margin-bottom:var(--spacing-md)}.new-task-page .form-group:last-child{margin-bottom:0}.new-task-page .form-group label{display:block;margin-bottom:var(--spacing-sm);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);font-family:var(--font-family-primary)}.new-task-page .form-group label .required{color:var(--color-error);margin-left:var(--spacing-xs)}.new-task-page .input{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-base);font-family:var(--font-family-primary);background-color:var(--color-white);color:var(--color-text-primary);transition:all var(--transition-normal)}.new-task-page .input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha)}.new-task-page .input:disabled,.new-task-page .input.disabled{background-color:var(--color-background-secondary);color:var(--color-text-secondary);cursor:not-allowed;opacity:.7}.new-task-page .search-dropdown{position:relative}.new-task-page .dropdown-list{position:absolute;top:100%;left:0;right:0;background-color:var(--color-white);border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius);max-height:300px;overflow-y:auto;z-index:1000;box-shadow:var(--shadow-md);animation:slide-down .2s ease-out}.new-task-page .dropdown-item{padding:var(--spacing-md);cursor:pointer;border-bottom:1px solid var(--color-border-light);transition:background-color var(--transition-fast)}.new-task-page .dropdown-item:last-child{border-bottom:none}.new-task-page .dropdown-item:hover:not(.disabled){background-color:var(--color-background-secondary)}.new-task-page .dropdown-item.disabled{color:var(--color-text-secondary);cursor:default;font-style:italic}.new-task-page .company-info,.new-task-page .contact-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.new-task-page .company-info strong,.new-task-page .contact-info strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.new-task-page .company-info small,.new-task-page .contact-info small{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-family:var(--font-family-primary)}.new-task-page .main-contact-badge{display:inline-block;background-color:var(--color-primary);color:var(--color-white);padding:2px var(--spacing-xs);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);margin-left:var(--spacing-sm)}.new-task-page .form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-border)}.new-task-page .form-errors{background-color:var(--color-error-alpha);border:1px solid var(--color-error-border);border-radius:var(--border-radius);padding:var(--spacing-lg);margin:var(--spacing-lg) var(--spacing-xl);animation:slide-down .3s ease-out}.new-task-page .form-errors .error-message{color:var(--color-error);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);font-family:var(--font-family-primary)}.new-task-page .form-errors .error-message:last-child{margin-bottom:0}.new-task-page .error-message{background-color:var(--color-error-alpha);border:1px solid var(--color-error-border);border-radius:var(--border-radius);padding:var(--spacing-md);margin:0 var(--spacing-xl) var(--spacing-lg);color:var(--color-error);font-size:var(--font-size-sm);font-family:var(--font-family-primary);animation:slide-down .3s ease-out}.new-task-page .form-section .file-upload-container{background-color:var(--color-white);border-radius:var(--border-radius);border:1px solid var(--color-border);padding:var(--spacing-md);transition:all var(--transition-normal);margin-top:0}.new-task-page .form-section .file-upload-container:hover{border-color:var(--color-primary)}.new-task-page .dropdown-list::-webkit-scrollbar{width:6px}.new-task-page .dropdown-list::-webkit-scrollbar-track{background:var(--color-background-secondary);border-radius:3px}.new-task-page .dropdown-list::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:3px}.new-task-page .dropdown-list::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}.new-task-page .acc-taskform-loading{position:relative;pointer-events:none;opacity:.6}.new-task-page .acc-taskform-loading:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);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;z-index:10}@media (max-width: 1200px){.new-task-page .acc-taskform-content{max-width:1000px}.new-task-page .form-row-details .form-group{flex:1 1 280px;max-width:320px}}@media (max-width: 992px){.new-task-page .form-row-details{gap:var(--spacing-sm)}.new-task-page .form-row-details .form-group{flex:1 1 250px;min-width:220px;max-width:none}}@media (max-width: 768px){.new-task-page .acc-taskform-content{margin:var(--spacing-md)}.new-task-page .advanced-task-form{margin:0}.new-task-page .form-section,.new-task-page .form-actions{padding:var(--spacing-md)}.new-task-page .form-row-details{flex-direction:column;gap:var(--spacing-md)}.new-task-page .form-row-details .form-group{flex:1 1 auto;min-width:auto;max-width:none}.new-task-page .form-row{grid-template-columns:1fr;gap:var(--spacing-sm)}.new-task-page .form-actions{flex-direction:column}.new-task-page .acc-taskform-page-header{padding:var(--spacing-lg)}.new-task-page .acc-taskform-page-header h1{font-size:var(--font-size-xl)}.new-task-page .error-message{margin:0 var(--spacing-md) var(--spacing-lg)}}@media (max-width: 480px){.new-task-page .form-section,.new-task-page .form-actions{padding:var(--spacing-sm)}.new-task-page .section-title{font-size:var(--font-size-base);flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.new-task-page .dropdown-list{max-height:200px}.new-task-page .company-info,.new-task-page .contact-info{gap:2px}.new-task-page .main-contact-badge{font-size:var(--font-size-xs);padding:1px var(--spacing-xs)}.new-task-page .acc-taskform-page-header{padding:var(--spacing-md)}.new-task-page .acc-taskform-page-header h1{font-size:var(--font-size-lg)}}@media (prefers-contrast: high){.new-task-page .input{border-width:2px}.new-task-page .dropdown-item:hover:not(.disabled){background-color:var(--color-primary);color:var(--color-white)}.new-task-page .advanced-task-form{border-width:2px}}@media (prefers-reduced-motion: reduce){.new-task-page .dropdown-list,.new-task-page .form-section,.new-task-page .advanced-task-form,.new-task-page .form-errors,.new-task-page .error-message{animation:none;transition:none}.new-task-page .acc-taskform-loading:before{animation:none}.new-task-page .input,.new-task-page .dropdown-item,.new-task-page .form-section .file-upload-container{transition:none}}.new-task-page .form-section:nth-child(1){animation-delay:.1s}.new-task-page .form-section:nth-child(2){animation-delay:.2s}.new-task-page .form-section:nth-child(3){animation-delay:.3s}.new-task-page .form-section:nth-child(4){animation-delay:.4s}.new-task-page .form-section:nth-child(5){animation-delay:.5s}.account-page{min-height:calc(100vh - 180px);background-color:var(--color-white);font-family:var(--font-family-primary)}.account-page-header{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);border-bottom:var(--border-width-thin) solid var(--border-color)}.account-page-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0;font-family:var(--font-family-primary)}.account-page-header p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0;font-family:var(--font-family-primary);font-weight:var(--font-weight-normal)}.account-layout{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-xl);align-items:start;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.account-content{min-height:400px;background-color:var(--color-white)}@media (max-width: 1200px){.account-layout{max-width:100%;padding:0 var(--spacing-md)}}@media (max-width: 768px){.account-layout{grid-template-columns:1fr;gap:var(--spacing-lg)}.account-layout .sidebar{width:100%;position:static}.account-layout .sidebar .sidebar-nav{flex-direction:row;justify-content:center;flex-wrap:wrap}.account-page-header{padding:var(--spacing-lg) 0;text-align:center}.account-page-header h1{font-size:var(--font-size-xl)}}@media (max-width: 480px){.account-layout{padding:0 var(--spacing-sm);gap:var(--spacing-md)}.account-page-header{padding:var(--spacing-md) 0}.account-layout .sidebar .sidebar-item{min-height:40px;padding:var(--spacing-xs)}.account-layout .sidebar .sidebar-label{font-size:10px}}@media (prefers-contrast: high){.account-page-header{border-bottom-width:2px}.account-page-header h1{color:var(--color-black)!important}}.settings-page .page-content{max-width:1400px;margin:0 auto;padding:var(--spacing-xl)}.settings-form{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);max-width:1400px;margin:0 auto}.settings-section{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-xl);transition:all var(--transition-normal);height:fit-content;box-shadow:var(--shadow-sm)}.settings-section:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.settings-row-3{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.settings-section-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-light)}.settings-section-header h3{margin:0 0 var(--spacing-xs) 0;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.settings-section-header p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-primary)}.settings-field{margin-bottom:var(--spacing-lg)}.settings-field:last-child{margin-bottom:0}.settings-label{display:block;margin-bottom:var(--spacing-sm)}.settings-label-text{display:block;color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);font-family:var(--font-family-primary);margin-bottom:var(--spacing-xs)}.settings-label-description{display:block;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-style:italic;font-family:var(--font-family-primary)}.settings-select,.settings-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-white);color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:var(--font-family-primary);transition:all var(--transition-normal)}.settings-select:focus,.settings-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha)}.settings-select:hover:not(:disabled),.settings-input:hover:not(:disabled){border-color:var(--color-primary)}.settings-select:disabled,.settings-input:disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-background-disabled)}.settings-field-error{margin-top:var(--spacing-xs)}.settings-error-text{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-error);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-error-alpha);border-radius:var(--border-radius-sm);border-left:3px solid var(--color-error);font-family:var(--font-family-primary)}.settings-field-help{margin-top:var(--spacing-xs)}.settings-help-text{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-secondary);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-primary-alpha);border-radius:var(--border-radius-sm);border-left:3px solid var(--color-primary);font-family:var(--font-family-primary)}.settings-actions{display:flex;justify-content:center;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);margin-top:var(--spacing-lg);grid-column:1 / -1}.settings-save-btn,.settings-reset-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);cursor:pointer;transition:all var(--transition-normal);min-width:160px;justify-content:center;box-shadow:var(--shadow-sm)}.settings-save-btn{background-color:var(--color-primary);color:var(--color-white)}.settings-save-btn:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.settings-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.settings-reset-btn{background-color:var(--color-white);color:var(--color-text-primary);border:1px solid var(--color-border)}.settings-reset-btn:hover:not(:disabled){background-color:var(--color-background-hover);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.settings-reset-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.settings-btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.settings-unsaved-changes-indicator{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md);text-align:center;grid-column:1 / -1;animation:fade-in .3s ease-out}.settings-indicator-text{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-warning);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-warning-alpha);border-radius:var(--border-radius);border:1px solid var(--color-warning-border);box-shadow:var(--shadow-sm);font-family:var(--font-family-primary)}.settings-no-access{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);text-align:center;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius);min-height:300px;box-shadow:var(--shadow-sm)}.settings-no-access-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.7}.settings-no-access h3{margin:0 0 var(--spacing-md) 0;color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary)}.settings-no-access p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-base);max-width:400px;line-height:var(--line-height-relaxed);font-family:var(--font-family-primary)}.settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);text-align:center;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.settings-loading-spinner{width:50px;height:50px;border:4px solid var(--color-border-light);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-lg)}.settings-loading p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-base);font-family:var(--font-family-primary)}.settings-content-section{background-color:var(--color-white);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-md)}.settings-content-header{background-color:var(--color-background-secondary);padding:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.settings-content-header h2{margin:0 0 var(--spacing-xs) 0;color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.settings-content-header p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);font-family:var(--font-family-primary)}.settings-content-body{padding:var(--spacing-xl);background-color:var(--color-white)}.settings-error-banner{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);margin-bottom:var(--spacing-lg);background-color:var(--color-error-alpha);border:1px solid var(--color-error-border);border-radius:var(--border-radius);color:var(--color-error);animation:slide-down .3s ease-out;box-shadow:var(--shadow-sm);grid-column:1 / -1;font-family:var(--font-family-primary)}.settings-error-banner button{padding:var(--spacing-xs);background:none;border:none;color:var(--color-error);cursor:pointer;border-radius:var(--border-radius-sm);transition:background-color var(--transition-normal)}.settings-error-banner button:hover{background-color:#fff3}.task-types-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.task-type-item{display:flex;gap:var(--spacing-sm);align-items:center}.task-type-input{flex:1;margin-bottom:0!important}.task-type-remove-btn{padding:var(--spacing-sm);background:transparent;border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-normal);color:var(--color-text-secondary);min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-family:var(--font-family-primary)}.task-type-remove-btn:hover:not(:disabled){background:var(--color-error-alpha);border-color:var(--color-error);color:var(--color-error)}.task-type-remove-btn:disabled{opacity:.5;cursor:not-allowed}.task-type-add-btn{padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:2px dashed var(--color-border);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-normal);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-primary);margin-top:var(--spacing-xs)}.task-type-add-btn:hover:not(:disabled){background:var(--color-primary-alpha);border-color:var(--color-primary);color:var(--color-primary)}.task-type-add-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1200px){.settings-row-3{grid-template-columns:1fr}.settings-form{max-width:800px}}@media (max-width: 768px){.settings-page .page-content,.settings-section{padding:var(--spacing-lg)}.settings-section-header h3{font-size:var(--font-size-base);flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.settings-actions{flex-direction:column;gap:var(--spacing-sm)}.settings-save-btn,.settings-reset-btn{width:100%}.settings-content-header,.settings-content-body{padding:var(--spacing-lg)}}@media (max-width: 480px){.settings-page .page-content,.settings-section{padding:var(--spacing-md)}.settings-no-access{padding:var(--spacing-xl);min-height:250px}.settings-no-access-icon{font-size:3rem}.settings-no-access h3{font-size:var(--font-size-lg)}.settings-content-header,.settings-content-body{padding:var(--spacing-md)}.settings-content-header h2{font-size:var(--font-size-lg);flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.settings-save-btn,.settings-reset-btn{min-width:auto;padding:var(--spacing-sm) var(--spacing-md)}}.settings-page-loading,.settings-page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:var(--spacing-xxl)}.settings-page-loading p,.settings-page-error p{margin:var(--spacing-md) 0 0 0;color:var(--color-text-secondary);font-size:var(--font-size-base);font-family:var(--font-family-primary)}.settings-page-error h2{margin:0;color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary)}.loading-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 180px);text-align:center;background-color:var(--color-white)}.loading-content{max-width:400px;padding:var(--spacing-xxl)}.loading-page .loading-spinner{margin:0 auto var(--spacing-lg) auto}.loading-text{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-top:var(--spacing-lg);font-family:var(--font-family-primary)}.error-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 180px);text-align:center;padding:var(--spacing-xxl);background-color:var(--bg-primary);font-family:var(--font-family-primary)}.error-content{max-width:500px;padding:var(--spacing-xxl);background-color:var(--bg-secondary);border-radius:var(--radius-large);border:var(--border-width-regular) solid var(--border-primary);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.error-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-large) var(--radius-large) 0 0}.error-code{font-size:4rem;font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-lg) 0;background:linear-gradient(135deg,var(--color-error),var(--color-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:var(--line-height-tight);text-shadow:0 2px 4px rgba(0,0,0,.1)}.error-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg);color:var(--text-primary);font-family:var(--font-family-primary);line-height:var(--line-height-tight)}.error-description{margin-bottom:var(--spacing-xxl);color:var(--text-secondary);line-height:var(--line-height-relaxed);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);font-family:var(--font-family-primary)}.error-actions{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap;margin-top:var(--spacing-xl)}.error-content[data-error-code="404"] .error-code{background:linear-gradient(135deg,var(--color-info),var(--color-primary))}.error-content[data-error-code="403"] .error-code{background:linear-gradient(135deg,var(--color-warning),var(--color-primary))}.error-content[data-error-code="500"] .error-code{background:linear-gradient(135deg,var(--color-error),var(--color-primary))}@media (max-width: 768px){.error-page{padding:var(--spacing-lg);min-height:calc(100vh - 120px)}.error-content{padding:var(--spacing-xl);max-width:90%}.error-code{font-size:3rem}.error-title{font-size:var(--font-size-lg)}.error-actions{flex-direction:column;gap:var(--spacing-md)}.error-actions .btn-primary,.error-actions .btn-secondary{width:100%}}@media (max-width: 480px){.error-content{padding:var(--spacing-lg)}.error-code{font-size:2.5rem}.error-title{font-size:var(--font-size-base)}.error-description{font-size:var(--font-size-sm)}}@media (prefers-reduced-motion: reduce){.error-code{background:var(--color-error);-webkit-background-clip:initial;-webkit-text-fill-color:initial;background-clip:initial;color:var(--color-error)}}@media (prefers-contrast: high){.error-content{border-width:3px;border-color:var(--text-primary)}.error-code{background:var(--color-error);-webkit-background-clip:initial;-webkit-text-fill-color:initial;background-clip:initial;color:var(--color-error)}}.customer-page{min-height:calc(100vh - 180px);padding:var(--spacing-xl);max-width:100%;margin:0 auto;background-color:var(--bg-primary);font-family:var(--font-family-primary)}.customer-page-header{display:flex;flex-direction:column;align-items:flex-start;text-align:left;margin-bottom:var(--spacing-xl);border-bottom:var(--border-width-regular) solid var(--border-primary);background-color:var(--bg-primary)}.customer-page-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;line-height:var(--line-height-tight)}.customer-page-header .subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin-top:var(--spacing-sm);font-weight:var(--font-weight-regular)}.customer-form-container{max-width:800px;margin:0 auto;background-color:var(--bg-primary);border:var(--border-width-regular) solid var(--border-primary);border-radius:var(--radius-regular);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.customer-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.customer-form-section{border-bottom:var(--border-width-thin) solid var(--border-primary);padding-bottom:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.customer-form-section:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.customer-form-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-lg) 0;display:flex;align-items:center;gap:var(--spacing-sm)}.customer-form-section-title .icon{font-size:var(--font-size-lg);color:var(--color-primary)}.customer-card{background-color:var(--bg-primary);border:var(--border-width-regular) solid var(--border-primary);border-radius:var(--radius-regular);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);transition:all var(--transition-normal);cursor:pointer;box-shadow:var(--shadow-sm)}.customer-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.customer-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 3px #f7630026;background-color:#f7630005}.customer-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:var(--border-width-thin) solid var(--border-primary)}.customer-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:var(--line-height-normal)}.customer-card-content{margin-bottom:var(--spacing-md)}.customer-card-description{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0}.customer-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--text-tertiary);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:var(--border-width-thin) solid var(--border-primary)}.customer-detail-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin:var(--spacing-md) 0}.customer-detail-tag{display:flex;align-items:center;gap:var(--spacing-xs);background-color:var(--bg-secondary);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-small);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);transition:all var(--transition-normal)}.customer-detail-tag .label{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.customer-detail-tag .value{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.customer-detail-tag.responsible-person{background-color:#f7630014;border-color:#f7630040}.customer-detail-tag.responsible-person .value{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.customer-detail-tag.attachments{background-color:#2742a814;border-color:#2742a840}.customer-detail-tag.attachments .value{color:var(--color-blue);font-weight:var(--font-weight-semibold)}.customer-detail-tag.priority-high{background-color:#dc354514;border-color:#dc354540}.customer-detail-tag.priority-high .value{color:var(--color-error);font-weight:var(--font-weight-semibold)}.customer-detail-tag.status-success{background-color:#28a74514;border-color:#28a74540}.customer-detail-tag.status-success .value{color:var(--color-success);font-weight:var(--font-weight-semibold)}.customer-empty-state{text-align:center;padding:var(--spacing-xxl) var(--spacing-lg);background-color:var(--bg-primary);border:var(--border-width-regular) solid var(--border-primary);border-radius:var(--radius-regular);margin:var(--spacing-xl) auto;max-width:500px;box-shadow:var(--shadow-sm)}.customer-empty-state .icon{font-size:48px;margin-bottom:var(--spacing-lg);opacity:.6;color:var(--text-secondary)}.customer-empty-state h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.customer-empty-state p{font-size:var(--font-size-base);color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0;line-height:var(--line-height-relaxed)}.customer-loading-skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,rgba(247,99,0,.08) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:customer-skeleton-loading 1.5s infinite;border-radius:var(--radius-small)}@keyframes customer-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.customer-loading-card{background-color:var(--bg-primary);border:var(--border-width-regular) solid var(--border-primary);border-radius:var(--radius-regular);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm)}.customer-loading-title{height:24px;width:60%;margin-bottom:var(--spacing-md)}.customer-loading-text{height:16px;width:100%;margin-bottom:var(--spacing-sm)}.customer-loading-text.short{width:40%}.customer-action-result{padding:var(--spacing-lg);border-radius:var(--radius-regular);margin:var(--spacing-lg) 0;display:flex;align-items:center;gap:var(--spacing-sm);font-weight:var(--font-weight-medium);border:var(--border-width-regular) solid}.customer-action-result.success{background-color:#28a74514;border-color:#28a7454d;color:var(--color-success)}.customer-action-result.error{background-color:#dc354514;border-color:#dc35454d;color:var(--color-error)}.customer-action-result.warning{background-color:#ffc10714;border-color:#ffc1074d;color:var(--color-warning)}.customer-action-result.info{background-color:#f7630014;border-color:#f763004d;color:var(--color-primary)}.customer-action-result .icon{font-size:var(--font-size-lg);flex-shrink:0}.customer-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:var(--font-family-primary);border:var(--border-width-regular) solid;border-radius:var(--radius-regular);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;min-height:40px}.customer-btn-primary{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--text-inverse)}.customer-btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.customer-btn-secondary{background-color:var(--bg-primary);border-color:var(--border-primary);color:var(--text-primary)}.customer-btn-secondary:hover:not(:disabled){border-color:var(--color-primary);background-color:#f763000d;transform:translateY(-1px)}.customer-btn-outline{background-color:transparent;border-color:var(--color-primary);color:var(--color-primary)}.customer-btn-outline:hover:not(:disabled){background-color:var(--color-primary);color:var(--text-inverse);transform:translateY(-1px)}.customer-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.customer-status-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-small);border:var(--border-width-thin) solid}.customer-status-badge.open{background-color:#f7630014;border-color:#f7630040;color:var(--color-primary)}.customer-status-badge.in-progress{background-color:#ffc10714;border-color:#ffc10740;color:var(--color-warning)}.customer-status-badge.resolved{background-color:#28a74514;border-color:#28a74540;color:var(--color-success)}.customer-status-badge.closed{background-color:#6c757d14;border-color:#6c757d40;color:var(--color-gray-medium)}@media (max-width: 768px){.customer-page{padding:var(--spacing-lg)}.customer-form-container{padding:var(--spacing-lg);margin:0}.customer-page-header{padding-bottom:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.customer-page-header h1{font-size:var(--font-size-xl)}.customer-card{padding:var(--spacing-md)}.customer-card-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.customer-detail-tags{flex-direction:column;gap:var(--spacing-xs)}.customer-card-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.customer-btn{width:100%;justify-content:center}}.customer-fade-in{animation:customerFadeIn var(--transition-slow) ease}@keyframes customerFadeIn{0%{opacity:0;transform:translateY(var(--spacing-lg))}to{opacity:1;transform:translateY(0)}}.customer-slide-up{animation:customerSlideUp var(--transition-normal) ease}@keyframes customerSlideUp{0%{opacity:0;transform:translateY(var(--spacing-xl))}to{opacity:1;transform:translateY(0)}}.customer-card:focus-visible,.customer-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.customer-card,.customer-btn,.customer-detail-tag{transition:none}.customer-fade-in,.customer-slide-up{animation:none}}.company-card-page{min-height:100vh;background-color:var(--color-white);color:var(--color-text-primary);font-family:var(--font-family-primary);padding:var(--spacing-xl)}.card-loading,.card-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:var(--spacing-xl)}.card-loading p,.card-error p{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:var(--spacing-md) 0 0 0;font-family:var(--font-family-primary)}.card-error h2{color:var(--color-error);margin-bottom:var(--spacing-md);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary)}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}.registration-info-card,.registration-form-card{max-width:800px;margin:0 auto;background-color:var(--color-white);border-radius:var(--border-radius);border:1px solid var(--color-border);box-shadow:var(--shadow-md);animation:fade-in-up .3s ease-out;overflow:hidden}.card-header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-border);background-color:var(--color-background-secondary);text-align:center}.card-header h1{margin:0 0 var(--spacing-sm) 0;color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary)}.card-header p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-base);font-family:var(--font-family-primary)}.company-details{padding:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border-light);font-family:var(--font-family-primary)}.detail-row:last-child{border-bottom:none}.detail-row .label{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.detail-row .value{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.customers-section{padding:var(--spacing-xl)}.customers-section h3{margin:0 0 var(--spacing-lg) 0;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.customers-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.customer-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:var(--color-background-secondary);border-radius:var(--border-radius);border:1px solid var(--color-border);transition:all var(--transition-normal)}.customer-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.customer-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.customer-info strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);font-family:var(--font-family-primary)}.customer-info small{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-family:var(--font-family-primary)}.status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary)}.status-badge.active{background-color:var(--color-success-alpha);color:var(--color-success);border:1px solid var(--color-success-border)}.form-section{padding:var(--spacing-xl)}.form-group{margin-bottom:var(--spacing-xl)}.form-group label{display:block;margin-bottom:var(--spacing-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:var(--font-family-primary)}.required{color:var(--color-error);margin-left:var(--spacing-xs)}.contacts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.contact-card{position:relative;padding:var(--spacing-lg);background-color:var(--color-white);border:2px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-normal);animation:fade-in-up .3s ease-out}.contact-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.contact-card.selected{border-color:var(--color-primary);background-color:var(--color-primary-alpha);box-shadow:0 0 0 2px var(--color-primary-alpha)}.contact-card .contact-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.contact-card .contact-info strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);font-family:var(--font-family-primary)}.contact-card .contact-info small{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-primary)}.main-contact-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background-color:var(--color-primary);color:var(--color-white);padding:2px var(--spacing-xs);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary)}.selected-indicator{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);width:20px;height:20px;background-color:var(--color-success);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.no-contacts{grid-column:1 / -1;text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary);font-style:italic;font-family:var(--font-family-primary)}.link-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border);animation:slide-down .3s ease-out}.link-input-group{display:flex;gap:var(--spacing-sm);align-items:stretch}.link-input{flex:1;padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-background-secondary);color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:var(--font-family-mono);transition:all var(--transition-normal)}.link-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha)}.link-input::placeholder{color:var(--color-text-secondary);font-style:italic;font-family:var(--font-family-primary)}.email-actions{margin-top:var(--spacing-lg);text-align:center}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.contact-card:nth-child(1){animation-delay:.1s}.contact-card:nth-child(2){animation-delay:.2s}.contact-card:nth-child(3){animation-delay:.3s}.contact-card:nth-child(4){animation-delay:.4s}.contact-card:nth-child(5){animation-delay:.5s}.contact-card:nth-child(6){animation-delay:.6s}.users-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.user-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:var(--bg-primary);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-medium);transition:all var(--transition-normal);cursor:pointer;position:relative}.user-row:hover:not(.user-row--editing):not(.user-row--updating){border-color:var(--border-accent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.user-row--editing{border-color:var(--border-accent);background:var(--bg-secondary);cursor:default;box-shadow:var(--shadow-md)}.user-row--updating{opacity:.8;cursor:not-allowed;pointer-events:none}.user-info{display:flex;align-items:center;gap:var(--spacing-md);flex:0 0 auto;min-width:240px}.user-basic-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.user-name{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.user-email{font-family:var(--font-family-primary);font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.user-permissions{display:flex;gap:var(--spacing-xl);align-items:center;flex:1;justify-content:center}.permission-field{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:center;min-width:120px}.permission-label{font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.permission-value{font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-small);background:var(--bg-hover);border:var(--border-width-thin) solid transparent;transition:all var(--transition-normal)}.permission-value--clickable:hover{background:var(--bg-accent);color:var(--text-inverse);border-color:var(--border-accent)}.inline-permission-dropdown{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-primary);border:var(--border-width-regular) solid var(--border-accent);border-radius:var(--radius-small);padding:var(--spacing-xs) var(--spacing-sm);font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal);min-width:120px;position:relative;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-sm) center;background-repeat:no-repeat;background-size:16px;padding-right:var(--spacing-xl)}.inline-permission-dropdown:hover:not(:disabled){border-color:var(--color-primary);box-shadow:0 0 0 3px #ffa5001a}.inline-permission-dropdown:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ffa50033}.inline-permission-dropdown:disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-disabled)}.dropdown--loading{position:relative}.dropdown--loading:after{content:"";position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);width:12px;height:12px;border:2px solid var(--border-primary);border-top:2px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.user-status{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);flex:0 0 auto;min-width:100px}.status-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.status-badge--active{background:#22c55e1a;color:var(--color-success);border:var(--border-width-thin) solid rgba(34,197,94,.2)}.edit-hint{font-family:var(--font-family-primary);font-size:var(--font-size-xs);color:var(--text-tertiary);font-style:italic;opacity:0;transition:opacity var(--transition-normal)}.user-row:hover:not(.user-row--editing):not(.user-row--updating) .edit-hint{opacity:1}.updating-indicator{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:#ffa5001a;border:var(--border-width-thin) solid rgba(255,165,0,.2);border-radius:var(--radius-small)}.loading-spinner--small{width:12px;height:12px;border:2px solid var(--border-primary);border-top:2px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.updating-text{font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-primary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.user-row{flex-direction:column;align-items:stretch;gap:var(--spacing-md);cursor:default}.user-permissions{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.permission-field{flex-direction:row;justify-content:space-between;align-items:center}.inline-permission-dropdown{min-width:140px}.user-status{align-items:stretch}.edit-hint{text-align:center}}.user-row:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.inline-permission-dropdown:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast: high){.permission-value{border:var(--border-width-regular) solid var(--border-primary)}.status-badge--active{background:var(--color-success);color:var(--text-inverse)}}@media (prefers-reduced-motion: reduce){.user-row,.permission-value,.inline-permission-dropdown,.edit-hint,.updating-indicator{transition:none}.loading-spinner--small{animation:none}.dropdown--loading:after{animation:none}}@media (max-width: 768px){.company-card-page{padding:var(--spacing-md)}.registration-info-card,.registration-form-card{margin:0}.card-header{padding:var(--spacing-lg)}.card-header h1{font-size:var(--font-size-lg)}.company-details,.customers-section,.form-section{padding:var(--spacing-lg)}.contacts-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.contact-card{padding:var(--spacing-md)}.link-input-group{flex-direction:column;gap:var(--spacing-md)}.detail-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.customer-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}@media (max-width: 480px){.company-card-page{padding:var(--spacing-sm)}.card-header,.company-details,.customers-section,.form-section{padding:var(--spacing-md)}.card-header h1{font-size:var(--font-size-base)}.contact-card{padding:var(--spacing-sm)}.main-contact-badge{position:static;margin-top:var(--spacing-xs);align-self:flex-start}.selected-indicator{position:static;margin-bottom:var(--spacing-xs);align-self:flex-start}}@media (prefers-contrast: high){.contact-card{border-width:3px}.contact-card.selected{border-width:3px;background-color:var(--color-primary);color:var(--color-white)}.contact-card.selected .contact-info strong,.contact-card.selected .contact-info small{color:var(--color-white)}}@media (prefers-reduced-motion: reduce){.registration-info-card,.registration-form-card,.contact-card,.link-section{animation:none}.contact-card:hover{transform:none}.loading-spinner{animation:none}.customer-item,.contact-card,.link-input{transition:none}}.contact-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.link-input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.company-card-page{background:#fff;color:#000;padding:0}.registration-info-card,.registration-form-card{box-shadow:none;border:1px solid black}.card-header{background:#fff;border-bottom:1px solid black}.contact-card,.customer-item{border:1px solid black;box-shadow:none}.email-actions,.link-input-group{display:none}}.expiry-info{padding:var(--spacing-md);background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);margin-top:var(--spacing-sm)}.expiry-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-primary);display:flex;align-items:center;gap:var(--spacing-xs)}.expiry-text strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.expiry-warning{background-color:var(--color-warning-alpha);border-color:var(--color-warning-border)}.expiry-warning .expiry-text{color:var(--color-warning-dark)}.expiry-warning .expiry-text strong{color:var(--color-warning)}