.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border:1px solid transparent;border-radius:var(--border-radius-md);font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);text-decoration:none;white-space:nowrap;cursor:pointer;transition:var(--transition-fast);position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;outline:none;text-transform:none;letter-spacing:.025em}.btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.btn:focus:not(:focus-visible){outline:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:before{content:"";position:absolute;inset:0;background:transparent;transition:var(--transition-fast);z-index:0}.btn>*{position:relative;z-index:1}.btn-primary{background:var(--gradient-primary);color:var(--color-text-inverse);border-color:var(--color-primary);box-shadow:var(--color-shadow-colored)}.btn-primary:hover:not(:disabled){background:var(--color-primary-gradient-hover);border-color:var(--color-primary-dark);box-shadow:var(--color-shadow-lg);transform:translateY(-1px)}.btn-primary:active:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:var(--color-shadow);transform:translateY(0)}.btn-secondary{background:var(--color-surface-elevated);color:var(--color-text);border-color:var(--color-border);box-shadow:var(--color-shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-dark);box-shadow:var(--color-shadow);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){background:var(--color-surface-active);border-color:var(--color-border-dark);box-shadow:var(--color-shadow-sm);transform:translateY(0)}.btn-outline{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:hover:not(:disabled){background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary);box-shadow:var(--color-shadow-colored);transform:translateY(-1px)}.btn-outline:active:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(0)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text);border-color:transparent}.btn-ghost:active:not(:disabled){background:var(--color-surface-active);color:var(--color-text)}.btn-success{background:var(--gradient-success);color:var(--color-text-inverse);border-color:var(--color-success)}.btn-success:hover:not(:disabled){background:var(--color-success-dark);border-color:var(--color-success-dark);transform:translateY(-1px)}.btn-warning{background:var(--gradient-warning);color:var(--color-text-inverse);border-color:var(--color-warning)}.btn-warning:hover:not(:disabled){background:var(--color-warning-dark);border-color:var(--color-warning-dark);transform:translateY(-1px)}.btn-error{background:var(--gradient-error);color:var(--color-text-inverse);border-color:var(--color-error)}.btn-error:hover:not(:disabled){background:var(--color-error-dark);border-color:var(--color-error-dark);transform:translateY(-1px)}.btn-info{background:var(--gradient-info);color:var(--color-text-inverse);border-color:var(--color-info)}.btn-info:hover:not(:disabled){background:var(--color-info-dark);border-color:var(--color-info-dark);transform:translateY(-1px)}.btn-xs{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);border-radius:var(--border-radius-sm)}.btn-sm{padding:var(--spacing-1-5) var(--spacing-3);font-size:var(--font-size-sm);border-radius:var(--border-radius-md)}.btn-md{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);border-radius:var(--border-radius-md)}.btn-lg{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);border-radius:var(--border-radius-lg)}.btn-xl{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg);border-radius:var(--border-radius-lg)}.btn-loading{position:relative;pointer-events:none}.btn-loading:before{content:"";position:absolute;top:50%;left:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;z-index:2}.btn-loading>*{opacity:0}.btn-group{display:inline-flex;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--color-shadow-sm)}.btn-group .btn{border-radius:0;border-right-width:0;position:relative;z-index:1}.btn-group .btn:first-child{border-top-left-radius:var(--border-radius-md);border-bottom-left-radius:var(--border-radius-md)}.btn-group .btn:last-child{border-top-right-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md);border-right-width:1px}.btn-group .btn:hover,.btn-group .btn:focus{z-index:2}.btn-group .btn:active{z-index:3}.btn-icon{width:2.5rem;height:2.5rem;padding:0;border-radius:var(--border-radius-lg)}.btn-icon.btn-xs{width:1.5rem;height:1.5rem}.btn-icon.btn-sm{width:2rem;height:2rem}.btn-icon.btn-lg{width:3rem;height:3rem}.btn-icon.btn-xl{width:3.5rem;height:3.5rem}.btn-fab{position:fixed;bottom:var(--spacing-6);right:var(--spacing-6);width:3.5rem;height:3.5rem;padding:0;border-radius:var(--border-radius-full);box-shadow:var(--color-shadow-lg);z-index:var(--z-index-fixed)}.btn-fab:hover{box-shadow:var(--color-shadow-xl);transform:translateY(-2px)}.btn-wide{width:100%;justify-content:center}.btn-pill{border-radius:var(--border-radius-full);padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.btn-gradient-animated{background-size:200% 100%;animation:gradient-shift 3s ease infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 768px){.btn-responsive{width:100%;justify-content:center}.btn-group.btn-responsive{flex-direction:column;width:100%}.btn-group.btn-responsive .btn{border-radius:0;border-right-width:1px;border-bottom-width:0}.btn-group.btn-responsive .btn:first-child{border-top-left-radius:var(--border-radius-md);border-top-right-radius:var(--border-radius-md);border-bottom-left-radius:0}.btn-group.btn-responsive .btn:last-child{border-top-right-radius:0;border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md);border-bottom-width:1px}}[data-theme=dark] .btn-secondary{background:var(--color-surface-elevated);color:var(--color-text);border-color:var(--color-border)}[data-theme=dark] .btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-dark)}[data-theme=dark] .btn-ghost{color:var(--color-text-secondary)}[data-theme=dark] .btn-ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background-color:#5a6268;border-color:#5a6268}.btn-secondary:active:not(:disabled){background-color:#545b62;border-color:#545b62}.btn-success{background-color:var(--color-success);color:#fff;border-color:var(--color-success)}.btn-success:hover:not(:disabled){background-color:#218838;border-color:#218838}.btn-success:active:not(:disabled){background-color:#1e7e34;border-color:#1e7e34}.btn-warning{background-color:var(--color-warning);color:#212529;border-color:var(--color-warning)}.btn-warning:hover:not(:disabled){background-color:#e0a800;border-color:#e0a800}.btn-warning:active:not(:disabled){background-color:#d39e00;border-color:#d39e00}.btn-error{background-color:var(--color-error);color:#fff;border-color:var(--color-error)}.btn-error:hover:not(:disabled){background-color:#c82333;border-color:#c82333}.btn-error:active:not(:disabled){background-color:#bd2130;border-color:#bd2130}.btn-info{background-color:var(--color-info);color:#fff;border-color:var(--color-info)}.btn-info:hover:not(:disabled){background-color:#138496;border-color:#138496}.btn-info:active:not(:disabled){background-color:#117a8b;border-color:#117a8b}.btn-outline{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:hover:not(:disabled){background-color:var(--color-primary);color:#fff}.btn-outline:active:not(:disabled){background-color:#0056b3;border-color:#0056b3}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem;gap:var(--spacing-xs)}.btn-md{padding:var(--spacing-sm) var(--spacing-md);font-size:1rem;gap:var(--spacing-sm)}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:1.125rem;gap:var(--spacing-sm)}.btn-full-width{width:100%}.btn-loading{pointer-events:none}.btn-icon-only{padding:var(--spacing-sm);aspect-ratio:1}.btn-icon-only.btn-sm{padding:var(--spacing-xs)}.btn-icon-only.btn-lg{padding:var(--spacing-md)}.btn-text{flex:1}.btn-icon{display:flex;align-items:center;justify-content:center;font-size:1em}.btn-icon-left{margin-right:calc(var(--spacing-xs) * -1)}.btn-icon-right{margin-left:calc(var(--spacing-xs) * -1)}.btn-spinner{width:1em;height:1em;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.btn:before{content:"";position:absolute;inset:0;background:#ffffff1a;opacity:0;transition:opacity var(--transition-fast)}.btn:hover:before:not(:disabled){opacity:1}.btn:active:before:not(:disabled){background:#0000001a;opacity:1}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-group{display:inline-flex;vertical-align:middle}.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group>.btn:not(:first-child){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active{z-index:1}@media (max-width: 576px){.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem}.btn-md{padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem}.btn-lg{padding:var(--spacing-sm) var(--spacing-lg);font-size:1rem}}@media (prefers-color-scheme: dark){.btn-outline{border-color:var(--color-border);color:var(--color-text)}.btn-outline:hover:not(:disabled){background-color:var(--color-surface);color:var(--color-text)}}@media print{.btn{display:none}}.modern-breadcrumb{margin:clamp(.75rem,1.5vw,1.25rem) 0 clamp(.75rem,1.5vw,1.25rem) 0;padding:0}.modern-breadcrumb-list{display:flex;align-items:center;gap:var(--spacing-2);margin:0;padding:0;list-style:none;flex-wrap:wrap}.modern-breadcrumb-item{display:flex;align-items:center;margin:0}.modern-breadcrumb-link{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius);color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-normal)}.modern-breadcrumb-link:hover{color:var(--color-primary);background:var(--color-primary-alpha)}.modern-breadcrumb-current{padding:var(--spacing-1) var(--spacing-2);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.modern-breadcrumb-separator{display:flex;align-items:center;color:var(--color-text-muted);font-size:10px;margin:0 var(--spacing-1)}.modern-breadcrumb-home-icon{font-size:var(--font-size-sm)}.modern-breadcrumb-item.active .modern-breadcrumb-current{color:var(--color-primary)}@media (max-width: 768px){.modern-breadcrumb-link span{display:none}.modern-breadcrumb-home-icon{margin-right:0}.modern-breadcrumb-list{gap:var(--spacing-1)}}.breadcrumb-nav{background:#ffffffe6;border-bottom:1px solid rgba(226,232,240,.8);padding:.5rem 1rem;position:sticky;top:60px;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 1px 8px #0000000f;transition:all .3s ease}.breadcrumb-container{display:flex;align-items:center;gap:.375rem;max-width:none;margin:0}.breadcrumb-icon{color:var(--color-primary);display:flex;align-items:center;margin-right:.25rem;padding:.25rem;background:#3b82f61a;border-radius:.375rem;transition:all .2s ease}.breadcrumb-icon:hover{background:#3b82f626;transform:scale(1.05)}.breadcrumb-list{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:.5rem}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-link{color:var(--color-text-secondary);text-decoration:none;padding:.25rem .5rem;border-radius:.375rem;transition:all .2s ease;font-weight:500}.breadcrumb-link:hover{color:var(--color-primary);background:var(--color-primary-alpha)}.breadcrumb-current{color:var(--color-text-primary);font-weight:600;padding:.25rem .5rem}.breadcrumb-separator{color:var(--color-text-muted);margin:0 .25rem;font-size:.75rem}.card{background:var(--color-surface-elevated);border-radius:var(--border-radius-lg);transition:var(--transition-fast);overflow:hidden;position:relative;display:flex;flex-direction:column}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:var(--transition-fast)}.card:hover:before{opacity:1}.card-default{border:1px solid var(--color-border);box-shadow:var(--color-shadow)}.card-outline{border:1px solid var(--color-border);background:transparent}.card-elevated{border:1px solid var(--color-border);box-shadow:var(--color-shadow-md)}.card-elevated:hover{box-shadow:var(--color-shadow-lg);transform:translateY(-2px)}.card-primary{border:1px solid var(--color-primary);background:var(--color-primary-lightest)}.card-success{border:1px solid var(--color-success);background:var(--color-success-lightest)}.card-warning{border:1px solid var(--color-warning);background:var(--color-warning-lightest)}.card-error{border:1px solid var(--color-error);background:var(--color-error-lightest)}.card-info{border:1px solid var(--color-info);background:var(--color-info-lightest)}.card-glass{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.card-header{padding:var(--spacing-5) var(--spacing-5) var(--spacing-4);border-bottom:1px solid var(--color-border);background:var(--color-surface);position:relative}.card-header-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;font-family:var(--font-family-secondary)}.card-header-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-1);margin-bottom:0}.card-header-actions{position:absolute;top:var(--spacing-4);right:var(--spacing-4);display:flex;gap:var(--spacing-2)}.card-body{flex:1;padding:var(--spacing-5);color:var(--color-text);line-height:var(--line-height-relaxed)}.card-footer{padding:var(--spacing-4) var(--spacing-5) var(--spacing-5);border-top:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-sm);display:flex;align-items:center;justify-content:space-between}.card-footer-actions{display:flex;gap:var(--spacing-2)}.card-sm .card-header{padding:var(--spacing-3) var(--spacing-4) var(--spacing-2)}.card-sm .card-body{padding:var(--spacing-4)}.card-sm .card-footer{padding:var(--spacing-2) var(--spacing-4) var(--spacing-3)}.card-lg .card-header{padding:var(--spacing-6) var(--spacing-6) var(--spacing-5)}.card-lg .card-body{padding:var(--spacing-6)}.card-lg .card-footer{padding:var(--spacing-5) var(--spacing-6) var(--spacing-6)}.card-xl .card-header{padding:var(--spacing-8) var(--spacing-8) var(--spacing-6)}.card-xl .card-body{padding:var(--spacing-8)}.card-xl .card-footer{padding:var(--spacing-6) var(--spacing-8) var(--spacing-8)}.card-loading{position:relative;pointer-events:none}.card-loading:after{content:"";position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:1}.card-loading:before{content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border:2px solid var(--color-primary);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite;z-index:2}.card-interactive{cursor:pointer;transition:var(--transition-fast)}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--color-shadow-lg)}.card-interactive:active{transform:translateY(0);box-shadow:var(--color-shadow)}.card-group{display:flex;gap:var(--spacing-4);flex-wrap:wrap}.card-group .card{flex:1;min-width:280px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-4)}.card-status{position:relative;padding-left:var(--spacing-5)}.card-status:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-primary);border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0}.card-status.card-status-success:before{background:var(--color-success)}.card-status.card-status-warning:before{background:var(--color-warning)}.card-status.card-status-error:before{background:var(--color-error)}.card-status.card-status-info:before{background:var(--color-info)}.card-metric{text-align:center;padding:var(--spacing-6)}.card-metric-value{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-2);font-family:var(--font-family-secondary)}.card-metric-label{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.card-metric-change{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--spacing-2);display:flex;align-items:center;justify-content:center;gap:var(--spacing-1)}.card-metric-change.positive{color:var(--color-success)}.card-metric-change.negative{color:var(--color-error)}@media (max-width: 768px){.card-group{flex-direction:column}.card-group .card{min-width:auto}.card-grid{grid-template-columns:1fr}.card-header{padding:var(--spacing-4) var(--spacing-4) var(--spacing-3)}.card-body{padding:var(--spacing-4)}.card-footer{padding:var(--spacing-3) var(--spacing-4) var(--spacing-4)}}[data-theme=dark] .card{background:var(--color-surface-elevated);border-color:var(--color-border)}[data-theme=dark] .card-header{background:var(--color-surface);border-bottom-color:var(--color-border)}[data-theme=dark] .card-footer{background:var(--color-surface);border-top-color:var(--color-border)}[data-theme=dark] .card-glass{background:#0003;border-color:#ffffff1a}[data-theme=dark] .card-loading:after{background:#000c}@media print{.card{break-inside:avoid;box-shadow:none;border:1px solid #000}.card-header,.card-footer{background:transparent}}.card-padding-none .card-body{padding:0}.card-padding-sm .card-body{padding:var(--spacing-sm)}.card-padding-md .card-body{padding:var(--spacing-md)}.card-padding-lg .card-body{padding:var(--spacing-lg)}.card-padding-sm .card-header{padding:var(--spacing-sm) var(--spacing-sm) 0}.card-padding-sm .card-footer{padding:0 var(--spacing-sm) var(--spacing-sm)}.card-padding-lg .card-header{padding:var(--spacing-lg) var(--spacing-lg) 0}.card-padding-lg .card-footer{padding:0 var(--spacing-lg) var(--spacing-lg)}@media (max-width: 576px){.card-padding-md .card-body{padding:var(--spacing-sm)}.card-padding-lg .card-body{padding:var(--spacing-md)}}@media print{.card{break-inside:avoid;box-shadow:none;border:1px solid #000}}.floating-action-button{position:fixed;bottom:var(--spacing-6);right:var(--spacing-6);z-index:var(--z-floating);width:56px;height:56px;border:none;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #ff5d5d66;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.floating-action-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff5d5d80;background:#e54545}.floating-action-button:active{transform:translateY(0);box-shadow:0 2px 8px #ff5d5d4d}.floating-action-button:focus{outline:none;box-shadow:0 4px 16px #ff5d5d66,0 0 0 3px #ff5d5d33}.fab-icon{font-size:20px;transition:transform .2s ease}.floating-action-button:hover .fab-icon{transform:scale(1.1)}.fab-tooltip{position:absolute;right:calc(100% + var(--spacing-3));top:50%;transform:translateY(-50%);background:#000c;color:#fff;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s ease;box-shadow:0 2px 8px #00000026}.floating-action-button:hover .fab-tooltip{opacity:1}.fab-tooltip:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid rgba(0,0,0,.8);border-top:6px solid transparent;border-bottom:6px solid transparent}@media (max-width: 768px){.floating-action-button{bottom:var(--spacing-4);right:var(--spacing-4);width:48px;height:48px}.fab-icon{font-size:18px}.fab-tooltip{display:none}}@media (max-width: 480px){.floating-action-button{bottom:var(--spacing-3);right:var(--spacing-3)}}[data-theme=dark] .fab-tooltip{background:#ffffffe6;color:#000}[data-theme=dark] .fab-tooltip:after{border-left-color:#ffffffe6}@keyframes fabSlideIn{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.floating-action-button{animation:fabSlideIn .3s ease-out}.floating-action-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast: high){.floating-action-button{border:2px solid var(--color-text-primary)}}.form{display:flex;flex-direction:column;gap:clamp(var(--spacing-4),2vw,var(--spacing-6));max-width:100%}.form-section{display:flex;flex-direction:column;gap:clamp(var(--spacing-3),1.5vw,var(--spacing-4))}.form-section-title{font-size:clamp(var(--font-size-base),2.5vw,var(--font-size-lg));font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-2);padding-bottom:var(--spacing-2);border-bottom:2px solid var(--color-border);font-family:var(--font-family-secondary)}.form-section-description{font-size:clamp(var(--font-size-xs),1.8vw,var(--font-size-sm));color:var(--color-text-muted);margin-bottom:var(--spacing-4);line-height:var(--line-height-relaxed)}.form-row{display:flex;gap:clamp(var(--spacing-3),1.5vw,var(--spacing-4));align-items:flex-start}@media (max-width: 1366px){.form-row{flex-direction:column;gap:var(--spacing-3)}}@media (max-width: 768px){.form-row{gap:var(--spacing-2)}}.form-row .form-field{flex:1}.form-field{display:flex;flex-direction:column;gap:var(--spacing-2);position:relative}.form-field-inline{flex-direction:row;align-items:center;gap:var(--spacing-3)}.form-field-inline .form-label{margin-bottom:0;min-width:120px}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-1);display:flex;align-items:center;gap:var(--spacing-1)}.form-label-optional{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-normal);margin-left:var(--spacing-1)}.form-required{color:var(--color-error);font-size:var(--font-size-sm);margin-left:var(--spacing-1)}.form-input-wrapper{position:relative;display:flex;align-items:stretch}.form-input,.form-textarea,.form-select{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-family:var(--font-family-primary);background:var(--color-surface-elevated);color:var(--color-text);transition:var(--transition-fast);line-height:var(--line-height-normal)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ff5d5d1a;background:var(--color-background)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted);opacity:.7}.form-input:disabled,.form-textarea:disabled,.form-select:disabled{background:var(--color-surface-disabled);color:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.form-textarea{resize:vertical;min-height:120px;line-height:var(--line-height-relaxed)}.form-select{cursor:pointer;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 .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input-sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs);border-radius:var(--border-radius-sm)}.form-input-lg{padding:var(--spacing-4) var(--spacing-5);font-size:var(--font-size-base);border-radius:var(--border-radius-lg)}.form-input-success{border-color:var(--color-success);background:var(--color-success-lightest)}.form-input-success:focus{border-color:var(--color-success);box-shadow:0 0 0 3px #22c55e1a}.form-input-warning{border-color:var(--color-warning);background:var(--color-warning-lightest)}.form-input-warning:focus{border-color:var(--color-warning);box-shadow:0 0 0 3px #f59e0b1a}.form-input-error{border-color:var(--color-error);background:var(--color-error-lightest)}.form-input-error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.form-input-group{display:flex;align-items:stretch;border-radius:var(--border-radius-md);overflow:hidden;border:1px solid var(--color-border);background:var(--color-surface-elevated)}.form-input-group .form-input{border:none;border-radius:0;background:transparent;flex:1}.form-input-group .form-input:focus{box-shadow:none}.form-input-group:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff5d5d1a}.form-input-addon{display:flex;align-items:center;padding:var(--spacing-3) var(--spacing-4);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-right:1px solid var(--color-border);white-space:nowrap}.form-input-addon:last-child{border-right:none;border-left:1px solid var(--color-border)}.form-input-icon{position:absolute;top:50%;transform:translateY(-50%);color:var(--color-text-muted);font-size:var(--font-size-base);pointer-events:none}.form-input-icon-left{left:var(--spacing-3)}.form-input-icon-right{right:var(--spacing-3)}.form-input-icon-left~.form-input{padding-left:var(--spacing-10)}.form-input-icon-right~.form-input{padding-right:var(--spacing-10)}.form-checkbox,.form-radio{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text)}.form-checkbox input,.form-radio input{width:16px;height:16px;border:2px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-surface-elevated);cursor:pointer;transition:var(--transition-fast);margin:0}.form-radio input{border-radius:50%}.form-checkbox input:checked,.form-radio input:checked{background:var(--color-primary);border-color:var(--color-primary)}.form-checkbox input:focus,.form-radio input:focus{outline:none;box-shadow:0 0 0 3px #ff5d5d1a}.form-checkbox-group,.form-radio-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-checkbox-group-inline,.form-radio-group-inline{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-4)}.form-switch{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text)}.form-switch-input{position:relative;width:44px;height:24px;background:var(--color-border);border-radius:var(--border-radius-full);border:none;outline:none;cursor:pointer;transition:var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-switch-input:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--color-background);border-radius:50%;transition:var(--transition-fast);box-shadow:var(--color-shadow-sm)}.form-switch-input:checked{background:var(--color-primary)}.form-switch-input:checked:before{transform:translate(20px)}.form-switch-input:focus{box-shadow:0 0 0 3px #ff5d5d1a}.form-help{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-1);line-height:var(--line-height-relaxed)}.form-error{font-size:var(--font-size-xs);color:var(--color-error);margin-top:var(--spacing-1);display:flex;align-items:center;gap:var(--spacing-1)}.form-success{font-size:var(--font-size-xs);color:var(--color-success);margin-top:var(--spacing-1);display:flex;align-items:center;gap:var(--spacing-1)}.form-warning{font-size:var(--font-size-xs);color:var(--color-warning);margin-top:var(--spacing-1);display:flex;align-items:center;gap:var(--spacing-1)}.form-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end;align-items:center;padding-top:var(--spacing-6);border-top:1px solid var(--color-border);margin-top:var(--spacing-6)}.form-actions-left{justify-content:flex-start}.form-actions-center{justify-content:center}.form-actions-between{justify-content:space-between}.form-actions-full{flex-direction:column;gap:var(--spacing-2)}.form-actions-full .btn{width:100%}.form-file-upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8) var(--spacing-6);border:2px dashed var(--color-border);border-radius:var(--border-radius-lg);background:var(--color-surface);cursor:pointer;transition:var(--transition-fast);text-align:center}.form-file-upload:hover{border-color:var(--color-primary);background:var(--color-surface-hover)}.form-file-upload.dragover{border-color:var(--color-primary);background:var(--color-primary-lightest)}.form-file-upload input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.form-file-upload-icon{font-size:var(--font-size-3xl);color:var(--color-text-muted);margin-bottom:var(--spacing-2)}.form-file-upload-text{font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:var(--spacing-1)}.form-file-upload-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}@media (max-width: 768px){.form-row{flex-direction:column;gap:var(--spacing-4)}.form-field-inline{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.form-field-inline .form-label{min-width:auto}.form-actions{flex-direction:column;gap:var(--spacing-2)}.form-actions .btn{width:100%}.form-checkbox-group-inline,.form-radio-group-inline{flex-direction:column;gap:var(--spacing-2)}}[data-theme=dark] .form-input,[data-theme=dark] .form-textarea,[data-theme=dark] .form-select{background:var(--color-surface-elevated);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-textarea:focus,[data-theme=dark] .form-select:focus{background:var(--color-background);border-color:var(--color-primary)}[data-theme=dark] .form-input-group{background:var(--color-surface-elevated);border-color:var(--color-border)}[data-theme=dark] .form-input-addon{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .form-file-upload{background:var(--color-surface-elevated);border-color:var(--color-border)}[data-theme=dark] .form-file-upload:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}[data-theme=dark] .form-switch-input{background:var(--color-border)}[data-theme=dark] .form-switch-input:before{background:var(--color-surface-elevated)}@media print{.form-actions,.form-file-upload{display:none}.form-input,.form-textarea,.form-select{border:1px solid #000;background:transparent}}.form-input-error,.form-textarea-error,.form-select-error{border-color:var(--color-error)}.form-input-error:focus,.form-textarea-error:focus,.form-select-error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.form-input-search{padding-left:2.5rem}.form-input-search::placeholder{color:var(--color-text-secondary)}.form-textarea{min-height:100px;font-family:inherit;line-height:1.5}.form-select{cursor:pointer;padding-right:2.5rem;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 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;appearance:none}.form-select::-ms-expand{display:none}.form-checkbox,.form-radio{display:flex;flex-direction:column;gap:.25rem}.form-checkbox-wrapper,.form-radio-wrapper{display:flex;align-items:center;gap:.5rem}.form-checkbox-input,.form-radio-input{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--color-primary)}.form-checkbox-label,.form-radio-label{font-size:.875rem;color:var(--color-text);cursor:pointer;line-height:1.5}.form-checkbox-description,.form-radio-description{font-size:.75rem;color:var(--color-text-secondary);margin-left:1.75rem}.form-error-message{font-size:.75rem;color:var(--color-error);margin-top:.25rem}.form-help-text{font-size:.75rem;color:var(--color-text-secondary);margin-top:.25rem}.form-field-error .form-label,.form-checkbox-error .form-checkbox-label,.form-radio-error .form-radio-label{color:var(--color-error)}.form-group{display:flex;gap:1rem}.form-group>.form-field{flex:1}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.form-section{padding:1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-bottom:1.5rem}.form-section-title{font-size:1.125rem;font-weight:600;color:var(--color-text);margin:0 0 1rem}.form-section-description{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:1.5rem}.form-field.success .form-input,.form-field.success .form-textarea,.form-field.success .form-select{border-color:var(--color-success)}.form-field.success .form-input:focus,.form-field.success .form-textarea:focus,.form-field.success .form-select:focus{border-color:var(--color-success);box-shadow:0 0 0 3px #22c55e1a}.form-field.warning .form-input,.form-field.warning .form-textarea,.form-field.warning .form-select{border-color:var(--color-warning)}.form-field.warning .form-input:focus,.form-field.warning .form-textarea:focus,.form-field.warning .form-select:focus{border-color:var(--color-warning);box-shadow:0 0 0 3px #f59e0b1a}.form-file-input{position:relative;display:inline-block;width:100%;cursor:pointer}.form-file-input input[type=file]{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.form-file-label{display:flex;align-items:center;justify-content:center;padding:.75rem;border:2px dashed var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.form-file-label:hover{border-color:var(--color-primary);background:var(--color-background)}.form-file-input:focus-within .form-file-label{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}@media (max-width: 768px){.form-group,.form-actions{flex-direction:column}.form-section{padding:1rem}.form-checkbox-description,.form-radio-description{margin-left:0}}@media (prefers-color-scheme: dark){.form-select{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='%9CA3AF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}}.professional-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--spacing-4, 1rem)}.professional-loader-container--centered{justify-content:center;width:100%}.professional-loader{display:inline-flex;align-items:center;justify-content:center}.professional-loader__spinner{display:flex;align-items:center;justify-content:center;gap:4px}.professional-loader__dot{border-radius:50%;animation:professional-loader-bounce 1.4s ease-in-out infinite both}.professional-loader__dot--1{animation-delay:-.32s}.professional-loader__dot--2{animation-delay:-.16s}.professional-loader__dot--3{animation-delay:0s}.professional-loader--small .professional-loader__dot{width:6px;height:6px}.professional-loader--medium .professional-loader__dot{width:8px;height:8px}.professional-loader--large .professional-loader__dot{width:12px;height:12px}.professional-loader--primary .professional-loader__dot{background-color:var(--color-primary, #ff5d5d)}.professional-loader--secondary .professional-loader__dot{background-color:var(--color-text-secondary, #6b7280)}.professional-loader--white .professional-loader__dot{background-color:#fff}.professional-loader__text{margin:0;color:var(--color-text-secondary, #6b7280);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);text-align:center;line-height:var(--line-height-normal, 1.5)}@keyframes professional-loader-bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.professional-loader--spinner .professional-loader__spinner{gap:0}.professional-loader--spinner .professional-loader__dot{position:absolute;width:100%;height:100%;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:professional-loader-spin 1s linear infinite}.professional-loader--spinner .professional-loader__dot--2,.professional-loader--spinner .professional-loader__dot--3{display:none}@keyframes professional-loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.professional-loader--button{width:16px;height:16px}.professional-loader--button .professional-loader__spinner{width:100%;height:100%;position:relative}.professional-loader--button .professional-loader__dot{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:professional-loader-spin 1s linear infinite}.professional-loader--button .professional-loader__dot--2,.professional-loader--button .professional-loader__dot--3{display:none}@media (max-width: 768px){.professional-loader--large .professional-loader__dot{width:10px;height:10px}.professional-loader--medium .professional-loader__dot{width:7px;height:7px}}@media (prefers-reduced-motion: reduce){.professional-loader__dot{animation-duration:2s}}.professional-loader-container{color:var(--color-text-primary, #1e293b)}[data-theme=dark] .professional-loader--primary .professional-loader__dot{background-color:var(--color-primary-light, #ff7979)}[data-theme=dark] .professional-loader__text{color:var(--color-text-secondary-dark, #9ca3af)}.professional-loader-container--ticket{min-height:200px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.professional-ticket-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:600px}.ticket-animation-container{position:relative;height:120px;width:100%;margin-bottom:2rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.ticket-moving-group{position:absolute;top:50%;display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:ticketSlideLeftToRight 3s ease-in-out infinite;transform:translateY(-50%);white-space:nowrap}.ticket-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--color-primary, #ff5d5d) 0%,#ff6b6b 50%,var(--color-primary-dark, #e04545) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff;box-shadow:0 8px 20px #ff5d5d4d,0 0 30px #ff5d5d26;animation:ticketRotateGently 3s ease-in-out infinite;position:relative}.ticket-icon:before{content:"";position:absolute;inset:-8px;background:linear-gradient(135deg,var(--color-primary, #ff5d5d),#ff6b6b,var(--color-primary-dark, #e04545));border-radius:20px;opacity:.2;z-index:-1;animation:glowPulse 2s ease-in-out infinite}.ticket-title{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary, #1e293b);text-shadow:0 1px 2px rgba(0,0,0,.1)}.ticket-message{margin:0;font-size:.875rem;color:var(--color-text-secondary, #64748b);line-height:1.6;max-width:400px;text-align:center}.ticket-progress{width:100%;max-width:300px;height:4px;background:var(--color-border-light, #e2e8f0);border-radius:2px;overflow:hidden;position:relative}.ticket-progress:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--color-primary, #ff5d5d),transparent);animation:progressSlide 2s ease-in-out infinite}.professional-loader--small .ticket-icon{width:40px;height:40px;font-size:1.2rem}.professional-loader--small .ticket-title{font-size:.875rem}.professional-loader--large .ticket-icon{width:80px;height:80px;font-size:2.4rem}.professional-loader--large .ticket-title{font-size:1.25rem}[data-theme=dark] .ticket-title{color:var(--color-text-primary-dark, #f1f5f9)}[data-theme=dark] .ticket-message{color:var(--color-text-secondary-dark, #94a3b8)}[data-theme=dark] .ticket-progress{background:var(--color-border-dark, #374151)}@media (max-width: 768px){.ticket-animation-container{height:80px;margin-bottom:1rem}.ticket-icon{width:50px;height:50px;font-size:1.5rem}.ticket-title{font-size:.875rem}.ticket-message{font-size:.8rem;max-width:300px}.ticket-progress{max-width:250px}}@media (prefers-reduced-motion: reduce){.ticket-moving-group{animation:ticketPulse 2s ease-in-out infinite;left:50%;transform:translate(-50%) translateY(-50%)}.ticket-icon{animation:none}@keyframes ticketPulse{0%,to{opacity:.7;transform:translate(-50%) translateY(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) translateY(-50%) scale(1.05)}}}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal);padding:var(--spacing-4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.modal-content{background:var(--color-surface-elevated);border-radius:var(--border-radius-xl);box-shadow:var(--color-shadow-2xl);max-height:90vh;display:flex;flex-direction:column;position:relative;width:100%;max-width:var(--modal-max-width);border:1px solid var(--color-border);animation:slideInUp .3s ease-out;overflow:hidden}.modal-small{--modal-max-width: 400px}.modal-medium{--modal-max-width: 600px}.modal-large{--modal-max-width: 800px}.modal-xl{--modal-max-width: 1200px}.modal-fullscreen{--modal-max-width: calc(100vw - 2rem) ;max-height:calc(100vh - 2rem)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-6) var(--spacing-6) var(--spacing-4);border-bottom:1px solid var(--color-border);background:var(--color-surface);position:relative;flex-shrink:0}.modal-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary)}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;font-family:var(--font-family-secondary);letter-spacing:-.025em}.modal-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-1);line-height:var(--line-height-relaxed)}.modal-close{background:transparent;border:none;color:var(--color-text-muted);font-size:var(--font-size-lg);cursor:pointer;padding:var(--spacing-2);border-radius:var(--border-radius-md);transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;width:32px;height:32px}.modal-close:hover{background:var(--color-surface-hover);color:var(--color-text);transform:scale(1.1)}.modal-close:focus{outline:none;background:var(--color-surface-hover);color:var(--color-text)}.modal-body{flex:1;padding:var(--spacing-6);overflow-y:auto;color:var(--color-text);line-height:var(--line-height-relaxed)}.modal-body-compact{padding:var(--spacing-4)}.modal-body-spacious{padding:var(--spacing-8)}.modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6) var(--spacing-6);border-top:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0}.modal-footer-left{justify-content:flex-start}.modal-footer-center{justify-content:center}.modal-footer-between{justify-content:space-between}.modal-footer-full{flex-direction:column;gap:var(--spacing-2)}.modal-footer-full .btn{width:100%}.modal-primary .modal-header:before{background:var(--gradient-primary)}.modal-success .modal-header:before{background:var(--gradient-success)}.modal-warning .modal-header:before{background:var(--gradient-warning)}.modal-error .modal-header:before{background:var(--gradient-error)}.modal-info .modal-header:before{background:var(--gradient-info)}.modal-loading{pointer-events:none;opacity:.8}.modal-loading .modal-body{position:relative;min-height:200px}.modal-loading .modal-body:before{content:"";position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:1}.modal-loading .modal-body:after{content:"";position:absolute;top:50%;left:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border:3px solid var(--color-primary);border-top:3px solid transparent;border-radius:50%;animation:spin 1s linear infinite;z-index:2}@keyframes modalSlideInUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes modalSlideInDown{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes modalScaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.modal-overlay{animation:modalFadeIn .2s ease-out}.modal-content{animation:modalSlideInUp .3s ease-out}.modal-slide-down .modal-content{animation:modalSlideInDown .3s ease-out}.modal-scale .modal-content{animation:modalScaleIn .25s ease-out}.modal-confirm{text-align:center;max-width:400px}.modal-confirm .modal-body{padding:var(--spacing-8) var(--spacing-6)}.modal-confirm-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-4)}.modal-confirm-icon.success{color:var(--color-success)}.modal-confirm-icon.warning{color:var(--color-warning)}.modal-confirm-icon.error{color:var(--color-error)}.modal-confirm-icon.info{color:var(--color-info)}.modal-confirm-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-3)}.modal-confirm-message{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-6)}.modal-footer .btn-delete-confirm{background:var(--gradient-error)!important;color:var(--color-text-inverse)!important;border-color:var(--color-error)!important;box-shadow:0 2px 4px #ef444433!important}.modal-footer .btn-delete-confirm:hover:not(:disabled){background:var(--color-error-dark)!important;border-color:var(--color-error-dark)!important;box-shadow:0 4px 12px #ef444466!important;transform:translateY(-1px)!important}.modal-footer .btn-delete-confirm:active:not(:disabled){background:var(--color-error-dark)!important;border-color:var(--color-error-dark)!important;box-shadow:0 2px 4px #ef444433!important;transform:translateY(0)!important}.modal-drawer{padding:0;height:100vh;justify-content:flex-end}.modal-drawer .modal-content{max-height:100vh;width:100%;max-width:400px;border-radius:var(--border-radius-xl) 0 0 var(--border-radius-xl);animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.modal-drawer-left{justify-content:flex-start}.modal-drawer-left .modal-content{border-radius:0 var(--border-radius-xl) var(--border-radius-xl) 0;animation:slideInLeft .3s ease-out}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width: 768px){.modal-overlay{padding:var(--spacing-2)}.modal-content{max-height:95vh;border-radius:var(--border-radius-lg)}.modal-header{padding:var(--spacing-4) var(--spacing-4) var(--spacing-3)}.modal-title{font-size:var(--font-size-lg)}.modal-body{padding:var(--spacing-4)}.modal-footer{padding:var(--spacing-3) var(--spacing-4) var(--spacing-4);flex-direction:column;gap:var(--spacing-2)}.modal-footer .btn{width:100%}.modal-drawer{padding:0;align-items:flex-end}.modal-drawer .modal-content{max-width:100%;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;animation:slideInUp .3s ease-out}.modal-drawer-left .modal-content{border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;animation:slideInUp .3s ease-out}}@media (max-width: 480px){.modal-overlay{padding:var(--spacing-1)}.modal-content{max-height:98vh;border-radius:var(--border-radius-md)}.modal-header{padding:var(--spacing-3) var(--spacing-3) var(--spacing-2)}.modal-title{font-size:var(--font-size-base)}.modal-body{padding:var(--spacing-3)}.modal-footer{padding:var(--spacing-2) var(--spacing-3) var(--spacing-3)}}[data-theme=dark] .modal-overlay{background:#000c}[data-theme=dark] .modal-content{background:var(--color-surface-elevated);border-color:var(--color-border)}[data-theme=dark] .modal-header{background:var(--color-surface);border-bottom-color:var(--color-border)}[data-theme=dark] .modal-footer{background:var(--color-surface);border-top-color:var(--color-border)}[data-theme=dark] .modal-close:hover{background:var(--color-surface-hover)}[data-theme=dark] .modal-loading .modal-body:before{background:#000c}@media print{.modal-overlay{position:static;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.modal-content{box-shadow:none;border:1px solid #000;border-radius:0;max-height:none;animation:none}.modal-header{background:transparent;border-bottom:1px solid #000}.modal-header:before{display:none}.modal-footer{background:transparent;border-top:1px solid #000}.modal-close{display:none}}.modal-title{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0}.modal-close-button{padding:.5rem!important;min-width:auto!important}.modal-body{flex:1;padding:1.5rem;overflow-y:auto}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:1rem;flex-wrap:wrap}.modal-overlay{animation:modalFadeIn .3s ease-out}.modal-content{animation:modalSlideIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.modal-overlay{padding:.5rem}.modal-content{max-height:95vh}.modal-header,.modal-body{padding:1rem}.modal-footer{padding:1rem;flex-direction:column}.modal-footer>*{width:100%}.modal-small,.modal-medium,.modal-large,.modal-xl{--modal-max-width: 100%}}.modal-content:focus{outline:none}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:var(--color-border);border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:var(--color-text-secondary);border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-text)}.rejection-modal-compact{--modal-max-width: 450px}.rejection-modal-compact .modal-header{padding:var(--spacing-4) var(--spacing-5) var(--spacing-3)}.rejection-modal-compact .modal-title{font-size:var(--font-size-lg)}.rejection-modal-compact .modal-footer{display:flex!important;justify-content:flex-end;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5) var(--spacing-4);border-top:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0}.rejection-modal-compact .modal-footer .btn{opacity:1!important;visibility:visible!important;display:inline-flex!important}.rejection-modal-compact .modal-footer .btn:disabled{opacity:.6!important;visibility:visible!important;display:inline-flex!important;cursor:not-allowed}.rejection-submit-btn{opacity:1!important;visibility:visible!important;display:inline-flex!important;background:var(--color-error)!important;color:var(--color-text-inverse)!important;border-color:var(--color-error)!important}.rejection-submit-btn:disabled{opacity:.6!important;background:var(--color-error)!important;color:var(--color-text-inverse)!important;border-color:var(--color-error)!important}.modal-loader-overlay{position:absolute;inset:0;background:#ffffffd9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:flex-start;z-index:1200;border-radius:var(--border-radius-xl);overflow:hidden}.modal-moving-loader-container{position:absolute;top:50%;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);animation:modalLoaderSlide 3s ease-in-out infinite;transform:translateY(-50%);padding:var(--spacing-3) var(--spacing-4);white-space:nowrap}.modal-moving-ticket{font-size:24px;color:var(--color-error);filter:drop-shadow(0 2px 4px rgba(239,68,68,.3));animation:modalTicketRotate 3s ease-in-out infinite;margin-bottom:var(--spacing-1)}.modal-moving-loader-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:0}@keyframes modalLoaderSlide{0%{left:-120px;opacity:0;transform:translateY(-50%) scale(.9)}15%{opacity:1;transform:translateY(-50%) scale(1)}50%{left:50%;transform:translate(-50%) translateY(-50%) scale(1.05);opacity:1}85%{opacity:1;transform:translateY(-50%) scale(1)}to{left:calc(100% + 120px);opacity:0;transform:translateY(-50%) scale(.9)}}@keyframes modalTicketRotate{0%{transform:rotate(-5deg)}25%{transform:rotate(0)}50%{transform:rotate(2deg)}75%{transform:rotate(0)}to{transform:rotate(5deg)}}@media (prefers-reduced-motion: reduce){.modal-moving-loader-container{animation:modalContainerPulse 2s ease-in-out infinite;left:50%;transform:translate(-50%) translateY(-50%)}.modal-moving-ticket{animation:none}@keyframes modalContainerPulse{0%,to{opacity:.7;transform:translate(-50%) translateY(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) translateY(-50%) scale(1.05)}}}.compact-form-group{margin-bottom:var(--spacing-4)}.compact-form-group .form-label{margin-bottom:var(--spacing-1);font-size:var(--font-size-sm)}.compact-textarea{min-height:80px;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.rejection-modal-description{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-6);font-weight:var(--font-weight-normal)}.rejection-textarea{min-height:120px;resize:vertical;font-family:var(--font-family-base);line-height:var(--line-height-relaxed)}.rejection-textarea:focus,.compact-textarea:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.rejection-textarea:disabled,.compact-textarea:disabled{background-color:var(--color-surface-disabled);color:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.required-asterisk{color:var(--color-error);font-weight:var(--font-weight-medium);margin-left:2px}.modal-error .modal-header:before{background:linear-gradient(90deg,var(--color-error),var(--color-error-dark))}.modal-error .modal-title{color:var(--color-error)}@media (max-width: 640px){.rejection-modal-compact{--modal-max-width: calc(100vw - 2rem) }.compact-textarea{min-height:70px;font-size:var(--font-size-sm)}.compact-footer{padding:var(--spacing-2) var(--spacing-4) var(--spacing-3);flex-direction:column;gap:var(--spacing-2)}.compact-footer .btn{width:100%}}.notification-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;max-width:420px;width:100%;pointer-events:none}.notification{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #0000000d;padding:1rem 1.25rem;position:relative;animation:slideInRight .4s cubic-bezier(.16,1,.3,1);pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-left:4px solid #e5e7eb;transition:all .2s ease}.notification:hover{transform:translateY(-2px);box-shadow:0 25px 30px -5px #00000026,0 15px 15px -5px #0000000f,0 0 0 1px #0000000d}.notification-success{border-left:4px solid #10b981;background:linear-gradient(135deg,#ecfdf5,#fff)}.notification-error{border-left:4px solid var(--color-error);background:linear-gradient(135deg,#f8f9fa,#fff)}.notification-warning{border-left:4px solid #f59e0b;background:linear-gradient(135deg,#fffbeb,#fff)}.notification-info{border-left:4px solid #3b82f6;background:linear-gradient(135deg,#eff6ff,#fff)}.notification-content{display:flex;flex-direction:column;gap:.5rem}.notification-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.notification-title-wrapper{display:flex;align-items:center;gap:.75rem;flex:1}.notification-icon{font-size:1.125rem;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px}.notification-success .notification-icon{color:#059669;background:#10b9811a}.notification-error .notification-icon{color:var(--color-error-dark);background:var(--color-error-alpha)}.notification-warning .notification-icon{color:#d97706;background:#f59e0b1a}.notification-info .notification-icon{color:#2563eb;background:#3b82f61a}.notification-title{font-size:.875rem;font-weight:600;color:#111827;margin:0;line-height:1.4}.notification-message{font-size:.8rem;color:#6b7280;margin:0;line-height:1.5;padding-left:2rem}.notification-close{padding:.25rem;min-width:auto;border:none;background:#6b72801a;color:#6b7280;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.notification-close:hover{background:#6b728033;color:#374151;transform:scale(1.1)}.notification-close:active{transform:scale(.95)}.notification-actions{display:flex;gap:.5rem;margin-top:.75rem;padding-left:2rem}@keyframes slideInRight{0%{opacity:0;transform:translate(100%) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%) scale(.9)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}from{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%) scale(.95)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.notification.removing{animation:slideOutRight .3s cubic-bezier(.4,0,1,1) forwards}.notification-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#0000000d;border-radius:0 0 12px 12px;overflow:hidden}.notification-progress-bar{height:100%;transition:width linear;border-radius:0 0 12px 12px}.notification-success .notification-progress-bar{background:linear-gradient(90deg,#10b981,#059669)}.notification-error .notification-progress-bar{background:linear-gradient(90deg,var(--color-error),var(--color-error-dark))}.notification-warning .notification-progress-bar{background:linear-gradient(90deg,#f59e0b,#d97706)}.notification-info .notification-progress-bar{background:linear-gradient(90deg,#3b82f6,#2563eb)}@media (max-width: 768px){.notification-container{top:.5rem;right:.5rem;left:.5rem;max-width:none}.notification{padding:1rem;border-radius:10px}.notification-title{font-size:.8125rem}.notification-message{font-size:.75rem;padding-left:1.75rem}.notification-icon{width:20px;height:20px;font-size:1rem}.notification-actions{flex-direction:column;padding-left:1.75rem}}@media (max-width: 480px){.notification-container{top:.25rem;right:.25rem;left:.25rem}.notification{padding:.875rem}}@media (prefers-color-scheme: dark){.notification{background:#1f2937;border-color:#374151;color:#f9fafb}.notification-title{color:#f9fafb}.notification-message{color:#d1d5db}.notification-close{background:#9ca3af1a;color:#9ca3af}.notification-close:hover{background:#9ca3af33;color:#d1d5db}.notification-success{background:linear-gradient(135deg,#064e3b,#1f2937)}.notification-error{background:linear-gradient(135deg,#7f1d1d,#1f2937)}.notification-warning{background:linear-gradient(135deg,#78350f,#1f2937)}.notification-info{background:linear-gradient(135deg,#1e3a8a,#1f2937)}}@media (prefers-reduced-motion: reduce){.notification{animation:fadeIn .2s ease}.notification.removing{animation:none;opacity:0}.notification:hover{transform:none}}.role-welcome{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 4px 20px #0000001a}.role-welcome-loading{padding:2rem;text-align:center;background:#f5f5f5;border-radius:8px;margin-bottom:2rem}.role-welcome-header{text-align:center;margin-bottom:2rem}.role-welcome-header h2{font-size:2.2rem;font-weight:600;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.role-title{font-size:1.1rem;font-weight:500;color:#ffffffe6;margin:0 0 1rem;text-transform:uppercase;letter-spacing:1px}.welcome-message{font-size:1rem;color:#fffc;max-width:600px;margin:0 auto;line-height:1.5}.role-welcome-section{margin-top:2rem}.role-welcome-section h3{font-size:1.3rem;font-weight:600;margin:0 0 1rem;color:#fffffff2}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.quick-action-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:1.2rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease;cursor:pointer}.quick-action-card:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 6px 25px #00000026}.action-icon{font-size:2rem;margin-bottom:.5rem;color:#ffffffe6}.action-label{font-weight:500;margin-bottom:.5rem;color:#fffffff2}.action-link{color:#fffc;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .3s ease}.action-link:hover{color:#fff}.features-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.8rem;margin-top:1rem}.feature-item{display:flex;align-items:center;background:#ffffff14;padding:.8rem 1rem;border-radius:6px;border-left:3px solid rgba(255,255,255,.4)}.feature-icon{font-size:1.2rem;margin-right:.8rem;color:#4ade80}.feature-text{font-size:.95rem;color:#ffffffe6;font-weight:400}@media (max-width: 768px){.role-welcome{padding:1.5rem}.role-welcome-header h2{font-size:1.8rem}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem}.quick-action-card{padding:1rem}.features-list{grid-template-columns:1fr}}@media (max-width: 480px){.role-welcome{padding:1rem}.role-welcome-header h2{font-size:1.5rem}.quick-actions-grid{grid-template-columns:1fr}}.table-container{width:100%;overflow-x:auto;border-radius:var(--border-radius-lg);border:1px solid var(--color-border);background:var(--color-surface-elevated);box-shadow:var(--color-shadow);position:relative;vertical-align:top}.table-container .table{width:100%;min-width:fit-content;border-collapse:collapse;font-size:clamp(var(--font-size-xs),1.2vw,var(--font-size-sm));background:var(--color-surface-elevated)}.table-container .table-header{background:var(--color-surface);color:var(--color-text);font-weight:var(--font-weight-semibold);padding:clamp(var(--spacing-3),1vw,var(--spacing-4)) clamp(var(--spacing-4),1.5vw,var(--spacing-5));border-bottom:2px solid var(--color-border);text-align:left;position:relative;transition:var(--transition-fast);font-size:clamp(var(--font-size-xs),1vw,var(--font-size-sm));text-transform:uppercase;letter-spacing:.05em}.table-container .table-header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2)}.table-container .table-header:hover{background:var(--color-surface-hover)}.table-container .table-header.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table-container .table-header.sortable:hover .sort-icon{opacity:1;color:var(--color-primary)}.table-container .sort-icon{color:var(--color-text-muted);font-size:var(--font-size-sm);opacity:.5;transition:var(--transition-fast)}.table-container .sort-icon.active{color:var(--color-primary);opacity:1}.table-container .table-cell{padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-border);color:var(--color-text);transition:var(--transition-fast);vertical-align:middle;line-height:var(--line-height-relaxed)}.table-container .table-row{transition:var(--transition-fast)}.table-container .table-row:hover{background:var(--color-surface-hover)}.table-container .table-row.selected{background:var(--color-primary-lightest);border-left:3px solid var(--color-primary)}.table-container .table-row.clickable{cursor:pointer}.table-container .table-row.clickable:hover{background:var(--color-surface-hover);transform:translateY(-1px);box-shadow:var(--color-shadow-sm)}.table-container .table-row.striped:nth-child(2n){background:var(--color-surface)}.table-container .table-row.striped:nth-child(2n):hover{background:var(--color-surface-hover)}.table-container .table-cell-number{text-align:right;font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.table-container .table-cell-currency{text-align:right;font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-success)}.table-container .table-cell-date{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.table-container .table-cell-status{text-align:center}.table-container .table-cell-actions{text-align:center;white-space:nowrap}.table-container .table-status-badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em;gap:var(--spacing-1)}.table-container .table-status-badge.success{background:var(--color-success-lightest);color:var(--color-success-dark);border:1px solid var(--color-success-light)}.table-container .table-status-badge.warning{background:var(--color-warning-lightest);color:var(--color-warning-dark);border:1px solid var(--color-warning-light)}.table-container .table-status-badge.error{background:var(--color-error-lightest);color:var(--color-error-dark);border:1px solid var(--color-error-light)}.table-container .table-status-badge.info{background:var(--color-info-lightest);color:var(--color-info-dark);border:1px solid var(--color-info-light)}.table-container .table-status-badge.primary{background:var(--color-primary-lightest);color:var(--color-primary-dark);border:1px solid var(--color-primary-light)}.table-container .table-status-badge.secondary{background:var(--color-secondary-lightest);color:var(--color-secondary-dark);border:1px solid var(--color-secondary-light)}.table-container .table-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-surface-elevated);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);margin:0 var(--spacing-1)}.table-container .table-action-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-dark);color:var(--color-text);transform:translateY(-1px)}.table-container .table-action-btn.primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.table-container .table-action-btn.primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.table-container .table-action-btn.success{background:var(--color-success);border-color:var(--color-success);color:var(--color-text-inverse)}.table-container .table-action-btn.success:hover{background:var(--color-success-dark);border-color:var(--color-success-dark)}.table-container .table-action-btn.error{background:var(--color-error);border-color:var(--color-error);color:var(--color-text-inverse)}.table-container .table-action-btn.error:hover{background:var(--color-error-dark);border-color:var(--color-error-dark)}.table-container .table-compact .table-header,.table-container .table-compact .table-cell{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs)}.table-container .table-spacious .table-header,.table-container .table-spacious .table-cell{padding:var(--spacing-6) var(--spacing-6);font-size:var(--font-size-sm)}.table-container .table-borderless{border:none}.table-container .table-borderless .table-header,.table-container .table-borderless .table-cell{border-bottom:none}.table-container .table-bordered .table-header,.table-container .table-bordered .table-cell{border-right:1px solid var(--color-border)}.table-container .table-bordered .table-header:last-child{border-right:none}.table-container .table-bordered .table-cell:last-child{border-right:none}.table-container .table-loading{position:relative;min-height:200px}.table-container .table-loading:before{content:"";position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:1}.table-container .table-loading:after{content:"";position:absolute;top:50%;left:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border:3px solid var(--color-primary);border-top:3px solid transparent;border-radius:50%;animation:spin 1s linear infinite;z-index:2}.table-container .table-empty{text-align:center;padding:var(--spacing-12) var(--spacing-6);color:var(--color-text-muted)}.table-container .table-empty-icon{font-size:var(--font-size-4xl);color:var(--color-text-disabled);margin-bottom:var(--spacing-4)}.table-container .table-empty-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-2)}.table-container .table-empty-message{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-4)}.table-container .table-pagination{display:flex;align-items:center;justify-content:between;padding:var(--spacing-4) var(--spacing-5);border-top:1px solid var(--color-border);background:var(--color-surface)}.table-container .table-pagination-info{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.table-container .table-pagination-controls{display:flex;align-items:center;gap:var(--spacing-2)}@media (max-width: 1440px){.table-container .table-container{font-size:.85rem}.table-container .table-header,.table-container .table-cell{padding:var(--spacing-3) var(--spacing-4)}}@media (max-width: 1366px){.table-container .table-container{font-size:.8rem}.table-container .table-header{padding:calc(var(--spacing-3) * .9) calc(var(--spacing-4) * .9);font-size:.7rem}.table-container .table-cell{padding:calc(var(--spacing-3) * .9) calc(var(--spacing-4) * .9);font-size:.8rem}}@media (max-width: 768px){.table-container .table-container{border-radius:var(--border-radius-md)}.table-container .table-header,.table-container .table-cell{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-xs)}.table-container .table-action-btn{width:28px;height:28px}.table-container .table-pagination{flex-direction:column;gap:var(--spacing-3);align-items:stretch}.table-container .table-pagination-controls{justify-content:center}}@media (max-width: 640px){.table-container .table-mobile .table-header{display:none}.table-container .table-mobile .table-row{display:block;border:1px solid var(--color-border);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-3);padding:var(--spacing-4);background:var(--color-surface-elevated)}.table-container .table-mobile .table-cell{display:block;border:none;padding:var(--spacing-2) 0;text-align:left}.table-container .table-mobile .table-cell:before{content:attr(data-label);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);display:block;margin-bottom:var(--spacing-1);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em}}.table-container [data-theme=dark] .table-container{background:var(--color-surface-elevated);border-color:var(--color-border)}.table-container [data-theme=dark] .table{background:var(--color-surface-elevated)}.table-container [data-theme=dark] .table-header{background:var(--color-surface);border-bottom-color:var(--color-border)}.table-container [data-theme=dark] .table-header:hover{background:var(--color-surface-hover)}.table-container [data-theme=dark] .table-cell{border-bottom-color:var(--color-border)}.table-container [data-theme=dark] .table-row:hover{background:var(--color-surface-hover)}.table-container [data-theme=dark] .table-row.selected{background:#ff5d5d1a;border-left-color:var(--color-primary)}.table-container [data-theme=dark] .table-row.striped:nth-child(2n){background:var(--color-surface)}.table-container [data-theme=dark] .table-pagination{background:var(--color-surface);border-top-color:var(--color-border)}.table-container [data-theme=dark] .table-loading:before{background:#000c}@media print{.table-container .table-container{border:1px solid #000;box-shadow:none}.table-container .table-header{background:transparent;border-bottom:2px solid #000}.table-container .table-cell{border-bottom:1px solid #000}.table-container .table-action-btn,.table-container .table-pagination{display:none}}.table-row:last-child .table-cell{border-bottom:none}.table-striped .table-row:nth-child(2n){background:var(--color-surface)}.table-hoverable .table-row:hover{background:var(--color-border)}.table-row-clickable{cursor:pointer}.table-compact .table-header,.table-compact .table-cell{padding:.5rem .75rem}.table-loading,.table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--color-text-secondary)}.table-loading{gap:1rem}.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}.table-empty p{margin:0;font-size:1rem}.table-cell .status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.table-cell .status-badge.open{background:var(--color-info-light);color:var(--color-info)}.table-cell .status-badge.resolved{background:var(--color-success-light);color:var(--color-success)}.table-cell .status-badge.closed{background:var(--color-text-secondary);color:var(--color-background)}.table-cell .priority-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.table-cell .priority-badge.low{background:var(--color-success-light);color:var(--color-success)}.table-cell .priority-badge.medium{background:var(--color-warning-light);color:var(--color-warning)}.table-cell .priority-badge.high{background:var(--color-error-light);color:var(--color-error)}.table-cell .priority-badge.critical{background:var(--color-error);color:#fff}.table-cell .user-cell{display:flex;align-items:center;gap:.5rem}.table-cell .user-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:.875rem}.table-cell .user-info{display:flex;flex-direction:column}.table-cell .user-name{font-weight:500;color:var(--color-text)}.table-cell .user-email{font-size:.75rem;color:var(--color-text-secondary)}.table-cell .table-actions{display:flex;gap:.5rem}.table-cell .table-action{background:none;border:none;padding:.25rem;border-radius:4px;cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease}.table-cell .table-action:hover{background:var(--color-border);color:var(--color-text)}.table-cell .table-action.danger:hover{background:var(--color-error-light);color:var(--color-error)}@media (max-width: 768px){.table-container{border-radius:0;border-left:none;border-right:none}.table{font-size:.75rem}.table-header,.table-cell{padding:.5rem .75rem}.table-header-content{flex-direction:column;align-items:flex-start;gap:.25rem}.sort-icon{font-size:.625rem}.table-cell .status-badge,.table-cell .priority-badge{font-size:.625rem;padding:.125rem .5rem}.table-cell .user-avatar{width:24px;height:24px;font-size:.75rem}.table-cell .user-email{display:none}.table-cell .table-actions{flex-direction:column;gap:.25rem}}.tickets-container .tickets-grid .professional-ticket-tile,.tickets-grid .professional-ticket-tile,.dashboard-tickets-grid .professional-ticket-tile,.professional-ticket-tile{border:1px solid rgba(203,213,225,.6)!important;border-radius:8px!important;padding:.5rem!important;cursor:pointer!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:visible!important;display:flex!important;flex-direction:column!important;gap:.4rem!important;min-height:140px!important;max-width:100%!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;border-left:3px solid transparent!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.tickets-grid .professional-ticket-tile:hover,.dashboard-tickets-grid .professional-ticket-tile:hover,.professional-ticket-tile:hover{transform:translateY(-2px) scale(1.01)!important;box-shadow:0 6px 20px #0000001a,0 3px 12px #0000000f,inset 0 1px #ffffffe6!important;border-color:var(--status-color, rgba(148, 163, 184, .5))!important;filter:brightness(1.03)!important;border-left-color:var(--status-color, #64748b)!important;z-index:10!important}.tickets-grid .professional-ticket-tile.selected,.dashboard-tickets-grid .professional-ticket-tile.selected,.professional-ticket-tile.selected{border-color:var(--status-color, #64748b)!important;filter:brightness(1.1)!important;box-shadow:0 0 0 2px var(--status-color, rgba(100, 116, 139, .15)),0 6px 20px var(--status-color, rgba(100, 116, 139, .1))!important;border-left-color:var(--status-color, #64748b)!important}.tickets-grid .professional-ticket-tile.compact,.dashboard-tickets-grid .professional-ticket-tile.compact,.professional-ticket-tile.compact{min-height:120px!important;padding:.4rem!important;gap:.35rem!important}.tickets-grid .professional-ticket-tile .ticket-tile-priority-bar,.dashboard-tickets-grid .professional-ticket-tile .ticket-tile-priority-bar,.professional-ticket-tile .ticket-tile-priority-bar{position:absolute!important;top:0!important;left:0!important;right:0!important;height:3px!important;border-radius:16px 16px 0 0!important;background:linear-gradient(90deg,var(--priority-color, #6c757d) 0%,var(--priority-color, #6c757d) 70%,rgba(255,255,255,.4) 100%)!important;box-shadow:0 1px 2px #0000001a!important}.tile-header{display:flex;align-items:center;justify-content:space-between;margin-top:3px;padding-bottom:.2rem;border-bottom:1px solid rgba(203,213,225,.3)}.header-left{display:flex;align-items:center;gap:.375rem}.tile-checkbox{width:clamp(12px,1.2vw,14px);height:clamp(12px,1.2vw,14px);border-radius:3px;border:2px solid #cbd5e1;cursor:pointer;transition:all .2s ease;accent-color:#64748b}.tile-checkbox:checked{background:#64748b;border-color:#64748b}.ticket-code{font-size:clamp(.7rem,1.5vw,.8rem);font-weight:600;color:#475569;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);padding:.2rem .4rem;border-radius:6px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;letter-spacing:.3px;border:1px solid rgba(203,213,225,.6)}.ticket-tile-priority-badge{padding:.2rem .4rem;border-radius:8px;font-size:clamp(.6rem,1.3vw,.7rem);font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff!important;border:1px solid rgba(0,0,0,.1);text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 1px 3px #0003,inset 0 1px #ffffff1a}.tile-content-priority{flex:1;display:flex;flex-direction:column;gap:clamp(.3rem,1vw,.5rem);padding:clamp(.2rem,.6vw,.35rem) 0;margin-bottom:clamp(.35rem,.8vw,.5rem)}.professional-ticket-tile .description-container,.ticket-tile .description-container{border-left:none!important;background:transparent!important;border-radius:0!important;padding:0!important;overflow:visible!important;max-height:none!important;height:auto!important}.professional-ticket-tile .tile-description,.ticket-tile .tile-description,.professional-ticket-tile .description-container p,.ticket-tile .description-container p{margin:0!important;font-size:clamp(.8rem,1.5vw,.9rem)!important;color:#64748b!important;line-height:1.4!important;display:-webkit-box!important;-webkit-line-clamp:5!important;line-clamp:5!important;-webkit-box-orient:vertical!important;overflow:hidden!important;white-space:normal!important;text-overflow:ellipsis!important;max-height:7em!important;height:auto!important;box-sizing:border-box!important}.tile-title{margin:0;font-size:clamp(.9rem,1.8vw,1.1rem);font-weight:700;color:#1e293b;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.01em;cursor:pointer;transition:color .2s ease;max-height:2.6em}.tile-title:hover{color:#374151}.tile-description{margin:0;font-size:clamp(.8rem,1.5vw,.9rem);color:#64748b;line-height:1.4;display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer;transition:color .2s ease;max-height:7em;box-sizing:border-box}.tile-description:hover{color:#475569}.ticket-tile-tooltip{position:absolute;background:#0f172af2;color:#f1f5f9;padding:clamp(.75rem,2vw,1rem);border-radius:8px;font-size:clamp(.8rem,1.5vw,.9rem);line-height:1.5;max-width:clamp(280px,45vw,400px);z-index:2147483647!important;box-shadow:0 8px 25px #00000040,0 4px 12px #00000026;pointer-events:none;word-wrap:break-word;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);animation:tooltipFadeIn .2s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.professional-ticket-tile .ticket-tile-tooltip,.professional-ticket-tile .ticket-tile-full-data-tooltip{z-index:2147483647!important;position:absolute!important}.tickets-grid .professional-ticket-tile .ticket-tile-tooltip,.tickets-grid .professional-ticket-tile .ticket-tile-full-data-tooltip,.dashboard-tickets-grid .professional-ticket-tile .ticket-tile-tooltip,.dashboard-tickets-grid .professional-ticket-tile .ticket-tile-full-data-tooltip{z-index:2147483647!important;position:absolute!important;isolation:isolate}.ticket-tile-full-data-tooltip{top:0;left:105%;margin-top:0;margin-left:.5rem;width:clamp(320px,50vw,450px);max-width:450px;z-index:2147483647!important;background:#0f172afa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);box-shadow:0 12px 35px #0000004d,0 8px 20px #0003}.tooltip-section{margin-bottom:1rem}.tooltip-section:last-child{margin-bottom:0}.tooltip-section strong{display:block;margin-bottom:.5rem;color:#e2e8f0;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.25rem}.tooltip-section div{margin-bottom:.25rem;font-size:.8rem;line-height:1.4;display:flex;gap:.5rem}.tooltip-section div:last-child{margin-bottom:0}.tooltip-value{font-weight:600;color:#cbd5e1;flex:1}.tooltip-description{background:#ffffff0d;padding:.5rem;border-radius:4px;font-style:italic;color:#cbd5e1;line-height:1.5;display:block!important;margin-top:.25rem}.tooltip-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.tooltip-tag{background:#3b82f633;color:#93c5fd;padding:.15rem .3rem;border-radius:4px;font-size:.7rem;font-weight:500;border:1px solid rgba(59,130,246,.3)}@media (max-width: 1024px){.ticket-tile-full-data-tooltip{left:auto;right:105%;margin-left:0;margin-right:.5rem}}@media (max-width: 768px){.ticket-tile-full-data-tooltip{left:50%;right:auto;top:105%;margin-left:0;margin-right:0;margin-top:.5rem;transform:translate(-50%);width:clamp(280px,90vw,350px)}}.assignment-info-compact{display:flex;flex-direction:column;gap:clamp(.4rem,1.2vw,.55rem);padding:clamp(.45rem,1.2vw,.6rem);background:linear-gradient(135deg,#f8fafc,#f1f5f9,#e2e8f0);border-radius:10px;border:1px solid rgba(203,213,225,.5);margin-bottom:clamp(.4rem,1.2vw,.55rem);box-shadow:inset 0 1px #fff9}.assignment-row{display:flex;gap:.75rem;width:100%}.creator-section{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}.creator-info{display:flex;align-items:center;gap:.25rem}.creator-avatar{width:clamp(22px,2vw,26px);height:clamp(22px,2vw,26px);border-radius:50%;background:linear-gradient(135deg,#059669,#047857);color:#fff;display:flex;align-items:center;justify-content:center;font-size:clamp(.65rem,1.2vw,.75rem);flex-shrink:0;box-shadow:0 1px 3px #0596694d;border:1px solid rgba(255,255,255,.4)}.creator-name{font-size:clamp(.8rem,1.5vw,.9rem);font-weight:600;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assignee-section{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}.assignee-info-compact{display:flex;align-items:center;gap:.25rem}.assignee-avatar-small{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#64748b,#475569);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:600;flex-shrink:0;box-shadow:0 1px 3px #64748b4d;border:1px solid rgba(255,255,255,.4)}.assignee-name-small{font-size:clamp(.8rem,1.5vw,.9rem);font-weight:600;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.department-section{display:flex;flex-direction:column;gap:.2rem;width:100%}.department-info-compact{display:flex;align-items:center;gap:.25rem;background:#ffffffb3;padding:.25rem .4rem;border-radius:6px;border:1px solid rgba(203,213,225,.4);width:fit-content}.department-info-compact svg{width:12px;height:12px;color:#64748b;opacity:.8;flex-shrink:0}.department-name-small{font-size:clamp(.75rem,1.4vw,.85rem);font-weight:500;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.assignment-info{display:none}.tile-metadata{display:flex;align-items:center;justify-content:space-between;gap:.3rem;padding:.2rem 0;border-top:1px solid rgba(203,213,225,.3);border-bottom:1px solid rgba(203,213,225,.3)}.status-info{display:flex;align-items:center}.ticket-tile-status-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:10px;font-size:.7rem;font-weight:600;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 1px 3px #0003,inset 0 1px #ffffff1a;min-width:fit-content;letter-spacing:.02em;border:1px solid rgba(0,0,0,.1)}.ticket-tile-status-badge svg{width:10px;height:10px;opacity:.95}.status-text{font-weight:600;font-size:clamp(.75rem,1.4vw,.85rem);white-space:nowrap;letter-spacing:.02em;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}.time-info{display:flex;align-items:center;gap:clamp(.3rem,.8vw,.4rem);font-size:clamp(.7rem,1.3vw,.8rem);color:#64748b;font-weight:500;padding:clamp(.2rem,.6vw,.3rem) clamp(.35rem,.8vw,.45rem);background:#94a3b814;border-radius:6px;border:1px solid rgba(148,163,184,.12)}.time-info svg{width:clamp(10px,1.2vw,12px);height:clamp(10px,1.2vw,12px);opacity:.8}.professional-ticket-tile .tile-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;padding:.5rem 0 .25rem!important;border-top:1px solid rgba(203,213,225,.4)!important;margin-top:auto!important;min-height:0!important;overflow:visible!important;flex-wrap:nowrap!important}.professional-ticket-tile .counts{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;flex-shrink:1;min-width:0;flex:0 1 auto}.professional-ticket-tile .count-item{display:flex;align-items:center;gap:clamp(.3rem,.8vw,.4rem);font-size:clamp(.75rem,1.4vw,.85rem);color:#475569;font-weight:600;padding:clamp(.25rem,.8vw,.35rem) clamp(.4rem,1vw,.5rem);background:linear-gradient(135deg,#f1f5f9cc,#f8fafce6);border-radius:6px;border:1px solid rgba(148,163,184,.2);flex-shrink:0;transition:all .2s ease}.professional-ticket-tile .count-item:hover{background:linear-gradient(135deg,#e2e8f0e6,#f1f5f9);border-color:#94a3b84d}.professional-ticket-tile .count-item svg{width:clamp(12px,1.5vw,14px);height:clamp(12px,1.5vw,14px);color:#64748b;flex-shrink:0}.professional-ticket-tile .sla-indicators{display:flex!important;flex-direction:column!important;gap:.3rem!important;align-items:flex-end!important;flex-shrink:0!important;min-width:0!important;max-width:55%!important;flex:0 0 auto!important}.professional-ticket-tile .sla-indicator{display:flex!important;align-items:center!important;gap:.2rem!important;font-size:.65rem!important;font-weight:700!important;padding:.25rem .4rem .25rem .7rem!important;background:linear-gradient(135deg,#fffffff2,#f8fafcfa)!important;border-radius:8px!important;border:1.5px solid rgba(148,163,184,.3)!important;flex-shrink:1!important;min-width:0!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;box-shadow:0 2px 4px #00000014,0 1px 2px #0000000a!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;line-height:1.2!important;width:auto!important;height:auto!important;position:relative!important}.professional-ticket-tile .sla-indicator:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001f,0 2px 4px #0000000f;border-color:#94a3b866}.professional-ticket-tile .sla-indicator:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:currentColor;border-radius:8px 0 0 8px;opacity:.6}.sla-dot{width:4px;height:4px;border-radius:50%;flex-shrink:0}.sla-text{font-size:.7rem;font-weight:600;letter-spacing:.02px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-tags{display:flex;align-items:center;gap:.15rem;flex-wrap:wrap;margin-top:auto;padding-top:.15rem}.tile-tag{padding:.1rem .25rem;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border-radius:4px;font-size:.55rem;font-weight:600;white-space:nowrap;border:1px solid rgba(203,213,225,.6);text-transform:uppercase;letter-spacing:.2px}.tile-tag-more{padding:.15rem .3rem;background:linear-gradient(135deg,#64748b,#475569);color:#fff;border-radius:6px;font-size:.6rem;font-weight:700;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.2)}@media (min-width: 2561px){.professional-ticket-tile{min-height:clamp(175px,16vw,200px);padding:clamp(.75rem,1.8vw,1rem);font-size:1.05em}.professional-ticket-tile.compact{min-height:clamp(155px,14vw,180px);padding:clamp(.65rem,1.6vw,.875rem)}.tile-title{font-size:.95rem;line-height:1.3}.tile-description{font-size:.8rem;line-height:1.35}}@media (min-width: 1921px) and (max-width: 2560px){.professional-ticket-tile{min-height:clamp(165px,17vw,190px);padding:clamp(.7rem,1.7vw,.9rem)}.professional-ticket-tile.compact{min-height:clamp(145px,15vw,170px);padding:clamp(.6rem,1.5vw,.8rem)}.tile-title{font-size:.9rem;line-height:1.25}.tile-description{font-size:.78rem;line-height:1.3}}@media (min-width: 1441px) and (max-width: 1920px){.professional-ticket-tile{min-height:clamp(160px,18vw,185px);padding:clamp(.65rem,1.6vw,.85rem)}.professional-ticket-tile.compact{min-height:clamp(140px,16vw,165px);padding:clamp(.55rem,1.4vw,.75rem)}.tile-title{font-size:.875rem;line-height:1.25}.tile-description{font-size:.75rem;line-height:1.3}}@media (min-width: 1025px) and (max-width: 1440px){.professional-ticket-tile{min-height:clamp(145px,17vw,170px);padding:clamp(.55rem,1.5vw,.75rem);gap:clamp(.3rem,1vw,.5rem)}.professional-ticket-tile.compact{min-height:clamp(125px,15vw,150px);padding:clamp(.45rem,1.3vw,.65rem);gap:clamp(.25rem,.8vw,.4rem)}.tile-title{font-size:clamp(.8rem,1.8vw,.875rem);line-height:1.2;-webkit-line-clamp:1;line-clamp:1}.tile-description{font-size:clamp(.7rem,1.5vw,.75rem);line-height:1.25;-webkit-line-clamp:5;line-clamp:5;max-height:6.25em}.assignment-info-compact{padding:clamp(.4rem,1.2vw,.5rem);gap:clamp(.3rem,.8vw,.4rem)}.creator-avatar,.assignee-avatar-small{width:clamp(16px,3vw,20px);height:clamp(16px,3vw,20px);font-size:clamp(.55rem,1.2vw,.6rem)}.creator-name,.assignee-name-small{font-size:clamp(.65rem,1.4vw,.75rem)}.department-name-small{font-size:clamp(.6rem,1.3vw,.7rem);max-width:clamp(140px,25vw,180px)}.tile-metadata{gap:clamp(.25rem,.7vw,.375rem);padding:clamp(.2rem,.5vw,.25rem) 0}.ticket-tile-status-badge{padding:clamp(.2rem,.5vw,.25rem) clamp(.35rem,1vw,.5rem);font-size:clamp(.6rem,1.3vw,.7rem)}.time-info{font-size:clamp(.58rem,1.2vw,.65rem);padding:clamp(.12rem,.3vw,.15rem) clamp(.25rem,.6vw,.3rem)}.professional-ticket-tile .tile-footer{gap:clamp(.5rem,1.2vw,.75rem)!important;padding:clamp(.35rem,1vw,.5rem) 0 clamp(.2rem,.5vw,.25rem) 0!important}.professional-ticket-tile .count-item{font-size:clamp(.6rem,1.3vw,.7rem);padding:clamp(.15rem,.4vw,.2rem) clamp(.3rem,.8vw,.4rem)}.professional-ticket-tile .sla-indicator{font-size:clamp(.58rem,1.2vw,.65rem)!important;padding:clamp(.2rem,.5vw,.25rem) clamp(.3rem,.8vw,.4rem) clamp(.2rem,.5vw,.25rem) clamp(.5rem,1.2vw,.7rem)!important}}@media (min-width: 769px) and (max-width: 1024px){.professional-ticket-tile{min-height:clamp(150px,18vw,175px);padding:clamp(.5rem,1.5vw,.7rem);gap:clamp(.3rem,1vw,.45rem)}.professional-ticket-tile.compact{min-height:clamp(130px,16vw,155px);padding:clamp(.4rem,1.3vw,.6rem);gap:clamp(.25rem,.8vw,.35rem)}.tile-title{font-size:clamp(.8rem,2vw,.875rem);line-height:1.2}.tile-description{font-size:clamp(.7rem,1.8vw,.75rem);line-height:1.25}.assignment-row{flex-direction:column;gap:clamp(.3rem,1vw,.4rem)}.creator-section,.assignee-section{flex:none}}@media (min-width: 481px) and (max-width: 768px){.professional-ticket-tile{min-height:clamp(160px,20vw,180px);padding:clamp(.5rem,2vw,.75rem);gap:clamp(.35rem,1.5vw,.5rem)}.professional-ticket-tile.compact{min-height:clamp(140px,18vw,160px);padding:clamp(.4rem,1.8vw,.65rem);gap:clamp(.3rem,1.2vw,.4rem)}.tile-title{font-size:clamp(.85rem,2.5vw,.95rem);line-height:1.25;-webkit-line-clamp:2;line-clamp:2}.tile-description{font-size:clamp(.72rem,2.2vw,.8rem);line-height:1.3;-webkit-line-clamp:5;line-clamp:5}.assignment-info-compact{padding:clamp(.4rem,1.5vw,.5rem);gap:clamp(.35rem,1.2vw,.45rem)}.assignment-row{flex-direction:column;gap:clamp(.4rem,1.5vw,.5rem)}.creator-info,.assignee-info-compact{gap:clamp(.3rem,1.2vw,.35rem)}.creator-avatar,.assignee-avatar-small{width:clamp(18px,4vw,22px);height:clamp(18px,4vw,22px);font-size:clamp(.6rem,1.8vw,.65rem)}.creator-name,.assignee-name-small{font-size:clamp(.7rem,2.2vw,.78rem)}.department-info-compact{padding:clamp(.25rem,1vw,.3rem) clamp(.35rem,1.2vw,.4rem)}.department-name-small{font-size:clamp(.65rem,2vw,.72rem);max-width:clamp(180px,40vw,220px)}.professional-ticket-tile .tile-footer{gap:clamp(.6rem,2vw,.8rem)!important;padding:clamp(.4rem,1.5vw,.5rem) 0 clamp(.2rem,.8vw,.25rem) 0!important;flex-wrap:nowrap!important;align-items:center!important}.professional-ticket-tile .counts{gap:clamp(.4rem,1.5vw,.5rem)}.professional-ticket-tile .count-item{font-size:clamp(.65rem,2vw,.72rem);padding:clamp(.18rem,.7vw,.22rem) clamp(.35rem,1.2vw,.4rem)}.professional-ticket-tile .sla-indicators{gap:clamp(.25rem,1vw,.3rem)!important;max-width:100%!important}.professional-ticket-tile .sla-indicator{font-size:clamp(.62rem,1.8vw,.7rem)!important;padding:clamp(.22rem,.8vw,.25rem) clamp(.35rem,1.2vw,.4rem) clamp(.22rem,.8vw,.25rem) clamp(.6rem,2vw,.7rem)!important}}@media (max-width: 480px){.professional-ticket-tile{min-height:clamp(180px,25vw,200px);padding:clamp(.6rem,3vw,.8rem);gap:clamp(.4rem,2vw,.6rem);border-radius:clamp(8px,2vw,12px)}.professional-ticket-tile.compact{min-height:clamp(160px,22vw,180px);padding:clamp(.5rem,2.5vw,.7rem);gap:clamp(.35rem,1.8vw,.5rem)}.tile-title{font-size:clamp(.9rem,4vw,1rem);line-height:1.3;-webkit-line-clamp:2;line-clamp:2;margin-bottom:clamp(.2rem,1vw,.25rem)}.tile-description{font-size:clamp(.75rem,3.5vw,.85rem);line-height:1.4;-webkit-line-clamp:5;line-clamp:5}.assignment-info-compact{padding:clamp(.5rem,2.5vw,.6rem);gap:clamp(.45rem,2vw,.55rem);border-radius:clamp(6px,1.5vw,8px)}.assignment-row{flex-direction:column;gap:clamp(.5rem,2.5vw,.6rem)}.creator-section,.assignee-section{flex:none;width:100%}.creator-info,.assignee-info-compact{gap:clamp(.35rem,2vw,.4rem)}.creator-avatar,.assignee-avatar-small{width:clamp(20px,5vw,24px);height:clamp(20px,5vw,24px);font-size:clamp(.65rem,2.5vw,.7rem)}.creator-name,.assignee-name-small{font-size:clamp(.75rem,3.5vw,.85rem);font-weight:600}.department-section{margin-top:clamp(.3rem,1.5vw,.4rem)}.department-info-compact{padding:clamp(.3rem,1.5vw,.35rem) clamp(.4rem,2vw,.45rem);border-radius:clamp(4px,1vw,6px)}.department-name-small{font-size:clamp(.7rem,3vw,.78rem);max-width:100%}.tile-metadata{gap:clamp(.4rem,2vw,.5rem);padding:clamp(.3rem,1.5vw,.35rem) 0;flex-wrap:wrap}.ticket-tile-status-badge{padding:clamp(.25rem,1.2vw,.3rem) clamp(.5rem,2.5vw,.6rem);font-size:clamp(.7rem,3vw,.78rem);border-radius:clamp(6px,1.5vw,8px);min-width:fit-content}.time-info{font-size:clamp(.65rem,2.8vw,.72rem);padding:clamp(.2rem,1vw,.25rem) clamp(.35rem,1.8vw,.4rem);border-radius:clamp(4px,1vw,6px)}.professional-ticket-tile .tile-footer{gap:clamp(.4rem,2vw,.6rem)!important;padding:clamp(.5rem,2.5vw,.6rem) 0 clamp(.25rem,1.2vw,.3rem) 0!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important}.professional-ticket-tile .counts{gap:clamp(.3rem,1.5vw,.4rem);justify-content:flex-start;flex-wrap:nowrap;flex-shrink:1;min-width:0}.professional-ticket-tile .count-item{font-size:clamp(.65rem,2.5vw,.7rem);padding:clamp(.18rem,1vw,.2rem) clamp(.3rem,1.5vw,.35rem);border-radius:clamp(4px,1vw,6px);flex-shrink:0}.professional-ticket-tile .ticket-tile-sla-indicators{gap:clamp(.25rem,1vw,.3rem)!important;max-width:100%!important;align-items:center!important;flex-shrink:1;min-width:0}.professional-ticket-tile .ticket-tile-sla-indicator{font-size:clamp(.6rem,2.2vw,.65rem)!important;padding:clamp(.15rem,.8vw,.18rem) clamp(.25rem,1.2vw,.3rem)!important;border-radius:clamp(4px,1vw,6px)!important;text-align:center!important;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.professional-ticket-tile{cursor:pointer;-webkit-tap-highlight-color:rgba(255,93,93,.1)}.professional-ticket-tile:active{transform:scale(.98);transition:transform .1s ease}.professional-ticket-tile *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}@media (max-width: 480px){.tile-metadata{flex-direction:row;align-items:center;gap:.375rem}.professional-ticket-tile .tile-footer{flex-direction:row!important;align-items:center!important;gap:.4rem!important;overflow:visible;padding:.4rem 0 .2rem;justify-content:space-between!important}.professional-ticket-tile .counts{gap:.3rem;flex-shrink:1;min-width:0}.professional-ticket-tile .count-item{font-size:.65rem;padding:.15rem .3rem;flex-shrink:0}.professional-ticket-tile .ticket-tile-sla-indicators{max-width:60%;gap:.25rem;flex-shrink:1;min-width:0}.professional-ticket-tile .ticket-tile-sla-indicator{font-size:.6rem;padding:.15rem .25rem;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.ticket-tile-tooltip{max-width:220px;font-size:.75rem;padding:.5rem;z-index:2147483647!important}}.professional-ticket-tile:focus{outline:2px solid #3b82f6;outline-offset:2px}.professional-ticket-tile:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.tickets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-template-rows:repeat(2,minmax(140px,auto));gap:.75rem;padding:.375rem 0;overflow:hidden}.dashboard-tickets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-template-rows:repeat(2,minmax(160px,auto));gap:.75rem;padding:.5rem 0;overflow:hidden}@media (max-width: 768px){.tickets-grid,.dashboard-tickets-grid{grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(140px,auto));gap:.5rem}}@media (min-width: 1200px){.tickets-grid,.dashboard-tickets-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-template-rows:repeat(2,minmax(170px,auto));gap:.875rem}}.tickets-page .tickets-grid{grid-template-rows:none;max-height:none;overflow:visible}.professional-ticket-tile.compact .tile-content-priority{gap:.375rem;padding:.2rem 0}.professional-ticket-tile.compact .assignment-info-compact{padding:.3rem .5rem}.professional-ticket-tile.compact .assignee-avatar-small{width:18px;height:18px;font-size:.6rem}.professional-ticket-tile.compact .tile-title{font-size:.9rem;-webkit-line-clamp:1;line-clamp:1}.professional-ticket-tile.compact .tile-description{font-size:.75rem;-webkit-line-clamp:5;line-clamp:5;max-height:7em;line-height:1.4}.tickets-grid .professional-ticket-tile.compact .tile-description,.dashboard-tickets-grid .professional-ticket-tile.compact .tile-description{font-size:.75rem!important;-webkit-line-clamp:5!important;line-clamp:5!important;max-height:7em!important;line-height:1.4!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.tickets-container .tickets-grid .professional-ticket-tile.compact .tile-description,.dashboard-tickets-grid .professional-ticket-tile.compact .tile-description,.professional-ticket-tile.compact .description-container .tile-description,.compact .tile-description{font-size:.75rem!important;-webkit-line-clamp:5!important;line-clamp:5!important;max-height:7em!important;line-height:1.4!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;overflow:hidden!important;white-space:normal!important;text-overflow:ellipsis!important}.professional-ticket-tile.compact .tile-description,.professional-ticket-tile.compact .description-container p,.tickets-grid .professional-ticket-tile.compact .tile-description,.dashboard-tickets-grid .professional-ticket-tile.compact .tile-description,.tickets-grid .professional-ticket-tile.compact .description-container p,.dashboard-tickets-grid .professional-ticket-tile.compact .description-container p{font-size:.75rem!important;-webkit-line-clamp:5!important;line-clamp:5!important;max-height:7em!important;line-height:1.4!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;overflow:hidden!important;white-space:normal!important;text-overflow:ellipsis!important;margin:0!important;height:auto!important;box-sizing:border-box!important}.professional-ticket-tile.compact .assignee-name-small{font-size:.7rem}.professional-ticket-tile.compact .department-name-small{font-size:.65rem;max-width:100px}.professional-ticket-tile.compact .tile-metadata{padding:.25rem 0}.professional-ticket-tile.compact .tile-footer{padding:.3rem 0 .2rem;gap:.4rem;overflow:visible;flex-direction:row!important;align-items:center!important;justify-content:space-between!important}.professional-ticket-tile.compact .counts{gap:.3rem;flex-shrink:1;min-width:0}.professional-ticket-tile.compact .count-item{font-size:.6rem;padding:.1rem .25rem;flex-shrink:0}.professional-ticket-tile.compact .ticket-tile-sla-indicators{max-width:50%;gap:.2rem;flex-shrink:1;min-width:0}.professional-ticket-tile.compact .ticket-tile-sla-indicator{font-size:.55rem;padding:.1rem .2rem;border-width:1px;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.professional-ticket-tile[style*="--priority-color: #dc2626"] .ticket-tile-priority-bar{animation:critical-pulse 2s ease-in-out infinite;background:linear-gradient(90deg,#dc2626,#ef4444,#dc2626)}.professional-ticket-tile[style*="--priority-color: #ea580c"] .ticket-tile-priority-bar{background:linear-gradient(90deg,#ea580c,#f97316,#ea580c)}.professional-ticket-tile[style*="--priority-color: #d97706"] .ticket-tile-priority-bar{background:linear-gradient(90deg,#d97706,#f59e0b,#d97706)}.professional-ticket-tile[style*="--priority-color: #16a34a"] .ticket-tile-priority-bar{background:linear-gradient(90deg,#16a34a,#22c55e,#16a34a)}@keyframes critical-pulse{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.8;transform:scaleY(.9)}}.professional-ticket-tile:hover .assignee-avatar-small{transform:scale(1.05);box-shadow:0 2px 6px #64748b4d}.professional-ticket-tile:hover .assignment-info-compact{background:linear-gradient(135deg,#f0f4f8,#e6f1ff 40%,#dbeafe);border-color:#94a3b84d}.professional-ticket-tile:hover .ticket-tile-priority-badge{transform:scale(1.02)}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.professional-ticket-tile.loading{pointer-events:none}.professional-ticket-tile.loading .tile-title,.professional-ticket-tile.loading .tile-description{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;color:transparent}.professional-ticket-tile:hover .assignee-avatar-small{transform:scale(1.05)}.professional-ticket-tile:hover .ticket-code{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#334155;border-color:#94a3b866}.professional-ticket-tile:focus-visible{outline:2px solid #64748b;outline-offset:2px}.tile-checkbox:focus-visible{outline:2px solid #64748b;outline-offset:1px}.assignment-info-redesigned{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9,#e2e8f0);border-radius:10px;border:1px solid rgba(203,213,225,.6);margin-bottom:.5rem;box-shadow:inset 0 1px #ffffffb3,0 1px 3px #0000000d}.creator-assignee-row{display:flex;gap:1rem;align-items:flex-start}.creator-info-section,.assignee-info-section{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.department-info-section{display:flex;flex-direction:column;gap:.25rem}.ticket-tile-info-label{font-size:clamp(.7rem,1.3vw,.8rem);font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:clamp(.2rem,.5vw,.3rem);line-height:1.2}.creator-info,.assignee-info,.department-info{display:flex;align-items:center;gap:.375rem;min-height:26px}.creator-avatar,.assignee-avatar{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;flex-shrink:0;box-shadow:0 2px 4px #0000001a;border:1px solid rgba(255,255,255,.6);transition:all .2s ease}.creator-avatar{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.assignee-avatar{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.creator-name,.assignee-name,.department-name{font-size:.75rem!important;font-weight:600;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.department-info{color:#64748b;font-size:.65rem}.department-info svg{color:#64748b;font-size:.75rem}.professional-ticket-tile:hover .creator-avatar,.professional-ticket-tile:hover .assignee-avatar{transform:scale(1.05);box-shadow:0 3px 6px #00000026}.professional-ticket-tile:hover .assignment-info-redesigned{background:linear-gradient(135deg,#fff,#f8fafc,#f1f5f9);border-color:#94a3b8cc;box-shadow:inset 0 1px #fffc,0 2px 6px #00000014}.professional-ticket-tile.compact .assignment-info-redesigned{padding:.5rem;gap:.375rem}.professional-ticket-tile.compact .creator-assignee-row{gap:.75rem}.professional-ticket-tile.compact .creator-avatar,.professional-ticket-tile.compact .assignee-avatar{width:20px;height:20px;font-size:.65rem}.professional-ticket-tile.compact .creator-name,.professional-ticket-tile.compact .assignee-name,.professional-ticket-tile.compact .department-name{font-size:.7rem!important}.professional-ticket-tile.compact .ticket-tile-info-label{font-size:.6rem}@media (max-width: 768px){.creator-assignee-row{flex-direction:column;gap:.5rem}.creator-info-section,.assignee-info-section{flex:none}}.professional-ticket-tile .ticket-tile-sla-indicators{display:flex;gap:.375rem;margin-top:0;flex-wrap:nowrap;align-items:center;flex-shrink:1;min-width:0}.professional-ticket-tile .ticket-tile-sla-indicator{font-size:clamp(.625rem,1.2vw,.7rem);font-weight:600;padding:.15rem .4rem;background:#ffffffe6;border-radius:.25rem;border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 2px #0000000d;transition:all .2s ease;cursor:pointer;white-space:nowrap;text-align:center;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.professional-ticket-tile .ticket-tile-sla-indicator:hover{background:#fff;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.custom-tooltip{position:absolute;top:50%;left:100%;transform:translateY(-50%);background:#0f172af2;color:#f1f5f9;padding:12px 16px;border-radius:8px;font-size:.875rem;line-height:1.5;white-space:normal;word-wrap:break-word;min-width:200px;max-width:350px;z-index:1000;box-shadow:0 8px 25px #00000040,0 4px 12px #00000026;margin-left:12px;pointer-events:none;animation:slideInRight .2s ease-in-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.custom-tooltip:after{content:"";position:absolute;top:50%;left:-6px;transform:translateY(-50%);border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid rgba(15,23,42,.95)}.title-container,.description-container{position:relative}@keyframes slideInRight{0%{opacity:0;transform:translateY(-50%) translate(-12px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.portal-tooltip{position:fixed!important;z-index:2147483647!important;background:#0f172af2!important;color:#f1f5f9!important;padding:12px 16px!important;border-radius:8px!important;font-size:.875rem!important;line-height:1.5!important;white-space:normal!important;word-wrap:break-word!important;min-width:200px!important;max-width:350px!important;box-shadow:0 8px 25px #00000040,0 4px 12px #00000026!important;pointer-events:none!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.1)!important;animation:tooltipFadeIn .2s ease-out!important}@media (max-width: 768px){.custom-tooltip{left:auto;right:100%;margin-left:0;margin-right:12px;animation:slideInLeft .2s ease-in-out}.custom-tooltip:after{left:auto;right:-6px;border-right:none;border-left:6px solid rgba(15,23,42,.95)}}@keyframes slideInLeft{0%{opacity:0;transform:translateY(-50%) translate(12px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.tile-description.rich-text-content{margin:0;font-size:clamp(.8rem,1.5vw,.9rem);color:#64748b;line-height:1.4;display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer;transition:color .2s ease;max-height:7em;border:none!important;background:transparent!important;box-shadow:none!important;outline:none!important;box-sizing:border-box}.tile-description.rich-text-content:hover{color:#475569}.professional-ticket-tile .tile-description.rich-text-content,.tickets-grid .professional-ticket-tile .tile-description.rich-text-content,.dashboard-tickets-grid .professional-ticket-tile .tile-description.rich-text-content{border:none!important;background:transparent!important;box-shadow:none!important;outline:none!important}.professional-ticket-tile .description-container,.tickets-grid .professional-ticket-tile .description-container,.dashboard-tickets-grid .professional-ticket-tile .description-container,.description-container{border:none!important;background:transparent!important;padding:0!important;margin:0!important;box-shadow:none!important;outline:none!important}.professional-ticket-tile .tile-description,.tickets-grid .professional-ticket-tile .tile-description,.dashboard-tickets-grid .professional-ticket-tile .tile-description,.tile-description{border:none!important;background:transparent!important;box-shadow:none!important;outline:none!important}.tile-description.rich-text-content strong,.tile-description.rich-text-content b{font-weight:700;color:inherit}.tile-description.rich-text-content em,.tile-description.rich-text-content i{font-style:italic}.tile-description.rich-text-content u{text-decoration:underline}.tile-description.rich-text-content strike,.tile-description.rich-text-content s{text-decoration:line-through;opacity:.8}.tile-description.rich-text-content p{margin:0;display:inline}.tile-description.rich-text-content br{display:none}.tile-description.rich-text-content ul,.tile-description.rich-text-content ol{margin:0;padding-left:1em;display:inline}.tile-description.rich-text-content li{display:inline;margin:0}.tile-description.rich-text-content li:after{content:", "}.tile-description.rich-text-content li:last-child:after{content:""}.portal-tooltip.rich-text-content{white-space:normal;word-wrap:break-word}.portal-tooltip.rich-text-content strong,.portal-tooltip.rich-text-content b{font-weight:700;color:#f1f5f9}.portal-tooltip.rich-text-content em,.portal-tooltip.rich-text-content i{font-style:italic}.portal-tooltip.rich-text-content u{text-decoration:underline}.portal-tooltip.rich-text-content strike,.portal-tooltip.rich-text-content s{text-decoration:line-through;opacity:.8}.portal-tooltip.rich-text-content p{margin:.5em 0}.portal-tooltip.rich-text-content p:first-child{margin-top:0}.portal-tooltip.rich-text-content p:last-child{margin-bottom:0}.portal-tooltip.rich-text-content ul,.portal-tooltip.rich-text-content ol{margin:.5em 0;padding-left:1.5em}.portal-tooltip.rich-text-content li{margin-bottom:.25em}.portal-tooltip.rich-text-content blockquote{border-left:3px solid rgba(255,255,255,.3);margin:.5em 0;font-style:italic;background:#ffffff0d;padding:.5em 1em;border-radius:0 4px 4px 0}.portal-tooltip.rich-text-content h1,.portal-tooltip.rich-text-content h2,.portal-tooltip.rich-text-content h3,.portal-tooltip.rich-text-content h4,.portal-tooltip.rich-text-content h5,.portal-tooltip.rich-text-content h6{margin:.5em 0 .25em;font-weight:700;color:#f1f5f9}.portal-tooltip.rich-text-content pre{background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:.5em;font-family:Courier New,monospace;font-size:.8em;overflow-x:auto;margin:.5em 0}.portal-tooltip.rich-text-content a{color:#93c5fd;text-decoration:underline}.portal-tooltip.rich-text-content a:hover{color:#bfdbfe}.modern-header{display:flex;align-items:center;justify-content:space-between;height:var(--header-height-desktop);padding:0 clamp(1rem,3vw,2rem);background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);transition:all var(--transition-normal);box-shadow:0 1px 3px #0000000d}@media (min-width: 2561px){.modern-header{height:var(--header-height-large);padding:0 clamp(2rem,4vw,3rem)}}@media (min-width: 1921px) and (max-width: 2560px){.modern-header{height:var(--header-height-desktop);padding:0 clamp(1.5rem,3.5vw,2.5rem)}}@media (min-width: 1441px) and (max-width: 1920px){.modern-header{height:var(--header-height-desktop);padding:0 clamp(1.25rem,3vw,2rem)}}@media (min-width: 1025px) and (max-width: 1440px){.modern-header{height:var(--header-height-laptop);padding:0 clamp(1rem,2.5vw,1.5rem)}}@media (min-width: 769px) and (max-width: 1024px){.modern-header{height:var(--header-height-laptop);padding:0 clamp(.875rem,2vw,1.25rem)}}@media (min-width: 481px) and (max-width: 768px){.modern-header{height:var(--header-height-tablet);padding:0 clamp(.75rem,3vw,1rem)}}@media (max-width: 480px){.modern-header{height:var(--header-height-mobile);padding:0 clamp(.5rem,4vw,.75rem)}}.modern-header-left{display:flex;align-items:center;gap:clamp(.75rem,2vw,1.5rem);flex-shrink:0}.modern-header-center{flex:1;max-width:clamp(300px,40vw,600px);margin:0 clamp(.75rem,2vw,2rem);display:none}@media (min-width: 1025px){.modern-header-center{display:block}}@media (min-width: 1025px) and (max-width: 1280px){.modern-header-center{max-width:clamp(250px,35vw,400px);margin:0 clamp(.5rem,1.5vw,1rem)}}.modern-header-right{display:flex;align-items:center;gap:clamp(.5rem,1.5vw,1rem);flex-shrink:0}.modern-mobile-menu-btn{display:none;align-items:center;justify-content:center;width:clamp(36px,8vw,44px);height:clamp(36px,8vw,44px);border:none;border-radius:var(--border-radius-lg);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal);-webkit-tap-highlight-color:transparent}.modern-mobile-menu-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary);transform:scale(1.05)}.modern-mobile-menu-btn:active{transform:scale(.95)}@media (max-width: 768px){.modern-mobile-menu-btn{display:flex}}.modern-sidebar-toggle{display:flex;align-items:center;justify-content:center;width:clamp(36px,7vw,44px);height:clamp(36px,7vw,44px);border:none;border-radius:var(--border-radius-lg);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal)}.modern-sidebar-toggle:hover{background:var(--color-surface-hover);color:var(--color-text-primary);transform:translateY(-1px)}.modern-sidebar-toggle:active{transform:translateY(0)}@media (max-width: 768px){.modern-sidebar-toggle{display:none}}.modern-brand{display:flex;align-items:center;gap:clamp(.5rem,1.5vw,.75rem);font-weight:var(--font-weight-bold);color:var(--color-primary);font-size:clamp(1rem,2.5vw,1.25rem);white-space:nowrap}@media (max-width: 480px){.modern-brand-text{display:none}}.modern-brand-logo{height:32px;width:auto}.modern-brand-text{font-size:clamp(var(--font-size-lg),2vw,var(--font-size-xl));font-weight:var(--font-weight-bold)}@media (max-width: 1366px){.modern-brand-text{font-size:var(--font-size-lg)}}@media (max-width: 768px){.modern-brand-text{display:none}}.modern-search-form{width:100%}.modern-search-input-wrapper{position:relative;width:100%}.modern-search-icon{position:absolute;left:var(--spacing-4);top:50%;transform:translateY(-50%);color:var(--color-text-muted);font-size:var(--font-size-sm)}.modern-search-input{width:100%;height:42px;padding:0 var(--spacing-4) 0 var(--spacing-10);border:1px solid var(--color-border);border-radius:var(--border-radius-full);background:var(--color-background-tertiary);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:all var(--transition-normal)}.modern-search-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-background-secondary);box-shadow:0 0 0 3px #ff5d5d1a}.modern-search-input::placeholder{color:var(--color-text-muted)}.modern-icon-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:none;border-radius:var(--border-radius-lg);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal);position:relative}.modern-icon-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.modern-quick-action-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border:none;border-radius:var(--border-radius-lg);background:var(--color-primary);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal)}.modern-quick-action-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.modern-btn-text{white-space:nowrap}.modern-notification-badge{position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:var(--border-radius-full);background:var(--color-primary);color:#fff;font-size:10px;font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center}.modern-user-name-display{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-right:var(--spacing-3)}.modern-user-profile-btn{display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--border-radius-full);background:transparent;cursor:pointer;transition:all var(--transition-normal);padding:0}.modern-user-profile-btn:hover{transform:scale(1.05)}.modern-user-dropdown,.modern-notification-dropdown{position:relative}.modern-user-btn{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border:none;border-radius:var(--border-radius-lg);background:transparent;cursor:pointer;transition:all var(--transition-normal)}.modern-user-btn:hover{background:var(--color-surface-hover)}.modern-user-avatar{width:36px;height:36px;border-radius:var(--border-radius-full);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.modern-user-avatar-large{width:48px;height:48px;border-radius:var(--border-radius-full);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.modern-user-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.modern-user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:1.2}.modern-user-role,.modern-user-email{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.2}.modern-chevron{font-size:var(--font-size-xs);color:var(--color-text-muted);transition:transform var(--transition-normal)}.modern-chevron.rotated{transform:rotate(180deg)}.modern-dropdown-menu{position:absolute;top:calc(100% + var(--spacing-2));right:0;min-width:280px;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);opacity:1;transform:translateY(0) scale(1)}@keyframes dropdownFadeIn{to{opacity:1;transform:translateY(0) scale(1)}}.modern-dropdown-header{padding:var(--spacing-4) var(--spacing-6);display:flex;align-items:center;justify-content:space-between}.modern-dropdown-header h3{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.modern-dropdown-footer{padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-border);text-align:center}.modern-dropdown-divider{height:1px;background:var(--color-border);margin:var(--spacing-2) 0}.modern-user-menu{min-width:200px;padding:var(--spacing-2) 0}.modern-user-menu .modern-dropdown-header{padding:var(--spacing-3) var(--spacing-5)}.modern-user-menu .modern-user-profile{display:flex;align-items:center;gap:var(--spacing-3)}.modern-user-menu .modern-user-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.modern-user-menu .modern-user-role{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin:6px 0 0}.modern-user-menu .modern-dropdown-item{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-primary)}.modern-user-menu .modern-dropdown-item:hover{background:var(--color-surface-hover)}.modern-user-menu .modern-dropdown-divider{margin:var(--spacing-2) 0;border-top:1px solid var(--color-border)}.modern-user-menu .modern-logout-item{color:var(--color-error)}.modern-user-menu .modern-logout-item:hover{background:var(--color-error-lightest)}.modern-dropdown-item{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3) var(--spacing-6);border:none;background:transparent;color:var(--color-text-primary);text-align:left;cursor:pointer;transition:all var(--transition-normal);font-size:var(--font-size-sm)}.modern-dropdown-item:hover{background:var(--color-surface-hover)}.modern-dropdown-item.modern-logout-item{color:var(--color-error)}.modern-dropdown-item.modern-logout-item:hover{background:var(--color-error-lightest)}.modern-text-btn{border:none;background:transparent;color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal)}.modern-text-btn:hover{color:var(--color-primary-dark)}.modern-user-profile{display:flex;align-items:center;gap:var(--spacing-4)}.modern-notification-menu{min-width:360px}.modern-notification-list{max-height:300px;overflow-y:auto}.modern-notification-item{padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-normal)}.modern-notification-item:hover{background:var(--color-surface-hover)}.modern-notification-item:last-child{border-bottom:none}.modern-notification-content{display:flex;flex-direction:column;gap:var(--spacing-1)}.modern-notification-title{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.modern-notification-text{margin:0;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.modern-notification-time{font-size:var(--font-size-xs);color:var(--color-text-muted)}@media (max-width: 1024px){.modern-sidebar-toggle{display:none}.modern-mobile-menu-btn{display:flex}.modern-header{height:60px;padding:0 var(--spacing-4)}.modern-header-center{margin:0 var(--spacing-4)}.modern-brand-text{display:none}}@media (max-width: 768px){.modern-header-center,.modern-btn-text,.modern-user-info{display:none}.modern-dropdown-menu{min-width:240px}.modern-notification-menu{min-width:280px}}@media (max-width: 480px){.modern-header{padding:0 var(--spacing-3)}.modern-header-right{gap:var(--spacing-2)}.modern-quick-action-btn{width:42px;height:42px;padding:0}}.header{background:#fffffff2;color:#212529;padding:0;box-shadow:0 2px 12px #00000014;z-index:999;position:sticky;top:0;left:280px;right:0;margin-left:280px;border-bottom:1px solid rgba(226,232,240,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.modern-sidebar{position:fixed;top:70px;left:0;width:280px;height:calc(100vh - 70px);background:var(--color-background-secondary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:var(--z-fixed);transition:all var(--transition-normal);overflow:hidden;box-shadow:2px 0 12px #00000014}@media (max-width: 1440px){.modern-sidebar{width:260px}}.modern-sidebar.collapsed{width:70px;box-shadow:2px 0 8px #0000000f}@media (max-width: 1366px){.modern-sidebar.collapsed{width:60px}.modern-sidebar{width:240px;top:65px}}@media (max-width: 1024px){.modern-sidebar{transform:translate(-100%);width:280px}}.modern-sidebar.mobile-open{transform:translate(0);box-shadow:4px 0 20px #00000026}.modern-sidebar-overlay{position:fixed;inset:0;background:var(--color-background-overlay);z-index:calc(var(--z-fixed) - 1);opacity:0;animation:fadeIn var(--transition-fast) ease-out forwards}.modern-sidebar-brand{display:flex;align-items:center;gap:var(--spacing-3)}.modern-brand-icon{width:40px;height:40px;background:var(--color-primary);color:#fff;border-radius:var(--border-radius-xl);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.modern-brand-logo-header{width:40px;height:40px;flex-shrink:0}.modern-brand-content{min-width:0;flex:1}.modern-brand-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.2}.modern-brand-subtitle{margin:0;font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.2}.modern-sidebar-content{flex:1;padding:clamp(var(--spacing-3),1vw,var(--spacing-4));overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}@media (max-width: 1366px){.modern-sidebar-content::-webkit-scrollbar{width:3px}}.modern-sidebar-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.loading-state{display:flex;align-items:center;justify-content:center;padding:var(--spacing-8);color:var(--color-text-muted);font-size:var(--font-size-sm);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.modern-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-2)}.modern-nav-item{margin:0;position:relative;animation:slideInUp .3s ease-out;animation-fill-mode:both}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modern-nav-link{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--border-radius-lg);color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-normal);position:relative;white-space:nowrap;overflow:hidden;border:1px solid transparent}.modern-nav-link:hover{background:var(--color-surface-hover);color:var(--color-text-primary);transform:translate(4px);border-color:var(--color-border-hover);box-shadow:0 2px 8px #00000014}.modern-nav-link.active{background:var(--color-primary-lightest);color:var(--color-primary-dark);font-weight:var(--font-weight-semibold);border-color:var(--color-primary-light);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.2)}.modern-nav-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:var(--color-primary);border-radius:0 2px 2px 0;box-shadow:2px 0 4px rgba(var(--color-primary-rgb),.3)}.modern-nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;border-radius:var(--border-radius-md);transition:all var(--transition-normal);position:relative}.modern-nav-icon .nav-icon{width:20px;height:20px;transition:all var(--transition-normal);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.modern-nav-link:hover .modern-nav-icon .nav-icon{transform:scale(1.1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.modern-nav-link.active .modern-nav-icon{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.3)}.modern-nav-link.active .modern-nav-icon .nav-icon{color:#fff!important;transform:scale(1.05);filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}.modern-nav-link:hover .modern-nav-icon{background:var(--color-surface-hover);transform:translateY(-1px)}.modern-nav-link.active:hover .modern-nav-icon{background:var(--color-primary-dark);transform:translateY(-1px) scale(1.02)}.modern-nav-link.active:hover .modern-nav-icon .nav-icon{color:#fff!important;transform:scale(1.1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.modern-sidebar.collapsed .modern-nav-icon{width:40px;height:40px;border-radius:var(--border-radius-lg);margin:0 auto}.modern-sidebar.collapsed .modern-nav-icon .nav-icon{width:24px;height:24px;font-size:24px}.modern-sidebar.collapsed .modern-nav-link{position:relative;justify-content:center}.modern-sidebar.collapsed .modern-nav-link[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background:var(--color-background-primary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;z-index:1000;box-shadow:0 4px 12px #00000026;animation:tooltipFadeIn .2s ease-out;pointer-events:none}.modern-sidebar.collapsed .modern-nav-link[data-tooltip]:hover:before{content:"";position:absolute;left:calc(100% + var(--spacing-2));top:50%;transform:translateY(-50%);border:4px solid transparent;border-right-color:var(--color-background-primary);z-index:1001}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%) translate(-4px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.modern-nav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.025em;line-height:1.4}.modern-nav-link.active .modern-nav-label{font-weight:var(--font-weight-semibold);color:var(--color-primary-dark)}.modern-nav-badge{background:var(--color-primary);color:#fff;font-size:10px;font-weight:var(--font-weight-bold);padding:2px 6px;border-radius:var(--border-radius-full);min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;line-height:1}.modern-nav-badge-collapsed{position:absolute;top:8px;right:8px;background:var(--color-primary);color:#fff;font-size:8px;font-weight:var(--font-weight-bold);width:16px;height:16px;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;line-height:1}.modern-sidebar-footer{padding:var(--spacing-4) var(--spacing-4);border-top:1px solid var(--color-border);background:var(--color-surface-secondary);box-shadow:0 -2px 8px #0000000d}.modern-brand-footer{display:flex;align-items:center;gap:var(--spacing-3);justify-content:center;padding:var(--spacing-2);border-radius:var(--border-radius-lg);transition:all var(--transition-normal)}.modern-brand-footer:hover{background:var(--color-surface-hover);transform:translateY(-1px)}.modern-footer-logo{height:32px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:all var(--transition-normal)}.modern-footer-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:.025em}.modern-footer-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.modern-user-card{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--border-radius-lg);background:var(--color-background-secondary);border:1px solid var(--color-border)}.modern-user-avatar{width:36px;height:36px;background:var(--color-primary);color:#fff;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;flex-shrink:0}.modern-user-info{min-width:0;flex:1}.modern-user-name{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modern-user-role{margin:0;font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.2;text-transform:capitalize}.modern-sidebar.collapsed .modern-brand-content{display:none}.modern-sidebar.collapsed .modern-nav-link{justify-content:center}.modern-sidebar.collapsed .modern-nav-label,.modern-sidebar.collapsed .modern-nav-badge{display:none}.modern-sidebar.collapsed .modern-sidebar-content{padding:var(--spacing-2)}.modern-sidebar.collapsed .modern-nav-list{gap:var(--spacing-1)}.modern-sidebar.collapsed .modern-nav-link{padding:var(--spacing-2);min-height:40px}.modern-sidebar.collapsed .modern-sidebar-footer{padding:var(--spacing-4)}.modern-sidebar.collapsed .modern-user-card{justify-content:center}.modern-sidebar.collapsed .modern-user-info,.modern-sidebar.collapsed .modern-footer-text{display:none}.modern-sidebar.collapsed .modern-brand-footer{justify-content:center;gap:0}.modern-footer-favicon{height:48px;width:48px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:all var(--transition-normal)}@media (max-width: 1024px){.modern-sidebar{transform:translate(-100%)}.modern-sidebar.mobile-open{transform:translate(0)}.modern-sidebar.collapsed{transform:translate(-100%)}.modern-sidebar.collapsed.mobile-open{transform:translate(0);width:280px}}@media (max-width: 768px){.modern-sidebar{top:60px;height:calc(100vh - 60px)}}.modern-sidebar-content::-webkit-scrollbar{width:4px}.modern-sidebar-content::-webkit-scrollbar-track{background:transparent}.modern-sidebar-content::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:2px}.modern-sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.modern-nav-item{opacity:0;transform:translate(-10px);animation:slideInLeft .3s ease-out forwards}.modern-nav-item:nth-child(1){animation-delay:.1s}.modern-nav-item:nth-child(2){animation-delay:.2s}.modern-nav-item:nth-child(3){animation-delay:.3s}.modern-nav-item:nth-child(4){animation-delay:.4s}.modern-nav-item:nth-child(5){animation-delay:.5s}.modern-nav-item:nth-child(6){animation-delay:.6s}.modern-nav-item:nth-child(7){animation-delay:.7s}.modern-nav-item:nth-child(8){animation-delay:.8s}.modern-nav-item:nth-child(9){animation-delay:.9s}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}.modern-app-layout{display:flex;flex-direction:column;min-height:100vh;background:var(--color-background-primary);overflow-x:hidden}.modern-app-body{display:flex;flex:1;min-height:0;position:relative}.modern-main-content{flex:1;display:flex;flex-direction:column;min-width:0;transition:margin-left var(--transition-normal),width var(--transition-normal);margin-left:320px;width:calc(100% - 320px)}@media (min-width: 1921px) and (max-width: 2560px){.modern-main-content{margin-left:280px;width:calc(100% - 280px)}}@media (min-width: 1441px) and (max-width: 1920px){.modern-main-content{margin-left:260px;width:calc(100% - 260px)}}@media (min-width: 1025px) and (max-width: 1440px){.modern-main-content{margin-left:240px;width:calc(100% - 240px)}}@media (min-width: 769px) and (max-width: 1024px){.modern-main-content{margin-left:220px;width:calc(100% - 220px)}}@media (max-width: 768px){.modern-main-content{margin-left:0;width:100%}}.modern-main-content.sidebar-collapsed{margin-left:75px;width:calc(100% - 75px)}@media (min-width: 1025px) and (max-width: 1440px){.modern-main-content.sidebar-collapsed{margin-left:65px;width:calc(100% - 65px)}}@media (max-width: 768px){.modern-main-content.sidebar-collapsed{margin-left:0;width:100%}}.modern-content-header{background:var(--color-background-secondary);border-bottom:1px solid var(--color-border);padding:clamp(1rem,3vw,2rem);position:sticky;top:0;z-index:var(--z-sticky);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2}.modern-content-body{flex:1;padding:clamp(1rem,3vw,2rem);overflow:auto;position:relative}@media (min-width: 2561px){.modern-content-body{padding:clamp(1.5rem,2.5vw,3rem);max-width:2400px;margin:0 auto}}@media (min-width: 1921px) and (max-width: 2560px){.modern-content-body{padding:clamp(1.25rem,2.2vw,2.5rem)}}@media (min-width: 1441px) and (max-width: 1920px){.modern-content-body{padding:clamp(1rem,2vw,2rem)}}@media (min-width: 1025px) and (max-width: 1440px){.modern-content-body{padding:clamp(.875rem,1.8vw,1.5rem)}}@media (min-width: 769px) and (max-width: 1024px){.modern-content-body{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (min-width: 481px) and (max-width: 768px){.modern-content-body{padding:clamp(.75rem,2vw,1rem)}}@media (max-width: 480px){.modern-content-body{padding:clamp(.5rem,4vw,.75rem)}}@media (min-width: 2561px){.modern-content-header{padding:clamp(1.5rem,2.5vw,3rem);max-width:2400px;margin:0 auto}}@media (min-width: 1921px) and (max-width: 2560px){.modern-content-header{padding:clamp(1.25rem,2.2vw,2.5rem)}}@media (min-width: 1441px) and (max-width: 1920px){.modern-content-header{padding:clamp(1rem,2vw,2rem)}}@media (min-width: 1025px) and (max-width: 1440px){.modern-content-header{padding:clamp(.875rem,1.8vw,1.5rem)}}@media (min-width: 769px) and (max-width: 1024px){.modern-content-header{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (min-width: 481px) and (max-width: 768px){.modern-content-header{padding:clamp(.75rem,2vw,1rem)}}@media (max-width: 480px){.modern-content-header{padding:clamp(.5rem,4vw,.75rem)}}.mobile-overlay{position:fixed;inset:0;background:var(--color-background-overlay);z-index:var(--z-modal-backdrop);opacity:0;animation:fadeIn var(--transition-fast) ease-out forwards}@keyframes fadeIn{to{opacity:1}}.app-layout{display:flex;flex-direction:column;min-height:100vh;background:var(--color-background-primary)}.app-layout-body{display:flex;flex:1;overflow:hidden}.app-content{flex:1;margin-left:280px;display:flex;flex-direction:column;transition:margin-left .3s ease;overflow:hidden;background:transparent;position:relative}@media (max-width: 1440px){.app-content{margin-left:260px}}@media (max-width: 1366px){.app-content{margin-left:240px}}.side-nav.collapsed~.app-content{margin-left:70px}@media (max-width: 1366px){.side-nav.collapsed~.app-content{margin-left:60px}}.header{margin-left:0}.side-nav.collapsed~.app-content .header{margin-left:0}.main-content{flex:1;padding:clamp(.5rem,2vw,1rem);max-width:none;margin:0;width:100%;box-sizing:border-box;overflow-y:auto;background:transparent}@media (max-width: 1366px){.app-content{margin-left:0}.main-content{padding:clamp(.4rem,1.5vw,.8rem)}.header{margin-left:0}}@media (max-width: 768px){.app-content{margin-left:0}.main-content{padding:.5rem .75rem}.header{margin-left:0}.side-nav.mobile-open:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:-1}}.content-container{background:#fffffff2;border-radius:.75rem;padding:1rem 1.25rem;box-shadow:0 2px 12px #00000014;margin-bottom:1rem;border:1px solid rgba(226,232,240,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.content-container:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-1px)}.content-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.content-title{font-size:1.375rem;font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.3}.content-subtitle{font-size:.8rem;color:var(--color-text-secondary);margin:.125rem 0 0;line-height:1.4}[data-theme=dark] .content-container{background:var(--color-surface-elevated)}.app-layout .header{position:relative;top:0;left:0;right:0;z-index:1000}.ticket-actions{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:var(--color-background);border-radius:var(--border-radius-lg);box-shadow:var(--color-shadow)}.ticket-actions-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.ticket-info h2{margin:0 0 .5rem;color:var(--color-text-primary);font-size:1.5rem;font-weight:600}.ticket-meta{display:flex;gap:.5rem;align-items:center}.status-badge,.priority-badge{padding:.25rem .75rem;border-radius:var(--border-radius-sm);color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase}.ticket-actions-buttons{display:flex;gap:.5rem}.quick-actions{padding:1rem;background:var(--color-surface);border-radius:var(--border-radius-md);border:1px solid var(--color-border)}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.ticket-details-tabs{display:flex;flex-direction:column;gap:1rem}.tab-buttons{display:flex;gap:.5rem;border-bottom:1px solid var(--color-border)}.tab-button{padding:.75rem 1rem;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;border-bottom:2px solid transparent;transition:all .2s ease}.tab-button:hover{color:var(--color-text-primary);background:var(--color-surface)}.tab-content{min-height:300px}.ticket-details{padding:1.5rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-item label{font-weight:600;color:var(--color-text-secondary);font-size:.9rem}.detail-item p{margin:0;color:var(--color-text-primary);line-height:1.5}.tags{display:flex;gap:.5rem;flex-wrap:wrap}.tag{padding:.25rem .5rem;background:var(--color-primary);color:#fff;border-radius:var(--border-radius-sm);font-size:.8rem}.notes-list,.time-entries,.history-list,.attachments-list{display:flex;flex-direction:column;gap:1rem}.note-item,.time-entry,.history-item,.attachment-item{padding:1rem;border-left:4px solid var(--color-primary)}.note-header,.time-header,.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.9rem}.note-author,.time-user,.history-user{font-weight:600;color:var(--color-text-primary)}.note-date,.time-date,.history-date{color:var(--color-text-secondary);font-size:.8rem}.internal-badge{padding:.125rem .5rem;background:var(--color-warning);color:#fff;border-radius:var(--border-radius-sm);font-size:.7rem;font-weight:600}.note-content{margin-top:.5rem}.note-content p{margin:0;color:var(--color-text-primary);line-height:1.5}.time-hours{font-weight:600;color:var(--color-primary)}.time-description{margin:0;color:var(--color-text-primary);font-style:italic}.history-action{font-weight:600;color:var(--color-success)}.history-changes{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--color-border)}.change-item{margin-bottom:.25rem;font-size:.9rem;color:var(--color-text-secondary)}.change-item strong{color:var(--color-text-primary)}.attachment-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-left:4px solid var(--color-info)}.attachment-info{display:flex;align-items:center;gap:.5rem}.attachment-name{font-weight:600;color:var(--color-text-primary)}.attachment-size{color:var(--color-text-secondary);font-size:.9rem}.attachment-actions{display:flex;gap:.5rem}@media (max-width: 768px){.ticket-actions{padding:1rem}.ticket-actions-header{flex-direction:column;align-items:flex-start;gap:1rem}.ticket-actions-buttons{flex-wrap:wrap;width:100%}.action-buttons{flex-direction:column;gap:.5rem}.action-buttons button{width:100%}.detail-grid{grid-template-columns:1fr}.tab-buttons{flex-wrap:wrap}.tab-button{padding:.5rem .75rem;font-size:.8rem}.attachment-item{flex-direction:column;align-items:flex-start;gap:1rem}}.loading-overlay{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10}.loading-spinner{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary)}.empty-state{text-align:center;padding:2rem;color:var(--color-text-secondary)}.empty-state svg{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state h3{margin:0 0 .5rem;color:var(--color-text-primary)}.empty-state p{margin:0;font-size:.9rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.note-item,.time-entry,.history-item,.attachment-item{animation:fadeIn .3s ease}@media print{.ticket-actions-buttons,.quick-actions,.tab-buttons{display:none}.ticket-actions{box-shadow:none;border:1px solid #000}.tab-content{min-height:auto}}.tickets-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:var(--spacing-4)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.tickets-tabs{margin-bottom:var(--spacing-6);border-bottom:2px solid var(--color-border)}.tabs-header{margin-bottom:var(--spacing-4)}.tabs-header h3{margin:0 0 var(--spacing-1) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.tabs-header p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.tabs-buttons{display:flex;gap:var(--spacing-1)}.tab-button{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--border-radius) var(--border-radius) 0 0}.tab-button:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}.tab-button.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--color-primary-alpha)}.tab-button svg{font-size:var(--font-size-base)}.tab-count{background:var(--color-background-tertiary);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:2px 6px;border-radius:var(--border-radius-full);min-width:20px;text-align:center;line-height:1.2}.tab-button.active .tab-count{background:var(--color-primary);color:#fff}.tickets-page-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-4);margin-top:clamp(1.5rem,3vw,2.5rem);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:2px solid var(--color-border)}.tickets-page-title-section{flex:1}.title-with-icon{display:flex;align-items:center;gap:.75rem}.title-with-badge{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-2);flex-wrap:wrap}.tickets-page-title{margin:0;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.role-badge{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.role-badge.admin{background:var(--color-danger-alpha);color:var(--color-danger)}.role-badge.manager{background:var(--color-warning-alpha);color:var(--color-warning)}.role-badge.agent{background:var(--color-info-alpha);color:var(--color-info)}.role-badge.employee{background:var(--color-success-alpha);color:var(--color-success)}.tickets-page-subtitle{margin:0 0 var(--spacing-1) 0;font-size:var(--font-size-base);color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.role-description{margin:0;font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-style:italic}.tickets-page-actions{display:flex;gap:var(--spacing-3);flex-shrink:0}.tickets-page-actions .btn{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;border:1px solid transparent;text-decoration:none;display:inline-flex;align-items:center;gap:var(--spacing-2)}.tickets-page-actions .btn-secondary{background-color:#dc3545;border-color:#dc3545;color:#fff}.tickets-page-actions .btn-secondary:hover{background-color:#c82333;border-color:#bd2130}.tickets-page-actions .btn-primary{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.tickets-page-actions .btn-primary:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.tickets-toolbar{display:grid;grid-template-columns:1fr 3fr 1fr;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-6);padding:var(--spacing-4);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg)}.tickets-search-section{justify-self:start;width:100%;max-width:min(400px,90vw)}.tickets-filters-section{justify-self:center;width:100%}.search-input-container svg{position:absolute;left:var(--spacing-3);color:var(--color-text-tertiary);font-size:var(--font-size-sm);pointer-events:none;z-index:1}.search-spinner{animation:spin 1s linear infinite;color:var(--color-primary)!important}.search-input{width:100%;height:44px;padding:var(--spacing-3) var(--spacing-3) var(--spacing-3) var(--spacing-8);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);background:var(--color-background-primary);font-size:var(--font-size-base);color:var(--color-text-primary);transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ff5d5d1a}.search-input:disabled{opacity:.6;cursor:not-allowed;background:var(--color-background-tertiary)}.search-input-container.searching .search-input{border-color:var(--color-primary);background:var(--color-primary-alpha)}.tickets-filters{display:flex;gap:var(--spacing-2);flex-wrap:nowrap;align-items:center;justify-content:center;overflow-x:auto;padding:var(--spacing-1) 0}.filter-select{height:44px;padding:var(--spacing-2) var(--spacing-3);border:2px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-background-primary);font-size:clamp(var(--font-size-xs),1.2vw,var(--font-size-sm));color:var(--color-text-primary);min-width:clamp(110px,10vw,130px);flex-shrink:0;transition:all .2s ease}.filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ff5d5d1a}.filter-select:disabled{opacity:.6;cursor:not-allowed;background:var(--color-background-tertiary)}.reset-filters-btn{display:flex;align-items:center;gap:var(--spacing-1);height:44px;padding:var(--spacing-2) var(--spacing-3);background:var(--color-warning-alpha);border:2px solid var(--color-warning);border-radius:var(--border-radius-md);color:var(--color-warning);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0;min-width:fit-content}.reset-filters-btn:hover:not(:disabled){background:var(--color-warning);color:#fff}.reset-filters-btn:disabled{opacity:.5;cursor:not-allowed}.unassigned-toggle-btn{display:flex;align-items:center;gap:var(--spacing-1);height:44px;padding:var(--spacing-2) var(--spacing-3);background:var(--color-background-primary);border:2px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0;min-width:fit-content}.unassigned-toggle-btn:hover:not(:disabled){background:var(--color-background-secondary);border-color:var(--color-primary);color:var(--color-text-primary)}.unassigned-toggle-btn.active{background:var(--color-primary-alpha);border-color:var(--color-primary);color:var(--color-primary)}.unassigned-toggle-btn.active:hover{background:var(--color-primary);color:#fff}.unassigned-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.unassigned-toggle-btn svg{font-size:var(--font-size-base)}.show-open-toggle-btn{display:flex;align-items:center;gap:var(--spacing-1);height:44px;padding:var(--spacing-2) var(--spacing-3);background:var(--color-background-primary);border:2px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0;min-width:fit-content;position:relative;flex-direction:column;justify-content:center;text-align:center}.show-open-toggle-btn.filtering{background:linear-gradient(135deg,var(--color-warning-alpha),#fff7e6);border-color:var(--color-warning);color:var(--color-warning);box-shadow:0 2px 8px #ff980026}.show-open-toggle-btn.filtering:hover:not(:disabled){background:linear-gradient(135deg,var(--color-warning),#ff9800);border-color:var(--color-warning);color:#fff;box-shadow:0 4px 12px #ff980040;transform:translateY(-1px)}.show-open-toggle-btn.show-all{background:linear-gradient(135deg,#e3f2fd,#f0f8ff);border-color:#2196f3;color:#1976d2;box-shadow:0 2px 8px #2196f326}.show-open-toggle-btn.show-all:hover:not(:disabled){background:linear-gradient(135deg,#2196f3,#1976d2);border-color:#1976d2;color:#fff;box-shadow:0 4px 12px #2196f340;transform:translateY(-1px)}.show-open-toggle-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.show-open-toggle-btn svg{font-size:var(--font-size-lg);margin-bottom:2px}.show-open-toggle-btn .toggle-main-text{font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);line-height:1.2}.show-open-toggle-btn .toggle-indicator{display:block;font-size:9px;margin-top:2px;line-height:1}.show-open-toggle-btn .filter-badge{background:var(--color-warning);color:#fff;padding:1px 4px;border-radius:8px;font-weight:var(--font-weight-bold);font-size:8px;letter-spacing:.5px}.show-open-toggle-btn .view-badge{background:#2196f3;color:#fff;padding:1px 4px;border-radius:8px;font-weight:var(--font-weight-bold);font-size:8px;letter-spacing:.5px}.tickets-view-toggle{display:flex;border:2px solid var(--color-border);border-radius:var(--border-radius-md);overflow:hidden;justify-self:end}.view-toggle-btn{padding:var(--spacing-2) var(--spacing-4);border:none;background:var(--color-background-secondary);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.view-toggle-btn:hover{background:var(--color-background-tertiary)}.view-toggle-btn.active{background:var(--color-primary);color:#fff}.tickets-results-info{margin-bottom:var(--spacing-4);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-3)}.results-count{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.bulk-actions{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.tickets-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:var(--spacing-4)!important}.tickets-container.tiles .tickets-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important}.tickets-content .tickets-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:1rem!important}.search-loading-overlay{position:absolute;inset:0;background:#fffffff2;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-lg);min-height:300px}.tickets-container{position:relative}.tickets-content.loading{opacity:.6;pointer-events:none;transition:opacity .2s ease}.ticket-priority{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px}.ticket-priority.low{background:var(--color-success-light);color:var(--color-success-dark)}.ticket-priority.medium{background:var(--color-warning-light);color:var(--color-warning-dark)}.ticket-priority.high{background:var(--color-danger-light);color:var(--color-danger-dark)}.ticket-priority.critical{background:#dc3545;color:#fff;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.ticket-title{margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ticket-description{margin:0 0 var(--spacing-4) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ticket-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3)}.ticket-assignee{display:flex;align-items:center;gap:var(--spacing-2)}.ticket-avatar{width:32px;height:32px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.ticket-assignee span{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.ticket-date{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.ticket-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-1);margin-bottom:var(--spacing-3)}.ticket-tag{padding:var(--spacing-1) var(--spacing-2);background:var(--color-background-tertiary);color:var(--color-text-secondary);font-size:var(--font-size-xs);border-radius:var(--border-radius-sm);border:1px solid var(--color-border)}.ticket-tag-more{padding:var(--spacing-1) var(--spacing-2);background:var(--color-text-tertiary);color:var(--color-background-primary);font-size:var(--font-size-xs);border-radius:var(--border-radius-sm);font-weight:var(--font-weight-medium)}.ticket-footer{display:flex;align-items:center;justify-content:space-between}.ticket-status-container{display:flex;align-items:center;gap:var(--spacing-2)}.ticket-status-icon{font-size:var(--font-size-sm)}.ticket-status-icon.RAISED{color:#dc3545}.ticket-status-icon.PENDING_APPROVAL{color:#ffc107}.ticket-status-icon.RESOLVED{color:#28a745}.ticket-status-icon.APPROVED{color:#198754}.ticket-status-icon.REJECTED{color:#dc3545}.ticket-status{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:capitalize}.ticket-status.RAISED{color:#dc3545}.ticket-status.PENDING_APPROVAL{color:#ffc107}.ticket-status.RESOLVED{color:#28a745}.ticket-status.APPROVED{color:#198754}.ticket-status.REJECTED{color:#dc3545}.ticket-sla{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs)}.sla-indicator{width:8px;height:8px;border-radius:50%}.ticket-sla.good .sla-indicator{background:var(--color-success)}.ticket-sla.warning .sla-indicator{background:var(--color-warning)}.ticket-sla.critical .sla-indicator{background:var(--color-danger);animation:pulse 1.5s infinite}.ticket-sla span{color:var(--color-text-secondary)}.tickets-list{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);overflow:hidden}.tickets-table{width:100%;border-collapse:collapse}.tickets-table th{background:var(--color-background-tertiary);padding:var(--spacing-4);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);border-bottom:1px solid var(--color-border)}.tickets-table-row{border-bottom:1px solid var(--color-border);transition:all .2s ease}.tickets-table-row:hover{background:#ff5d5d05}.tickets-table td{padding:var(--spacing-4);vertical-align:top}.ticket-id-cell{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.ticket-title-cell h4{margin:0 0 var(--spacing-1) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);cursor:help;transition:opacity .2s ease}.ticket-title-cell h4:hover{opacity:.8}.ticket-title-cell p{margin:0;cursor:help;transition:opacity .2s ease}.ticket-title-cell p:hover{opacity:.8}.ticket-title-cell p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.table-status{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm)}.table-priority{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase}.table-assignee{display:flex;align-items:center;gap:var(--spacing-2)}.assignee-avatar{width:24px;height:24px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.table-sla{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm)}.sla-dot{width:8px;height:8px;border-radius:50%}.table-sla.good .sla-dot{background:var(--color-success)}.table-sla.warning .sla-dot{background:var(--color-warning)}.table-sla.critical .sla-dot{background:var(--color-danger)}.table-sla-container{display:flex;flex-direction:column;gap:2px;font-size:var(--font-size-xs)}.table-sla-item{display:flex;align-items:center;gap:var(--spacing-1);font-weight:var(--font-weight-medium)}.table-sla-item .sla-dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}.table-actions{display:flex;gap:var(--spacing-2)}.action-btn{background:none;border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-2);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.action-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.tickets-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:0 1px 3px #0000001a}.table-department{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.table-comments{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.table-time{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.table-tags{display:flex;gap:var(--spacing-1);flex-wrap:wrap}.table-tag{padding:2px 6px;background:var(--color-primary-alpha);color:var(--color-primary);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.table-tag-more{padding:2px 6px;background:var(--color-background-tertiary);color:var(--color-text-tertiary);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.ticket-code{font-family:var(--font-family-mono);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);background:var(--color-background-tertiary);padding:2px 6px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs)}.table-title{margin:0 0 var(--spacing-1) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.table-description{margin:0;font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.tickets-table th:nth-child(1){width:100px}.tickets-table th:nth-child(2){width:300px}.tickets-table th:nth-child(3){width:130px}.tickets-table th:nth-child(4){width:100px}.tickets-table th:nth-child(5){width:150px}.tickets-table th:nth-child(6){width:150px}.tickets-table th:nth-child(7){width:80px}.tickets-table th:nth-child(8){width:100px}.tickets-table th:nth-child(9){width:160px}.tickets-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-12) var(--spacing-6);text-align:center}.empty-state-icon{width:80px;height:80px;background:var(--color-background-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-4)}.tickets-empty-state h3{margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.tickets-empty-state p{margin:0 0 var(--spacing-6) 0;font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:400px}.tickets-empty-state .toggle-hint{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);margin:var(--spacing-4) 0 var(--spacing-6) 0;padding:var(--spacing-3) var(--spacing-4);background:var(--color-warning-alpha);border:1px solid var(--color-warning);border-radius:var(--border-radius-md);color:var(--color-warning);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);max-width:400px;margin-left:auto;margin-right:auto}.tickets-empty-state .toggle-hint svg{font-size:var(--font-size-base)}@media (max-width: 1440px){.tickets-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:clamp(.75rem,2vw,1rem)}}@media (max-width: 1366px){.tickets-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}.tickets-toolbar{padding:var(--spacing-3)}}@media (max-width: 1200px){.tickets-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width: 768px){.tickets-page-header{flex-direction:column;align-items:stretch;text-align:center}.tickets-toolbar{grid-template-columns:1fr;gap:var(--spacing-3);text-align:center}.tickets-search-section{justify-self:stretch;max-width:none}.tickets-filters-section{justify-self:stretch}.tickets-filters{justify-content:center;flex-wrap:wrap}.tickets-view-toggle{justify-self:center}.tickets-table{font-size:var(--font-size-xs)}.tickets-table th:nth-child(6),.tickets-table td:nth-child(6){display:none}.table-title{font-size:var(--font-size-xs)}.table-description{display:none}.table-status-badge,.table-priority-badge{padding:2px 4px;font-size:10px}}.filter-select{min-width:100px;flex:1}.filter-select{flex:1;min-width:100px}.tickets-results-info{flex-direction:column;align-items:stretch}.tickets-grid{grid-template-columns:1fr}.tickets-list{overflow-x:auto}.tickets-table{min-width:800px}@media (max-width: 480px){.tickets-page-title{font-size:var(--font-size-2xl)}.tickets-page-subtitle{font-size:var(--font-size-base)}.tickets-table th,.tickets-table td{padding:var(--spacing-3)}}.pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);margin:var(--spacing-4) 0}.pagination-info{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.pagination-controls{display:flex;align-items:center;gap:var(--spacing-2)}.pagination-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--color-background-primary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--color-background-secondary);color:var(--color-text-tertiary)}.pagination-pages{display:flex;align-items:center;gap:var(--spacing-1)}.pagination-page{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-background-primary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.pagination-page:hover{background:var(--color-primary-alpha);border-color:var(--color-primary);color:var(--color-primary)}.pagination-page.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination-dots{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-text-tertiary);font-weight:var(--font-weight-bold)}.pagination-info-only{display:flex;justify-content:center;padding:var(--spacing-3) var(--spacing-4);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);margin:var(--spacing-3) 0}.pagination-info-only span{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}@media (max-width: 768px){.pagination{flex-direction:column;gap:var(--spacing-3)}.pagination-info{order:2}.pagination-controls{order:1}.pagination-btn{padding:var(--spacing-2);font-size:var(--font-size-xs)}.pagination-page{width:32px;height:32px;font-size:var(--font-size-xs)}}@media (max-width: 1200px){.tickets-toolbar{grid-template-columns:1fr;gap:var(--spacing-3)}.tickets-search-section,.tickets-filters-section,.tickets-view-toggle{justify-self:center;width:100%}.tickets-filters{flex-wrap:wrap;justify-content:center}}@media (max-width: 768px){.filter-select,.unassigned-toggle-btn,.reset-filters-btn{min-width:auto;font-size:var(--font-size-xs);padding:var(--spacing-2)}.unassigned-toggle-btn span,.show-open-toggle-btn .toggle-main-text,.reset-filters-btn span,.show-open-toggle-btn .toggle-indicator{display:none}.show-open-toggle-btn{min-width:50px;height:40px;padding:var(--spacing-1)}.show-open-toggle-btn svg{font-size:var(--font-size-base);margin-bottom:0}}.list-status-badge{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;min-width:80px;justify-content:center}.list-priority-badge{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;min-width:60px;text-align:center}.list-assignee{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm)}.list-assignee-avatar{width:28px;height:28px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.list-department{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.list-comments{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.list-time{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.list-ticket-id-cell{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.list-ticket-code{font-family:monospace;background:var(--color-background-secondary);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs)}.list-ticket-title-cell h4.list-title{margin:0 0 var(--spacing-1) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);cursor:default}.list-ticket-title-cell p.list-description{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);cursor:help;transition:opacity .2s ease}.list-ticket-title-cell p.list-description:hover{opacity:.8}.list-sla-container{display:flex;flex-direction:column;gap:2px;font-size:var(--font-size-xs)}.list-sla-item{display:flex;align-items:center;gap:var(--spacing-1);font-weight:var(--font-weight-medium)}.list-sla-item .list-sla-dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}.template-selector-container{max-width:900px;margin:0 auto;padding:2rem}.template-selector-header{text-align:center;margin-bottom:2.5rem}.template-selector-header h2{font-size:1.75rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin-bottom:.75rem}.template-selector-header p{font-size:1rem;color:var(--text-secondary, #666)}.template-selector-grid{display:flex;flex-wrap:nowrap;gap:1.5rem;margin-bottom:2rem;justify-content:center;margin-left:auto;margin-right:auto}.template-selector-grid>*{flex:0 0 280px;width:280px}.template-option-card{background:#fff;border:2px solid var(--border-color, #e5e7eb);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s ease;text-align:left;position:relative;overflow:hidden}.template-option-card:hover{border-color:var(--primary-color, #3b82f6);box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.template-option-card:active{transform:translateY(0)}.template-option-card:disabled{opacity:.6;cursor:not-allowed}.template-option-card:disabled:hover{border-color:var(--border-color, #e5e7eb);box-shadow:none;transform:none}.template-option-icon{font-size:2.5rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:flex-start}.template-option-content h3{font-size:1.25rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin-bottom:.5rem}.template-option-content p{font-size:.9rem;color:var(--text-secondary, #666);line-height:1.5}.template-option-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.template-option-badge-alt{position:absolute;top:1rem;right:1rem;background:var(--gray-200, #e5e7eb);color:var(--text-secondary, #666);padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.template-option-custom{border-style:dashed}.template-option-custom:hover{border-style:solid}.template-selector-footer{margin-top:2rem}.template-info-box{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left:4px solid var(--primary-color, #3b82f6);padding:1rem 1.25rem;border-radius:8px;display:flex;align-items:center;gap:1rem;font-size:.9rem;color:var(--text-secondary, #4b5563)}.template-info-box svg{font-size:1.5rem;color:var(--primary-color, #3b82f6);flex-shrink:0}.template-info-box strong{color:var(--text-primary, #1a1a1a);font-weight:600}@media (max-width: 768px){.template-selector-container{padding:1.5rem}.template-selector-header h2{font-size:1.5rem}.template-selector-grid{grid-template-columns:1fr;gap:1rem}.template-option-card{padding:1.25rem}}.create-page-header{display:flex;align-items:center;justify-content:space-between;margin-top:0;margin-bottom:var(--spacing-2);padding-top:0;padding-bottom:var(--spacing-1);border-bottom:1px solid var(--color-border)}.create-page-actions{display:flex;gap:var(--spacing-3);align-items:center}.create-page-title-section{display:flex;align-items:center;gap:var(--spacing-2)}.create-page-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;flex-shrink:0;box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.25)}.create-page-title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary)}.create-page-subtitle{margin:0;font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.create-form-simple{max-width:800px;margin:0 auto}.create-form-grid-simple{display:grid;gap:var(--spacing-4)}.create-form-section{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);padding:var(--spacing-6)}.create-section-header{margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border)}.create-section-header h2{margin:0 0 var(--spacing-1) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.create-section-header p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.create-form-group{margin-bottom:var(--spacing-3);position:relative}.create-form-group:last-child{margin-bottom:0}.create-form-label{display:block;margin-bottom:var(--spacing-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-normal)}.create-form-hint{display:block;margin-top:var(--spacing-0-5);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);opacity:.8}.create-form-input,.create-form-textarea,.create-form-select{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-background-primary);font-size:var(--font-size-sm);color:var(--color-text-primary);transition:all .2s ease;font-family:inherit}.create-form-input:focus,.create-form-textarea:focus,.create-form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1);background-color:var(--color-background)}.create-form-input:hover:not(:focus),.create-form-textarea:hover:not(:focus),.create-form-select:hover:not(:focus){border-color:var(--color-text-secondary)}.create-form-input.error,.create-form-textarea.error{border-color:var(--color-danger);background-color:#dc354505}.create-form-input.error:focus,.create-form-textarea.error:focus{box-shadow:0 0 0 3px #dc35451a}.create-form-select{cursor:pointer;appearance:none;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 12px center;background-repeat:no-repeat;background-size:16px;padding-right:var(--spacing-10)}.create-form-textarea{resize:vertical;min-height:200px;max-height:400px;line-height:var(--line-height-relaxed);font-family:var(--font-family-base);font-size:var(--font-size-sm)}.rich-text-editor-container{border:2px solid var(--color-border);border-radius:var(--border-radius-lg);background:var(--color-background-primary);transition:all .2s ease;min-height:200px;max-height:400px;overflow:hidden}.rich-text-editor-container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.rich-text-editor-container.error{border-color:var(--color-danger);background:rgba(var(--color-danger-rgb),.02)}.rich-text-editor-container.error:focus-within{border-color:var(--color-danger);box-shadow:0 0 0 3px rgba(var(--color-danger-rgb),.1)}.rich-text-toolbar{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);border-bottom:1px solid var(--color-border);background:var(--color-background-secondary);flex-wrap:wrap;max-height:80px;overflow-y:auto}.rich-text-toolbar-group{display:flex;align-items:center;gap:var(--spacing-1);padding-right:var(--spacing-2);border-right:1px solid var(--color-border);margin-bottom:var(--spacing-1)}.rich-text-toolbar-group:last-child{border-right:none}.rich-text-toolbar-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--border-radius-sm);cursor:pointer;transition:all .2s ease;color:var(--color-text-secondary);font-size:var(--font-size-sm);position:relative}.rich-text-toolbar-button:hover{background:var(--color-background-tertiary);color:var(--color-text-primary);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.rich-text-toolbar-button.active{background:var(--color-primary);color:#fff;box-shadow:0 2px 6px rgba(var(--color-primary-rgb),.3)}.rich-text-toolbar-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.rich-text-toolbar-button:disabled:hover{transform:none;box-shadow:none}.rich-text-toolbar-button[title*=Red]{color:#e74c3c}.rich-text-toolbar-button[title*=Blue]{color:#3498db}.rich-text-toolbar-button[title*=Yellow]{color:#f39c12}.rich-text-toolbar-button[title*=Red]:hover,.rich-text-toolbar-button[title*=Blue]:hover,.rich-text-toolbar-button[title*=Yellow]:hover{background:var(--color-background-tertiary);transform:translateY(-1px) scale(1.1)}.rich-text-editor-content{padding:var(--spacing-3);min-height:150px;max-height:300px;overflow-y:auto;font-family:var(--font-family-base);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-primary);outline:none}.rich-text-editor-content:empty:before{content:attr(data-placeholder);color:var(--color-text-tertiary);pointer-events:none}.rich-text-editor-content strong,.rich-text-editor-content b{font-weight:var(--font-weight-bold)}.rich-text-editor-content em,.rich-text-editor-content i{font-style:italic}.rich-text-editor-content u{text-decoration:underline}.rich-text-editor-content strike,.rich-text-editor-content s{text-decoration:line-through}.rich-text-editor-content ul,.rich-text-editor-content ol{margin:var(--spacing-2) 0;padding-left:var(--spacing-6)}.rich-text-editor-content li{margin:var(--spacing-1) 0;line-height:var(--line-height-relaxed)}.rich-text-editor-content p{margin:var(--spacing-2) 0;line-height:var(--line-height-relaxed)}.rich-text-editor-content p:first-child{margin-top:0}.rich-text-editor-content p:last-child{margin-bottom:0}.rich-text-editor-content blockquote{margin:var(--spacing-3) 0;padding:var(--spacing-3) var(--spacing-4);border-left:4px solid var(--color-primary);background:var(--color-background-secondary);border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0;font-style:italic;color:var(--color-text-secondary)}.rich-text-editor-content h1,.rich-text-editor-content h2,.rich-text-editor-content h3{margin:var(--spacing-4) 0 var(--spacing-2) 0;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.rich-text-editor-content h1{font-size:var(--font-size-xl)}.rich-text-editor-content h2{font-size:var(--font-size-lg)}.rich-text-editor-content h3{font-size:var(--font-size-base)}.rich-text-editor-content pre{background:var(--color-background-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:var(--spacing-3);margin:var(--spacing-2) 0;font-family:Courier New,monospace;font-size:var(--font-size-sm);overflow-x:auto;white-space:pre-wrap}.rich-text-editor-content a{color:var(--color-primary);text-decoration:underline;cursor:pointer}.rich-text-editor-content a:hover{color:var(--color-primary-dark)}.rich-text-editor-content [style*="text-align: left"]{text-align:left}.rich-text-editor-content [style*="text-align: center"]{text-align:center}.rich-text-editor-content [style*="text-align: right"]{text-align:right}.rich-text-editor-content [style*=color]{display:inline}.rich-text-editor-content [style*=background-color]{padding:1px 2px;border-radius:2px}.rich-text-character-counter{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-1) var(--spacing-3);background:var(--color-background-secondary);border-top:1px solid var(--color-border);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.rich-text-mode-toggle{display:flex;gap:var(--spacing-1)}.rich-text-mode-button{padding:var(--spacing-1) var(--spacing-2);border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-xs);cursor:pointer;border-radius:var(--border-radius-sm);transition:all .2s ease}.rich-text-mode-button:hover{background:var(--color-background-tertiary);color:var(--color-text-primary)}.rich-text-mode-button.active{background:var(--color-primary);color:#fff}.create-form-label-with-toggle{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2)}.rich-text-toggle-button{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);border:1px solid var(--color-border);background:var(--color-background-secondary);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.rich-text-toggle-button:hover{background:var(--color-background-tertiary);border-color:var(--color-primary);color:var(--color-primary)}.rich-text-toggle-button:disabled{opacity:.5;cursor:not-allowed}.rich-text-toggle-button svg{font-size:var(--font-size-sm)}.create-form-counter{margin-top:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:right}.create-form-error{margin-top:var(--spacing-0-5);display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-danger)}.create-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6)}.create-priority-options{display:grid;gap:var(--spacing-4)}.create-priority-option{cursor:pointer}.create-priority-option input[type=radio]{display:none}.create-priority-card{padding:var(--spacing-4);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);background:var(--color-background-primary);transition:all .2s ease}.create-priority-card:hover{border-color:var(--color-primary);background:#ff5d5d05}.create-priority-option input[type=radio]:checked+.create-priority-card{border-color:var(--color-primary);background:#ff5d5d0d;box-shadow:0 0 0 3px #ff5d5d1a}.create-priority-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-2)}.create-priority-label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.create-priority-indicator{width:12px;height:12px;border-radius:50%}.create-priority-indicator.success{background:var(--color-success)}.create-priority-indicator.warning{background:var(--color-warning)}.create-priority-indicator.danger{background:var(--color-danger)}.create-priority-indicator.critical{background:#dc3545;box-shadow:0 0 6px #dc354566}.create-priority-description{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.create-tags-container{border:2px solid var(--color-border);border-radius:var(--border-radius-lg);background:var(--color-background-primary);padding:var(--spacing-2);transition:all .2s ease}.create-tags-container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff5d5d1a}.create-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.create-tag{display:flex;align-items:center;gap:var(--spacing-1);background:var(--color-primary);color:#fff;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.create-tag-remove{background:none;border:none;color:#fff;cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.create-tag-remove:hover{background:#fff3}.create-tags-input{width:100%;border:none;outline:none;background:transparent;font-size:var(--font-size-base);color:var(--color-text-primary);padding:var(--spacing-1)}.create-file-upload{position:relative}.create-file-input{position:absolute;opacity:0;pointer-events:none}.create-attachment-container{display:flex;flex-direction:column;gap:var(--spacing-3);background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.02),rgba(var(--color-primary-rgb),.05));border:1px solid rgba(var(--color-primary-rgb),.1);border-radius:var(--border-radius-lg);padding:var(--spacing-3);margin-top:var(--spacing-2)}.create-file-upload{position:relative;width:100%}.create-file-label{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-4);border:2px dashed var(--color-primary);border-radius:var(--border-radius-lg);background:var(--color-background-primary);cursor:pointer;transition:all .3s ease;text-align:center;min-height:120px;width:100%;box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.1);justify-content:center}.create-file-label:hover{border-color:var(--color-primary-dark);background:rgba(var(--color-primary-rgb),.05);transform:translateY(-2px);box-shadow:0 4px 16px rgba(var(--color-primary-rgb),.2)}.create-file-label.disabled{opacity:.6;cursor:not-allowed;border-color:var(--color-border);background:var(--color-background-secondary)}.create-file-label.disabled:hover{transform:none;box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.1);border-color:var(--color-border);background:var(--color-background-secondary)}.create-file-label svg{font-size:var(--font-size-lg);color:var(--color-primary)}.create-file-label span{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1.3}.create-file-label small{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-0-5);line-height:1.2}.create-file-preview{width:100%;background:var(--color-background-primary);border-radius:var(--border-radius-md);padding:var(--spacing-3);border:1px solid var(--color-border);min-height:100px;display:flex;flex-direction:column;position:relative}.create-file-preview:before{content:"📎 Attached Files";display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--spacing-2);padding-bottom:var(--spacing-1);border-bottom:1px solid var(--color-border)}.create-file-preview-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-style:italic;text-align:center;margin-top:var(--spacing-2)}.create-file-list{display:flex;flex-wrap:wrap;gap:var(--spacing-2);align-content:flex-start;padding-top:var(--spacing-1);flex:1;overflow-y:auto;max-height:110px}.create-file-item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);min-width:140px;max-width:180px;flex:0 0 auto;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.create-file-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a;border-color:var(--color-primary)}.create-file-item.has-image{flex-direction:column;align-items:stretch;padding:var(--spacing-1);min-width:120px;max-width:140px;position:relative;background:linear-gradient(135deg,var(--color-background) 0%,var(--color-background-secondary) 100%)}.create-file-image-preview{width:100%;height:70px;object-fit:cover;border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-1);border:1px solid var(--color-border);transition:transform .2s ease}.create-file-image-preview:hover{transform:scale(1.05)}.create-file-item.has-image .create-file-info{align-items:center;text-align:center;padding:0 var(--spacing-1) var(--spacing-1) var(--spacing-1)}.create-file-item.has-image .create-file-remove{position:absolute;top:6px;right:6px;background:#000c;color:#fff;border-radius:var(--border-radius-full);width:22px;height:22px;font-size:11px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 4px #0000004d}.create-file-item.has-image .create-file-remove:hover{background:var(--color-danger);transform:scale(1.1)}.create-file-item:not(.has-image){display:flex;align-items:center;gap:var(--spacing-2)}.create-file-item:not(.has-image) .create-file-info{flex:1;min-width:0}.create-file-item:not(.has-image) .create-file-remove{flex-shrink:0}.create-file-info{display:flex;flex-direction:column;gap:var(--spacing-0-5);flex:1;min-width:0}.create-file-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.3;margin-bottom:var(--spacing-0-5);position:relative;cursor:help}.create-file-item.has-image .create-file-name{font-size:10px;max-width:100px;text-align:center;word-break:break-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.create-file-name:hover:after{content:attr(title);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-size:10px;white-space:nowrap;z-index:1000;max-width:200px;box-shadow:0 2px 8px #0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.create-file-size{font-size:var(--font-size-xs);color:var(--color-text-secondary);opacity:.8;line-height:1.2}.create-file-remove{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:var(--spacing-1);border-radius:var(--border-radius-sm);transition:all .2s ease;flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px}.create-file-remove:hover{color:var(--color-danger);background:#dc35451a}.create-file-preview-empty{display:flex;align-items:center;justify-content:center;min-height:80px;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-style:italic;border:1px dashed var(--color-border);border-radius:var(--border-radius-md);background:var(--color-background-primary)}.create-form-actions{background:linear-gradient(135deg,var(--color-background-secondary) 0%,var(--color-background-primary) 100%);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-3);margin-top:var(--spacing-3);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-3);box-shadow:0 1px 4px #0000000d}.create-form-buttons .btn{padding:var(--spacing-2) var(--spacing-4);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-md);transition:all .2s ease;border:1px solid transparent}.create-form-buttons .btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.3)}.create-form-buttons .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.4)}.create-form-buttons .btn-secondary{border-color:var(--color-border);background:var(--color-background)}.create-form-buttons .btn-secondary:hover:not(:disabled){border-color:var(--color-text-secondary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}@media (max-width: 768px){.create-page-header{flex-direction:column;text-align:center;gap:var(--spacing-3)}.create-page-title-section{flex-direction:column;text-align:center}.create-form-section{padding:var(--spacing-6)}.create-form-row{grid-template-columns:1fr;gap:var(--spacing-4)}.create-form-actions{flex-direction:column;align-items:stretch}.create-form-buttons{justify-content:center}.create-priority-options{gap:var(--spacing-3)}.create-priority-card{padding:var(--spacing-3)}}@media (max-width: 480px){.create-page-title{font-size:var(--font-size-2xl)}.create-page-subtitle{font-size:var(--font-size-base)}.create-section-header h2{font-size:var(--font-size-lg)}.create-form-section{padding:var(--spacing-4)}.create-file-label{padding:var(--spacing-6)}}.create-form-simple{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-4);margin-top:var(--spacing-2)}.create-form-grid-simple{display:grid;grid-template-columns:1fr;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.create-form-grid-simple .create-form-group:nth-child(1){grid-column:1}.create-form-grid-simple .create-form-group:nth-child(2){grid-column:1}.create-form-grid-simple .create-form-group:nth-child(3){grid-column:1}.create-form-grid-simple .create-form-group:nth-child(4){grid-column:1}.btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);border:2px solid transparent;border-radius:var(--border-radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary:hover:not(:disabled){background:#e54545;border-color:#e54545;transform:translateY(-1px);box-shadow:0 4px 12px #ff5d5d4d}.btn-secondary{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-background-secondary);border-color:var(--color-text-secondary);color:var(--color-text-primary)}.employee-search-field{flex:1;min-width:0;position:relative}.employee-search-container .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);font-size:14px;z-index:2;transition:color .2s ease}.employee-search-container .create-form-input{padding-left:40px;transition:all .2s ease;border:2px solid var(--color-border)}.employee-search-container .create-form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.employee-search-container .create-form-input:focus+.search-icon{color:var(--color-primary)}.employee-search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:0 8px 25px #00000026;max-height:240px;overflow-y:auto;z-index:1000;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.employee-search-item{padding:var(--spacing-4);border-bottom:1px solid var(--color-border);cursor:pointer;transition:all .2s ease;position:relative}.employee-search-item:hover{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.05),rgba(var(--color-primary-rgb),.1));transform:translate(2px)}.employee-search-item:last-child{border-bottom:none;border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg)}.employee-search-item:first-child{border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.employee-search-info{display:flex;align-items:center;gap:var(--spacing-3)}.employee-icon{color:var(--color-primary);font-size:18px;flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-primary-rgb),.1);border-radius:var(--border-radius-md);transition:all .2s ease}.employee-search-item:hover .employee-icon{background:rgba(var(--color-primary-rgb),.2);transform:scale(1.05)}.employee-details{flex:1;min-width:0}.employee-name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:1.4;margin-bottom:2px}.employee-meta{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:1.3;display:flex;align-items:center;gap:var(--spacing-1)}.employee-meta:before{content:"👤";font-size:10px}.employee-search-loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-4);color:var(--color-text-secondary);font-size:var(--font-size-sm);background:var(--color-background-secondary)}.selected-employee{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:rgba(var(--color-primary-rgb),.05);border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--border-radius-md);margin-top:var(--spacing-3);transition:all .2s ease}.selected-employee .employee-icon{background:var(--color-primary);color:#fff;font-size:14px;width:28px;height:28px;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center}.selected-employee .employee-name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-sm)}.selected-employee .employee-meta{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.clear-employee{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:rgba(var(--color-danger-rgb),.1);color:var(--color-danger);border-radius:var(--border-radius-full);cursor:pointer;transition:all .2s ease;font-size:12px}.clear-employee:hover{background:rgba(var(--color-danger-rgb),.2);transform:scale(1.1)}.clear-employee:active{transform:scale(.95)}.employee-item{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-4);transition:all .2s ease}.employee-item:hover{border-color:var(--color-primary);box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.1)}.employee-status-field .create-form-select{width:100%;border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-background)}.employee-status-field .create-form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.employee-info{display:flex;align-items:center;gap:var(--spacing-3);flex:1;min-width:0}.remove-employee{background:#dc35451a;color:#dc3545;border:1px solid rgba(220,53,69,.2);border-radius:var(--border-radius-sm);padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);cursor:pointer;transition:all .2s ease;flex-shrink:0}.remove-employee:hover{background:#dc354533;border-color:#dc3545}.employee-email-display{font-size:var(--font-size-xs);gap:var(--spacing-2);margin-top:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background:rgba(var(--color-primary-rgb),.05);border:1px solid rgba(var(--color-primary-rgb),.1);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.employee-info svg{color:var(--color-primary);font-size:14px}.btn-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid var(--color-border);border-radius:var(--border-radius-lg);background:var(--color-background);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;font-size:14px}.btn-icon:hover:not(:disabled){background:var(--color-background-secondary);border-color:var(--color-text-secondary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.btn-icon.btn-danger{color:var(--color-danger);border-color:#dc35454d;background:#dc35450d}.btn-icon.btn-danger:hover:not(:disabled){background:#dc35451a;border-color:var(--color-danger);box-shadow:0 2px 8px #dc354533}.btn-icon:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-icon:disabled:hover{transform:none;box-shadow:none}.btn.btn-outline{background:transparent;border:2px dashed var(--color-border);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);transition:all .2s ease;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--border-radius-lg)}.btn.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);background:rgba(var(--color-primary-rgb),.05);transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.1)}.create-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)}}.create-file-upload-loading{position:relative;pointer-events:none}.create-file-upload-loading .create-file-label{opacity:.7;cursor:not-allowed}.create-file-upload-loading:after{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}.create-file-upload-loading .create-file-preview{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.btn-creating{position:relative;overflow:hidden}.ticket-icon-animation{position:absolute;top:50%;left:-30px;transform:translateY(-50%);font-size:16px;color:currentColor;animation:ticketSlide 2s ease-in-out infinite}@keyframes ticketSlide{0%{left:-30px;opacity:0;transform:translateY(-50%) rotate(-15deg)}20%{opacity:1;transform:translateY(-50%) rotate(0)}80%{opacity:1;transform:translateY(-50%) rotate(0)}to{left:calc(100% + 10px);opacity:0;transform:translateY(-50%) rotate(15deg)}}.btn-creating .btn-text{margin-left:8px}.btn-creating .btn-static-icon{opacity:.3}.btn-creating{box-shadow:0 0 15px rgba(var(--color-primary-rgb),.3);animation:buttonGlow 2s ease-in-out infinite}@keyframes buttonGlow{0%,to{box-shadow:0 0 10px rgba(var(--color-primary-rgb),.2)}50%{box-shadow:0 0 20px rgba(var(--color-primary-rgb),.4)}}.ticket-loading-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn .4s ease-out;overflow:hidden;padding:2rem;text-align:center;box-sizing:border-box}[data-theme=dark] .ticket-loading-backdrop{background:#000000e6}.ticket-loading-animation-container{position:relative;height:120px;width:100vw;margin-bottom:2rem;display:flex;align-items:center;justify-content:center;overflow-x:visible;overflow-y:hidden;max-width:none;left:50%;transform:translate(-50%)}.ticket-loading-moving-group{position:absolute;top:50%;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);animation:ticketSlideLeftToRight 3s ease-in-out infinite;transform:translateY(-50%);white-space:nowrap}.ticket-loading-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--color-primary) 0%,#ff6b6b 50%,var(--color-primary-dark) 100%);border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff;box-shadow:0 8px 20px rgba(var(--color-primary-rgb),.3),0 0 30px rgba(var(--color-primary-rgb),.15);animation:ticketRotateGently 3s ease-in-out infinite;position:relative}.ticket-loading-icon:before{content:"";position:absolute;inset:-8px;background:linear-gradient(135deg,var(--color-primary),#ff6b6b,var(--color-primary-dark));border-radius:calc(var(--border-radius-lg) + 8px);opacity:.2;z-index:-1;animation:glowPulse 2s ease-in-out infinite}.ticket-loading-title{margin:0;font-size:1rem;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.ticket-loading-message{margin:1.5rem 0 0;font-size:1.1rem;color:#ffffffe6;line-height:1.6;max-width:500px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.ticket-loading-submessage{margin:1.5rem 0 0;font-size:.95rem;color:#fffc;font-style:italic;line-height:1.5;max-width:400px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.ticket-loading-progress{width:100%;max-width:400px;height:4px;background:#fff3;border-radius:2px;margin-top:2rem;overflow:hidden;position:relative}.ticket-loading-progress:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:progressSlide 2s ease-in-out infinite}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ticketSlideLeftToRight{0%{left:-120px;opacity:0;transform:translateY(-50%) scale(.9)}15%{opacity:1;transform:translateY(-50%) scale(1)}50%{left:50%;transform:translate(-50%) translateY(-50%) scale(1.05);opacity:1}85%{opacity:1;transform:translateY(-50%) scale(1)}to{left:calc(100% + 120px);opacity:0;transform:translateY(-50%) scale(.9)}}@keyframes ticketRotateGently{0%{transform:rotate(-3deg)}25%{transform:rotate(0)}50%{transform:rotate(2deg)}75%{transform:rotate(0)}to{transform:rotate(3deg)}}@keyframes moveTicket{0%{transform:translate(-60px)}25%{transform:translate(-20px)}50%{transform:translate(20px)}75%{transform:translate(60px)}to{transform:translate(-60px)}}@keyframes ticketFloat{0%{transform:translateY(0) rotateY(0);box-shadow:0 15px 30px rgba(var(--color-primary-rgb),.4),0 0 40px rgba(var(--color-primary-rgb),.2)}50%{transform:translateY(-10px) rotateY(180deg);box-shadow:0 20px 40px rgba(var(--color-primary-rgb),.5),0 0 50px rgba(var(--color-primary-rgb),.3)}to{transform:translateY(0) rotateY(360deg);box-shadow:0 15px 30px rgba(var(--color-primary-rgb),.4),0 0 40px rgba(var(--color-primary-rgb),.2)}}@keyframes glowPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}@keyframes progressSlide{0%{left:-100%}50%{left:0%}to{left:100%}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 768px){.ticket-loading-backdrop{padding:1.5rem}.ticket-loading-animation-container{height:100px;margin-bottom:1.5rem;width:100vw;max-width:none;overflow-x:visible;overflow-y:hidden}.ticket-loading-icon{width:50px;height:50px;font-size:1.4rem;border-radius:var(--border-radius-md)}.ticket-loading-icon:before{inset:-6px;border-radius:calc(var(--border-radius-md) + 6px)}.ticket-loading-title{font-size:.9rem}.ticket-loading-message{font-size:1rem;margin-top:1rem;max-width:90%}.ticket-loading-submessage{font-size:.85rem;margin-top:1rem;max-width:90%}.ticket-loading-progress{max-width:90%}@keyframes ticketSlideLeftToRight{0%{left:-100px;opacity:0;transform:translateY(-50%) scale(.9)}15%{opacity:1;transform:translateY(-50%) scale(1)}50%{left:50%;transform:translate(-50%) translateY(-50%) scale(1.05);opacity:1}85%{opacity:1;transform:translateY(-50%) scale(1)}to{left:calc(100% + 100px);opacity:0;transform:translateY(-50%) scale(.9)}}}@media (max-width: 480px){.ticket-loading-backdrop{padding:1rem}.ticket-loading-animation-container{height:80px;width:100vw;max-width:none;overflow-x:visible;overflow-y:hidden}.ticket-loading-icon{width:40px;height:40px;font-size:1.2rem;border-radius:var(--border-radius-sm)}.ticket-loading-icon:before{inset:-5px;border-radius:calc(var(--border-radius-sm) + 5px)}.ticket-loading-title{font-size:.8rem}.ticket-loading-message{font-size:.9rem;max-width:95%}.ticket-loading-submessage{font-size:.8rem;max-width:95%}.ticket-loading-progress{max-width:95%}@keyframes ticketSlideLeftToRight{0%{left:-80px;opacity:0;transform:translateY(-50%) scale(.9)}15%{opacity:1;transform:translateY(-50%) scale(1)}50%{left:50%;transform:translate(-50%) translateY(-50%) scale(1.05);opacity:1}85%{opacity:1;transform:translateY(-50%) scale(1)}to{left:calc(100% + 80px);opacity:0;transform:translateY(-50%) scale(.9)}}}@media (prefers-reduced-motion: reduce){.ticket-loading-moving-group{animation:containerPulse 2s ease-in-out infinite;left:50%;transform:translate(-50%) translateY(-50%)}.ticket-loading-icon{animation:none}@keyframes containerPulse{0%,to{opacity:.7;transform:translate(-50%) translateY(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) translateY(-50%) scale(1.05)}}}.form-disabled{pointer-events:none;opacity:.6;transition:opacity .3s ease}@media (max-width: 768px){.create-form-grid-simple{grid-template-columns:1fr;gap:var(--spacing-2)}.create-form-grid-simple .create-form-group:nth-child(1),.create-form-grid-simple .create-form-group:nth-child(2),.create-form-grid-simple .create-form-group:nth-child(3),.create-form-grid-simple .create-form-group:nth-child(4){grid-column:1}.create-form-simple{padding:var(--spacing-3)}.create-form-buttons{flex-direction:column-reverse}.btn{width:100%;justify-content:center}.create-attachment-container{flex-direction:column;gap:var(--spacing-2)}.create-file-upload{flex:none;width:100%}.create-file-preview{width:100%}.create-file-list{flex-direction:column;min-height:auto}.create-file-item{max-width:none;width:100%}.employee-input-group{grid-template-columns:1fr;gap:var(--spacing-2)}.employee-status-field{width:100%}}.compact-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-background-secondary);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer;transition:all .2s ease}.compact-btn:hover{background:var(--color-background-tertiary);border-color:var(--color-primary);color:var(--color-primary)}.compact-btn:active{transform:translateY(1px)}.compact-btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.compact-btn-primary:hover{background:var(--color-primary-dark, var(--color-primary));border-color:var(--color-primary-dark, var(--color-primary));color:#fff}.create-content-body-loader{position:fixed;inset:130px 0 0;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center}.create-content-body-loader .professional-loader-container,.create-content-body-loader .professional-loader-container--ticket,.create-content-body-loader .professional-ticket-loader{background:transparent!important}.create-ticket-loader-backdrop{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:#000000d9!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;z-index:9999!important}.create-form-loader-section{position:relative;width:100%;min-height:300px;background:#fffffff2;border:2px solid var(--color-primary, #007bff);border-radius:12px;margin-bottom:2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 32px #0000001a}.create-attachment-container.drag-active{border:2px dashed var(--color-primary, #007bff)!important;background:linear-gradient(135deg,rgba(var(--color-primary-rgb, 0, 123, 255),.08),rgba(var(--color-primary-rgb, 0, 123, 255),.12))!important;transform:scale(1.01);transition:all .2s ease;box-shadow:0 4px 20px rgba(var(--color-primary-rgb, 0, 123, 255),.15)}.create-attachment-container.drag-active .create-file-label{background:rgba(var(--color-primary-rgb, 0, 123, 255),.1);color:var(--color-primary, #007bff);border-color:var(--color-primary, #007bff);transform:scale(1.02);box-shadow:0 6px 20px rgba(var(--color-primary-rgb, 0, 123, 255),.2)}.create-attachment-container.drag-active .create-file-label span{font-weight:600;color:var(--color-primary, #007bff);transform:scale(1.05)}.create-attachment-container.drag-active .create-file-label svg{transform:scale(1.2);color:var(--color-primary, #007bff)}.create-file-item{position:relative;transition:all .2s ease}.create-file-item.previewable{cursor:pointer}.create-file-item.previewable:hover{background:rgba(var(--color-primary-rgb, 0, 123, 255),.05);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.create-file-icon{position:absolute;top:8px;left:8px;z-index:2;background:#ffffffe6;border-radius:50%;padding:4px;box-shadow:0 2px 4px #0000001a}.create-file-preview-hint{font-size:11px;color:var(--color-primary, #007bff);font-style:italic;margin-top:2px;display:block}.enhanced-image-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.enhanced-image-modal .image-modal-content{position:relative;max-width:90vw;max-height:90vh;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;align-items:center}.enhanced-image-modal .image-modal-close{position:absolute;top:16px;right:16px;background:#00000080;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10001;font-size:16px;transition:all .2s ease}.enhanced-image-modal .image-modal-close:hover{background:#ff0000b3;transform:scale(1.1)}.enhanced-image-modal img{max-width:80vw;max-height:70vh;object-fit:contain;border-radius:8px}.enhanced-image-modal iframe{border:none;border-radius:8px}.text-preview-modal{font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;color:#333;background:#f8f9fa!important;border:1px solid #e9ecef}.enhanced-image-modal .image-modal-title{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;padding:20px 16px 16px;text-align:center;font-size:16px;font-weight:500}.file-icon.pdf{color:#e74c3c}.file-icon.word{color:#2980b9}.file-icon.excel{color:#27ae60}.file-icon.powerpoint{color:#e67e22}.file-icon.image{color:#9b59b6}.file-icon.archive{color:#95a5a6}.file-icon.code{color:#3498db}.file-icon.text{color:#7f8c8d}.file-icon.default{color:#95a5a6}[data-theme=dark] .enhanced-image-modal .image-modal-content{background:var(--color-background-secondary, #2d3748);color:var(--color-text, #e2e8f0)}[data-theme=dark] .text-preview-modal{background:var(--color-background-tertiary, #1a202c)!important;color:var(--color-text, #e2e8f0);border-color:var(--color-border, #4a5568)}[data-theme=dark] .create-file-icon{background:rgba(var(--color-background-secondary-rgb, 45, 55, 72),.9)}.selected-files{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border, #e2e8f0);display:flex;flex-direction:column;gap:12px}.selected-file{display:flex;align-items:stretch;background:var(--color-background-secondary, #f8f9fa);border:1px solid var(--color-border, #e2e8f0);border-radius:8px;padding:12px;position:relative;box-shadow:0 1px 3px #0000000d;transition:all .2s ease;min-height:60px}.selected-file:hover{border-color:var(--color-primary, #007bff);box-shadow:0 2px 8px #007bff26;transform:translateY(-1px)}.file-preview{display:flex;align-items:center;gap:12px;flex:1;min-width:0;transition:all .2s ease;border-radius:6px;padding:0;cursor:pointer}.file-preview:hover{background-color:rgba(var(--color-primary-rgb, 0, 123, 255),.02)}.preview-image{width:48px;height:48px;border-radius:6px;object-fit:cover;cursor:pointer;transition:transform .2s ease;flex-shrink:0}.preview-image:hover{transform:scale(1.05)}.pdf-preview-icon,.text-preview-icon,.file-icon-container{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:8px;background:var(--color-background-tertiary, #f1f3f4);flex-shrink:0}.file-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px}.file-name{font-size:14px;font-weight:500;color:var(--color-text, #333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;cursor:pointer}.file-size{font-size:12px;color:var(--color-text-secondary, #6b7280);line-height:1}.file-preview-hint{font-size:11px;color:var(--color-primary, #007bff);font-weight:500;line-height:1;margin-top:1px}.remove-file-btn{background:var(--color-danger, #dc3545);color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:12px;flex-shrink:0;margin-left:8px;align-self:center}.remove-file-btn:hover{background:#c82333;transform:scale(1.1);box-shadow:0 2px 4px #0003}[data-theme=dark] .selected-file{background:var(--color-background-secondary, #2d3748);border-color:var(--color-border, #4a5568)}[data-theme=dark] .file-preview:hover{background-color:rgba(var(--color-primary-rgb, 0, 123, 255),.1)}[data-theme=dark] .pdf-preview-icon,[data-theme=dark] .text-preview-icon,[data-theme=dark] .file-icon-container{background:var(--color-background-tertiary, #1a202c)}[data-theme=dark] .file-name{color:var(--color-text, #e2e8f0)}[data-theme=dark] .file-size{color:var(--color-text-secondary, #a0aec0)}@media (max-width: 768px){.selected-files{gap:8px}.selected-file{padding:10px;flex-direction:row;align-items:center}.file-preview{gap:10px}.preview-image,.pdf-preview-icon,.text-preview-icon,.file-icon-container{width:40px;height:40px}.file-name{font-size:13px}.file-size{font-size:11px}.remove-file-btn{width:24px;height:24px;margin-left:4px}}.multi-select-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-2);padding:var(--spacing-3);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);background:var(--color-background-primary);transition:all .2s ease}.multi-select-container.error{border-color:var(--color-danger);background-color:#dc354505}.multi-select-option{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-background-secondary);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.multi-select-option:hover{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.05)}.multi-select-option input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary);flex-shrink:0}.multi-select-option span{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.multi-select-option input[type=checkbox]:checked+span{color:var(--color-primary);font-weight:var(--font-weight-semibold)}@media (max-width: 768px){.multi-select-container{grid-template-columns:1fr}}.template-form-container{max-width:800px;margin:0 auto}.template-form-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-color, #e5e7eb)}.template-form-title-section{display:flex;align-items:flex-start;gap:1rem}.template-form-icon{font-size:2.5rem;line-height:1}.template-form-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin-bottom:.5rem}.template-form-header p{font-size:.9rem;color:var(--text-secondary, #666)}.template-form-back-btn{background:transparent;border:1px solid var(--border-color, #e5e7eb);color:var(--text-secondary, #666);padding:.5rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.template-form-back-btn:hover{background:var(--gray-50, #f9fafb);border-color:var(--gray-300, #d1d5db);color:var(--text-primary, #1a1a1a)}.template-form-back-btn:disabled{opacity:.6;cursor:not-allowed}.template-form{background:#fff;padding:2rem;border-radius:12px;border:1px solid var(--border-color, #e5e7eb)}@media (max-width: 768px){.template-form-header{flex-direction:column;gap:1rem}.template-form-back-btn{align-self:flex-start}.template-form{padding:1.5rem}.create-form-actions{flex-direction:column-reverse}.create-form-actions button{width:100%}}.employee-search-container{position:relative}.employee-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;z-index:1}.employee-search-input{padding-left:2.5rem!important}.employee-search-loading{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:.875rem;color:#6b7280}.employee-search-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:4px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px -1px #0000001a}.employee-search-item{padding:12px;cursor:pointer;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;gap:8px;transition:background-color .15s ease}.employee-search-item:hover{background-color:#f9fafb}.employee-search-item-icon{color:#9ca3af;flex-shrink:0}.employee-search-item-info{flex:1;min-width:0}.employee-search-item-name{font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-search-item-dept{font-size:.875rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root{--enhanced-primary: #ff5d5d;--enhanced-primary-dark: #e04545;--enhanced-primary-light: #ff7a7a;--enhanced-secondary: #6c757d;--enhanced-success: #28a745;--enhanced-warning: #ffc107;--enhanced-danger: #dc3545;--enhanced-info: #17a2b8;--enhanced-bg-primary: #fafbfc;--enhanced-bg-secondary: #ffffff;--enhanced-bg-tertiary: #f8fafc;--enhanced-bg-elevated: #ffffff;--enhanced-text-primary: #1a202c;--enhanced-text-secondary: #64748b;--enhanced-text-tertiary: #94a3b8;--enhanced-text-muted: #a0aec0;--enhanced-border-light: #e2e8f0;--enhanced-border-medium: #cbd5e0;--enhanced-border-dark: #a0aec0;--enhanced-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--enhanced-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--enhanced-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--enhanced-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--enhanced-space-1: .25rem;--enhanced-space-2: .375rem;--enhanced-space-3: .5rem;--enhanced-space-4: .75rem;--enhanced-space-5: 1rem;--enhanced-space-6: 1.125rem;--enhanced-space-8: 1.5rem;--enhanced-space-10: 2rem;--enhanced-space-12: 2.25rem;--enhanced-card-gap: 1rem;--enhanced-section-gap: .75rem;--enhanced-compact-padding: .75rem;--enhanced-radius-sm: .375rem;--enhanced-radius-md: .5rem;--enhanced-radius-lg: .75rem;--enhanced-radius-xl: 1rem}.enhanced-ticket-details-page{min-height:100vh;background:var(--enhanced-bg-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--enhanced-text-primary)}.enhanced-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--enhanced-space-4);padding-bottom:var(--enhanced-space-3);border-bottom:1px solid var(--enhanced-border-light);max-width:1400px;margin-left:auto;margin-right:auto;margin-top:0}.header-title-section{display:flex;align-items:center;gap:var(--enhanced-space-3)}.page-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--enhanced-primary) 0%,var(--enhanced-primary-dark) 100%);border-radius:var(--enhanced-radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;box-shadow:var(--enhanced-shadow-md);flex-shrink:0}.page-title-text{flex:1}.page-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--enhanced-text-primary);line-height:1.25}.page-subtitle{margin:var(--enhanced-space-1) 0 0 0;font-size:.875rem;color:var(--enhanced-text-secondary);line-height:1.4}.header-actions,.ticket-status-badges{display:flex;align-items:center;gap:var(--enhanced-space-3)}.enhanced-ticket-details-page .status-badge,.enhanced-ticket-details-page .priority-badge,.enhanced-page-header .status-badge,.enhanced-page-header .priority-badge{padding:var(--enhanced-space-1) var(--enhanced-space-2)!important;border-radius:var(--enhanced-radius-md)!important;font-size:.7rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.05em!important;border:none!important;color:#fff!important;height:auto!important;line-height:1.2!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;min-height:1.5rem!important;vertical-align:middle!important;text-shadow:0 1px 2px rgba(0,0,0,.3)!important;box-shadow:0 1px 3px #0000001f!important}.enhanced-ticket-details-page .status-badge.status-raised,.enhanced-page-header .status-badge.status-raised{background:#e74c3c;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.enhanced-ticket-details-page .status-badge.status-pending-approval,.enhanced-page-header .status-badge.status-pending-approval{background:#f39c12;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.enhanced-ticket-details-page .status-badge.status-resolved,.enhanced-page-header .status-badge.status-resolved{background:#27ae60;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.enhanced-ticket-details-page .status-badge.status-approved,.enhanced-page-header .status-badge.status-approved{background:#3498db;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.enhanced-ticket-details-page .status-badge.status-rejected,.enhanced-page-header .status-badge.status-rejected{background:#8e44ad;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.enhanced-ticket-details-page .priority-badge.priority-critical,.enhanced-page-header .priority-badge.priority-critical{background:#e74c3c;color:#fff}.enhanced-ticket-details-page .priority-badge.priority-high,.enhanced-page-header .priority-badge.priority-high{background:#e67e22;color:#fff}.enhanced-ticket-details-page .priority-badge.priority-medium,.enhanced-page-header .priority-badge.priority-medium{background:#f39c12;color:#fff}.enhanced-ticket-details-page .priority-badge.priority-low,.enhanced-page-header .priority-badge.priority-low{background:#27ae60;color:#fff}.enhanced-page-content{padding:var(--enhanced-space-4);max-width:1400px;margin:0 auto}.content-grid{display:grid;grid-template-columns:1fr 320px;gap:var(--enhanced-space-4);align-items:start}.main-column{min-width:0;width:100%;overflow:hidden}@media (max-width: 1200px){.content-grid{grid-template-columns:1fr;gap:var(--enhanced-space-4)}}.top-info-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--enhanced-card-gap);margin-bottom:var(--enhanced-section-gap)}@media (max-width: 768px){.top-info-row{grid-template-columns:1fr}}.ticket-overview-row{display:grid;gap:var(--enhanced-card-gap);margin-bottom:var(--enhanced-section-gap);align-items:start;min-height:auto;height:auto;grid-template-columns:2fr 1fr}.ticket-overview-row.no-attachments{display:flex!important;width:100%;gap:0}.ticket-overview-row.no-attachments .ticket-overview-card{width:100%;max-width:100%;flex:1}.ticket-overview-row.few-attachments{grid-template-columns:3fr 1fr}@media (max-width: 768px){.ticket-overview-row,.ticket-overview-row.no-attachments,.ticket-overview-row.few-attachments{grid-template-columns:1fr;gap:var(--enhanced-card-gap)}.ticket-overview-row.no-attachments .ticket-overview-card .card-content,.ticket-overview-row.few-attachments .ticket-overview-card .card-content{padding:var(--enhanced-space-3)}}@media (min-width: 1200px){.ticket-overview-row.no-attachments{width:100%;max-width:none}.ticket-overview-row.no-attachments .ticket-overview-card{width:100%;max-width:100%}}.ticket-overview-row.no-attachments>:only-child{width:100%;max-width:100%}.ticket-overview-row.no-attachments+*{margin-top:var(--enhanced-space-4)}.ticket-overview-row.few-attachments+*{margin-top:var(--enhanced-space-5)}.enhanced-card.compact{margin-bottom:var(--enhanced-section-gap)}.enhanced-card.compact .card-content{padding:var(--enhanced-compact-padding)}.requester-profile.compact{display:flex;align-items:flex-start;gap:var(--enhanced-space-3)}.requester-profile.compact .profile-avatar{flex-shrink:0}.requester-profile.compact .avatar-image,.requester-profile.compact .avatar-placeholder{width:48px;height:48px}.requester-profile.compact .avatar-placeholder{font-size:1rem}.requester-profile.compact .profile-details{gap:var(--enhanced-space-2)}.requester-profile.compact .profile-row{gap:var(--enhanced-space-3)}.requester-profile.compact .detail-label{font-size:.7rem}.requester-profile.compact .profile-name{font-size:1rem}.requester-profile.compact .profile-designation{font-size:.75rem}.requester-profile.compact .detail-value{font-size:.8rem}.requester-profile.compact .detail-value.field-value{padding:var(--enhanced-space-1) var(--enhanced-space-2);font-size:.75rem}.requester-profile.compact .detail-item,.sla-overview.compact{padding:0}.sla-overview.compact .sla-main-section{margin-bottom:var(--enhanced-space-3)}.sla-overview.compact .sla-quick-info{display:flex;justify-content:space-between;align-items:center}.ticket-field{margin-bottom:var(--enhanced-space-4)}.ticket-field .field-label{display:block;font-size:.75rem;font-weight:600;color:var(--enhanced-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--enhanced-space-2)}.ticket-field .ticket-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--enhanced-text-primary);line-height:1.4}.ticket-field .ticket-description{margin:0}.ticket-field .ticket-description p{margin:0;font-size:.9rem;line-height:1.6;color:var(--enhanced-text-secondary)}.attachments-compact-list{display:flex;flex-direction:column;gap:var(--enhanced-space-2)}.attachment-item.compact{display:flex;align-items:center;gap:var(--enhanced-space-3);padding:var(--enhanced-space-2);border:1px solid var(--enhanced-border-light);border-radius:var(--enhanced-radius-md);transition:all .2s ease;overflow:hidden}.attachment-item.compact:hover{background-color:var(--enhanced-bg-tertiary);border-color:var(--enhanced-border-medium)}.attachment-item.compact .attachment-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.attachment-item.compact .attachment-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--enhanced-space-1);overflow:hidden}.attachment-item.compact .attachment-name{font-size:.8rem;font-weight:500;color:var(--enhanced-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default;position:relative;line-height:1.2}.attachment-item.compact .attachment-name:after{content:attr(title);position:absolute;bottom:120%;left:0;background:var(--enhanced-bg-dark, #2d3748);color:#fff;padding:var(--enhanced-space-2) var(--enhanced-space-3);border-radius:var(--enhanced-radius-md);font-size:.75rem;font-weight:400;white-space:nowrap;z-index:1000;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;box-shadow:var(--enhanced-shadow-lg);max-width:280px;text-overflow:ellipsis;overflow:hidden}.attachment-item.compact .attachment-name:hover:after{opacity:1;visibility:visible}.attachment-item.compact .attachment-size{font-size:.7rem;color:var(--enhanced-text-tertiary)}.download-attachment-btn.compact{background:none;border:none;padding:var(--enhanced-space-1);color:var(--enhanced-text-secondary);cursor:pointer;border-radius:var(--enhanced-radius-sm);transition:all .2s ease;flex-shrink:0}.download-attachment-btn.compact:hover{background-color:var(--enhanced-bg-tertiary);color:var(--enhanced-primary)}.show-more-attachments{margin-top:var(--enhanced-space-2);padding-top:var(--enhanced-space-2);border-top:1px solid var(--enhanced-border-light)}.show-more-btn{background:none;border:none;color:var(--enhanced-primary);font-size:.8rem;cursor:pointer;padding:var(--enhanced-space-2);border-radius:var(--enhanced-radius-md);transition:all .2s ease;text-align:left;width:100%}.show-more-btn:hover{background-color:var(--enhanced-bg-tertiary);color:var(--enhanced-primary-dark)}.enhanced-card{background:var(--enhanced-bg-secondary);border:1px solid var(--enhanced-border-light);border-radius:var(--enhanced-radius-lg);box-shadow:var(--enhanced-shadow-sm);overflow:hidden;margin-bottom:var(--enhanced-space-4);transition:all .2s ease}.enhanced-card:hover{box-shadow:var(--enhanced-shadow-md);border-color:var(--enhanced-border-medium)}.editable-heartbeat{animation:heartbeat 2s ease-in-out infinite;border-color:var(--enhanced-primary);box-shadow:0 0 0 1px var(--enhanced-primary),var(--enhanced-shadow-md)}@keyframes heartbeat{0%{transform:scale(1);box-shadow:0 0 0 1px var(--enhanced-primary),var(--enhanced-shadow-md)}25%{transform:scale(1.02);box-shadow:0 0 0 2px #ff5d5d4d,var(--enhanced-shadow-lg)}50%{transform:scale(1);box-shadow:0 0 0 1px var(--enhanced-primary),var(--enhanced-shadow-md)}75%{transform:scale(1.02);box-shadow:0 0 0 2px #ff5d5d4d,var(--enhanced-shadow-lg)}to{transform:scale(1);box-shadow:0 0 0 1px var(--enhanced-primary),var(--enhanced-shadow-md)}}.enhanced-card .card-header{padding:var(--enhanced-space-3) var(--enhanced-space-4);border-bottom:1px solid var(--enhanced-border-light);background:var(--enhanced-bg-tertiary)}.header-title{display:flex;align-items:center;gap:var(--enhanced-space-2);margin:0}.header-title h2{margin:0;font-size:.9rem;font-weight:600;color:var(--enhanced-text-primary)}.header-icon{color:var(--enhanced-primary);font-size:.8rem}.enhanced-card .card-content{padding:var(--enhanced-space-4)}.ticket-overview-card{height:auto;min-height:auto}.ticket-overview-card .card-content{padding:var(--enhanced-space-4);height:auto;overflow:visible}.ticket-overview-row.no-attachments .ticket-overview-card .card-content,.ticket-overview-row.few-attachments .ticket-overview-card .card-content{padding:var(--enhanced-space-3) var(--enhanced-space-4)}.ticket-main-info{display:flex;flex-direction:column;gap:var(--enhanced-space-4);height:auto;min-height:auto}.ticket-overview-row.no-attachments .ticket-overview-card,.ticket-overview-row.no-attachments .ticket-main-info{min-height:auto}.ticket-code-display{display:block;width:100%;background:linear-gradient(135deg,var(--enhanced-primary) 0%,var(--enhanced-primary-dark) 100%);color:#fff;padding:var(--enhanced-space-2) var(--enhanced-space-3);border-radius:var(--enhanced-radius-md);font-size:.8rem;font-weight:600;letter-spacing:.05em;box-shadow:var(--enhanced-shadow-sm);text-align:center;text-transform:uppercase}.ticket-details-grid{display:flex;flex-direction:column;gap:var(--enhanced-space-4);width:100%}.ticket-detail-row{width:100%;display:flex;flex-direction:column}.ticket-title-section{width:100%;margin-bottom:var(--enhanced-space-3);height:auto;overflow:visible;max-height:none}.ticket-detail-row.description-row{flex:1;min-height:auto}.ticket-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--enhanced-text-primary);line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-height:none;height:auto;overflow:visible;text-overflow:unset;display:block;width:100%}.ticket-description{margin:0;width:100%;position:relative}.description-container{background:#f8fafc;border-radius:8px;border-left:3px solid #ff5d5d;overflow:hidden;transition:max-height .3s ease-in-out;box-shadow:var(--enhanced-shadow-sm)}.description-container.collapsed{max-height:250px}.description-container.expanded{max-height:none}.description-container:has(p:empty),.description-container:has(p[style*="display: none"]){padding:var(--enhanced-space-4);min-height:auto}.ticket-overview-row.no-attachments .description-container{max-height:none}.description-container .rich-text-content{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--enhanced-text-primary);margin:0;padding:0}.description-container .rich-text-content>*:first-child{margin-top:0}.description-container .rich-text-content>*:last-child{margin-bottom:0}.description-container .rich-text-content p{margin:var(--enhanced-space-3) 0;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--enhanced-text-primary)}.description-container .rich-text-content ul,.description-container .rich-text-content ol{margin:var(--enhanced-space-4) 0;padding-left:var(--enhanced-space-6)}.description-container .rich-text-content li{margin-bottom:var(--enhanced-space-2);line-height:var(--line-height-relaxed)}.description-container .rich-text-content blockquote{margin:var(--enhanced-space-5) 0;padding:var(--enhanced-space-4) var(--enhanced-space-5);background:var(--enhanced-bg-tertiary);border-left:4px solid var(--enhanced-primary);border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;font-style:italic}.description-container .rich-text-content h1,.description-container .rich-text-content h2,.description-container .rich-text-content h3{margin:var(--enhanced-space-5) 0 var(--enhanced-space-3) 0;color:var(--enhanced-text-primary);font-weight:var(--font-weight-bold)}.ticket-description p{margin:0;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--enhanced-text-primary);padding:0;white-space:pre-wrap;word-wrap:break-word;overflow:visible;text-overflow:unset;display:block;box-sizing:border-box}.description-container .rich-text-content{font-size:.9rem;line-height:1.7;color:var(--enhanced-text-secondary);padding:var(--enhanced-space-4);margin:0;white-space:pre-wrap;word-wrap:break-word;overflow:visible;text-overflow:unset;display:block;box-sizing:border-box}.description-container .rich-text-content p{margin:0 0 .5em;font-size:.9rem;line-height:1.7;color:var(--enhanced-text-secondary);padding:0}.description-container .rich-text-content p:last-child{margin-bottom:0}.description-container .rich-text-content strong,.description-container .rich-text-content b{font-weight:600;color:var(--enhanced-text-secondary)}.description-container .rich-text-content em,.description-container .rich-text-content i{font-style:italic}.description-container .rich-text-content u{text-decoration:underline}.description-container .rich-text-content strike,.description-container .rich-text-content s{text-decoration:line-through;opacity:.8}.description-container .rich-text-content ul,.description-container .rich-text-content ol{margin:.5em 0;padding-left:1.5em}.description-container .rich-text-content li{margin-bottom:.25em;line-height:1.7}.description-container .rich-text-content blockquote{border-left:2px solid #ff5d5d;padding-left:1em;margin:.5em 0;font-style:italic;opacity:.9}.description-container .rich-text-content h1,.description-container .rich-text-content h2,.description-container .rich-text-content h3{font-size:1rem;font-weight:600;margin:.5em 0 .25em;color:var(--enhanced-text-secondary)}.description-container .rich-text-content pre{background:#0000000d;border:1px solid rgba(0,0,0,.1);border-radius:4px;padding:.5em;font-family:Courier New,monospace;font-size:.8em;margin:.5em 0;overflow-x:auto}.description-container .rich-text-content a{color:#ff5d5d;text-decoration:underline}.description-container .rich-text-content a:hover{opacity:.8}.description-toggle-btn{background:var(--enhanced-bg-tertiary);color:var(--enhanced-text-secondary);border:1px solid var(--enhanced-border-medium);padding:var(--enhanced-space-2) var(--enhanced-space-4);border-radius:var(--enhanced-radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;display:flex;align-items:center;gap:var(--enhanced-space-2);margin-top:var(--enhanced-space-4);transition:all .2s ease;box-shadow:var(--enhanced-shadow-sm);align-self:center}.description-toggle-btn.compact{padding:var(--enhanced-space-2) var(--enhanced-space-3);font-size:var(--font-size-sm);min-height:32px;border-radius:var(--enhanced-radius-md);margin-top:var(--enhanced-space-3);align-self:center;background:var(--enhanced-bg-secondary);border:1px solid var(--enhanced-border-light);color:var(--enhanced-text-secondary);box-shadow:var(--enhanced-shadow-sm)}.description-toggle-btn:hover{background:var(--enhanced-bg-secondary);color:var(--enhanced-text-primary);border-color:var(--enhanced-border-dark);transform:none;box-shadow:var(--enhanced-shadow-sm)}.description-toggle-btn.compact:hover{background:var(--enhanced-bg-tertiary);color:var(--enhanced-text-secondary);border-color:var(--enhanced-border-medium)}.description-toggle-btn:active{transform:none;background:var(--enhanced-bg-tertiary)}.toggle-icon{font-size:.7rem}.description-toggle-btn.compact{padding:var(--enhanced-space-1) var(--enhanced-space-2);font-size:.7rem;min-height:28px;border-radius:var(--enhanced-radius-sm);margin-top:var(--enhanced-space-1);align-self:flex-start}.description-toggle-btn.compact .toggle-icon{font-size:.6rem}@media (max-width: 600px){.ticket-title{font-size:1.05rem;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;height:auto;max-height:none;overflow:visible}.ticket-description p{padding:var(--enhanced-space-3)}}.requester-card{position:relative}.requester-profile{display:flex;align-items:flex-start;gap:var(--enhanced-space-4)}.profile-avatar{flex-shrink:0}.avatar-image{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--enhanced-border-light);box-shadow:var(--enhanced-shadow-sm);transition:all .2s ease}.avatar-image:hover{transform:scale(1.05);box-shadow:var(--enhanced-shadow-md)}.avatar-placeholder{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--enhanced-primary) 0%,var(--enhanced-primary-dark) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.1rem;border:2px solid var(--enhanced-border-light);box-shadow:var(--enhanced-shadow-sm);transition:all .2s ease}.avatar-placeholder:hover{transform:scale(1.05);box-shadow:var(--enhanced-shadow-md)}.profile-details{flex:1;display:flex;flex-direction:column;gap:var(--enhanced-space-3)}.profile-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--enhanced-space-4);align-items:flex-start}.profile-column{display:flex;flex-direction:column}.detail-item{display:flex;flex-direction:row;align-items:center;gap:var(--enhanced-space-2);padding:var(--enhanced-space-1) 0}.detail-item.name-designation{flex-direction:column;align-items:flex-start;gap:var(--enhanced-space-1);padding:0}.profile-name{margin:0;font-size:1.1rem;font-weight:600;color:var(--enhanced-text-primary);line-height:1.3}.profile-designation{margin:0;color:var(--enhanced-text-secondary);font-size:.8rem;font-weight:400;line-height:1.2}.detail-label{display:flex;align-items:center;gap:var(--enhanced-space-1);font-size:.75rem;font-weight:500;color:var(--enhanced-text-secondary);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.detail-icon{color:var(--enhanced-primary);font-size:.7rem;flex-shrink:0}.detail-value{font-size:.85rem;color:var(--enhanced-text-primary);font-weight:500;line-height:1.3}.requester-profile .detail-value.field-value{background:var(--enhanced-bg-tertiary);border:1px solid var(--enhanced-border-light);border-radius:var(--enhanced-radius-md);padding:var(--enhanced-space-2) var(--enhanced-space-3);min-height:auto;font-size:.8rem;color:var(--enhanced-text-secondary);display:inline-flex;align-items:center}.service-level-card{position:relative}.service-overview{padding:0}.service-main-section{display:flex;flex-direction:column;gap:var(--enhanced-space-2)}.service-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--enhanced-space-1)}.service-title{font-size:.8rem;font-weight:600;color:var(--enhanced-text-primary);display:flex;align-items:center;gap:var(--enhanced-space-1)}.service-status-badge{display:inline-flex;align-items:center;padding:2px var(--enhanced-space-1);border-radius:var(--enhanced-radius-sm);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.service-status-badge.good{background:#dcfdf7;color:#065f46;border:1px solid #a7f3d0}.service-status-badge.warning{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.service-status-badge.critical{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.service-time-display{font-size:1.1rem;font-weight:700;color:var(--enhanced-text-primary);text-align:center;margin:var(--enhanced-space-1) 0;padding:var(--enhanced-space-2);background:var(--enhanced-bg-tertiary);border-radius:var(--enhanced-radius-md);border-left:3px solid var(--enhanced-primary)}.service-progress-container{display:flex;flex-direction:column;gap:var(--enhanced-space-1)}.service-progress-bar{width:100%;height:8px;background:var(--enhanced-bg-tertiary);border-radius:var(--enhanced-radius-md);overflow:hidden;border:1px solid var(--enhanced-border-light);box-shadow:inset 0 1px 2px #0000001a}.service-progress-fill{height:100%;transition:all .3s ease;border-radius:var(--enhanced-radius-sm);position:relative}.service-progress-fill.good{background:linear-gradient(90deg,#10b981,#059669);box-shadow:0 0 8px #10b9814d}.service-progress-fill.warning{background:linear-gradient(90deg,#f59e0b,#d97706);box-shadow:0 0 8px #f59e0b4d}.service-progress-fill.critical{background:linear-gradient(90deg,#ef4444,#dc2626);box-shadow:0 0 8px #ef44444d}.service-progress-text{text-align:center;font-size:.75rem;font-weight:500;color:var(--enhanced-text-secondary)}.service-overview.compact{padding:0}.service-overview.compact .service-main-section{gap:var(--enhanced-space-1)}.service-overview.compact .service-time-display{font-size:1rem;padding:var(--enhanced-space-1) var(--enhanced-space-2);margin:2px 0}.service-overview.compact .service-progress-bar{height:6px}.service-overview.compact .service-header{margin-bottom:2px}.service-overview.compact .service-progress-text{font-size:.7rem}.attachments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--enhanced-space-3)}@media (max-width: 1366px){.attachments-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--enhanced-space-2)}}@media (max-width: 768px){.attachments-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--enhanced-space-2)}}@media (max-width: 480px){.attachments-grid{grid-template-columns:1fr;gap:var(--enhanced-space-2)}}.attachment-item{background:var(--enhanced-bg-tertiary);border:1px solid var(--enhanced-border-light);border-radius:var(--enhanced-radius-lg);padding:var(--enhanced-space-3);transition:all .2s ease;display:flex;flex-direction:column;gap:var(--enhanced-space-2);min-height:180px;position:relative;overflow:hidden}.attachment-item:hover{background:var(--enhanced-bg-secondary);border-color:var(--enhanced-border-medium);box-shadow:var(--enhanced-shadow-sm)}.attachment-name-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--enhanced-space-2);margin-bottom:var(--enhanced-space-2)}.attachment-name{font-size:.875rem;font-weight:600;color:var(--enhanced-text-primary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;cursor:default;position:relative}.attachment-name:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--enhanced-bg-dark, #2d3748);color:#fff;padding:var(--enhanced-space-2) var(--enhanced-space-3);border-radius:var(--enhanced-radius-md);font-size:.75rem;font-weight:400;white-space:nowrap;z-index:1000;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;margin-bottom:var(--enhanced-space-1);box-shadow:var(--enhanced-shadow-lg);max-width:300px;text-overflow:ellipsis;overflow:hidden}.attachment-name:hover:after{opacity:1;visibility:visible}.attachment-preview{position:relative;flex:1;display:flex;align-items:center;justify-content:center;background:var(--enhanced-bg-primary);border-radius:var(--enhanced-radius-md);overflow:hidden;min-height:140px}.attachment-preview-image{max-width:100%;max-height:140px;border-radius:var(--enhanced-radius-md);object-fit:contain;cursor:pointer;transition:transform .2s ease}.attachment-preview-image:hover{transform:scale(1.02)}.attachment-preview .file-icon{font-size:56px;color:var(--enhanced-text-tertiary)}.ticket-download-btn{display:inline-block;margin-left:12px;vertical-align:middle;background:var(--enhanced-primary);color:#fff;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;transition:background .2s;font-size:14px}.ticket-download-btn:hover{background:var(--enhanced-primary-dark)}.attachment-size{font-size:.75rem;color:var(--enhanced-text-tertiary);text-align:center;font-weight:500}.activity-stats{display:flex;align-items:center;gap:var(--enhanced-space-4)}.attachments-sidebar-container{background:var(--enhanced-bg-primary);border:1px solid var(--enhanced-border-light);border-radius:var(--enhanced-radius-lg);padding:var(--enhanced-space-4);height:100%;display:flex;flex-direction:column}.attachments-sidebar-header{display:flex;align-items:center;gap:var(--enhanced-space-2);margin-bottom:var(--enhanced-space-4);color:var(--enhanced-text-primary);font-weight:600}.attachments-sidebar-list{flex:1;display:flex;flex-direction:column;gap:var(--enhanced-space-3)}.attachment-sidebar-item{display:flex;align-items:flex-start;gap:var(--enhanced-space-3);padding:var(--enhanced-space-3);background:var(--enhanced-bg-secondary);border:1px solid var(--enhanced-border-light);border-radius:var(--enhanced-radius-md);transition:all .2s ease;overflow:hidden}.attachment-sidebar-item:hover{border-color:var(--enhanced-border-primary);background:var(--enhanced-bg-hover)}.attachment-sidebar-preview{flex-shrink:0;width:48px;height:48px;border-radius:var(--enhanced-radius-md);overflow:hidden;background:var(--enhanced-bg-tertiary);border:1px solid var(--enhanced-border-light);display:flex;align-items:center;justify-content:center}.attachment-inline-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.attachment-inline-preview:hover{transform:scale(1.05)}.attachment-preview-thumbnail{width:100%;height:100%;object-fit:cover;border-radius:var(--enhanced-radius-sm);cursor:pointer;transition:all .2s ease}.attachment-preview-thumbnail:hover{transform:scale(1.1)}.file-icon-preview{background:var(--enhanced-bg-primary);border-radius:var(--enhanced-radius-sm)}.attachment-sidebar-content{display:flex;align-items:flex-start;gap:var(--enhanced-space-3);flex:1;justify-content:space-between;min-width:0;overflow:hidden}.attachment-details{flex:1;min-width:0;overflow:hidden}.attachment-name-sidebar{font-size:.875rem;font-weight:500;color:var(--enhanced-text-primary);margin-bottom:var(--enhanced-space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default;position:relative;line-height:1.2}.attachment-name-sidebar:after{content:attr(title);position:absolute;bottom:120%;left:0;background:var(--enhanced-bg-dark, #2d3748);color:#fff;padding:var(--enhanced-space-2) var(--enhanced-space-3);border-radius:var(--enhanced-radius-md);font-size:.75rem;font-weight:400;white-space:nowrap;z-index:1000;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;box-shadow:var(--enhanced-shadow-lg);max-width:280px;text-overflow:ellipsis;overflow:hidden}.attachment-name-sidebar:hover:after{opacity:1;visibility:visible}.attachment-meta{display:flex;align-items:center;gap:var(--enhanced-space-2)}.attachment-size-sidebar{font-size:.75rem;color:var(--enhanced-text-tertiary)}.attachment-actions{display:flex;gap:var(--enhanced-space-1);flex-shrink:0;align-items:flex-start}.attachment-action-btn{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:none;border-radius:var(--enhanced-radius-sm);background:var(--enhanced-bg-secondary);color:var(--enhanced-text-secondary);cursor:pointer;transition:all .2s ease;border:1px solid var(--enhanced-border-light)}.attachment-action-btn:hover{background:var(--enhanced-bg-hover);color:var(--enhanced-text-primary);border-color:var(--enhanced-border-medium)}.download-btn:hover{background:var(--enhanced-primary-dark);border-color:var(--enhanced-primary-dark)}.show-more-attachments,.show-more-sidebar,.show-less-sidebar{margin-top:var(--enhanced-space-2);padding-top:var(--enhanced-space-2);border-top:1px solid var(--enhanced-border-light)}.show-more-btn,.show-more-btn-sidebar,.show-less-btn-sidebar{background:none;border:none;color:var(--enhanced-primary);cursor:pointer;font-size:.875rem;text-decoration:underline;transition:all .2s ease;padding:var(--enhanced-space-2);width:100%;text-align:center}.show-more-btn:hover,.show-more-btn-sidebar:hover,.show-less-btn-sidebar:hover{color:var(--enhanced-primary-dark);background:var(--enhanced-bg-tertiary);border-radius:var(--enhanced-radius-sm)}.sidebar-height{height:100%}.attachment-sidebar-show-toggle{margin-top:var(--enhanced-space-3);padding:var(--enhanced-space-2) var(--enhanced-space-3);background:var(--enhanced-bg-secondary);border:1px solid var(--enhanced-border-light);border-radius:var(--enhanced-radius-md);color:var(--enhanced-text-secondary);font-size:.875rem;cursor:pointer;text-align:center;transition:all .2s ease}.attachment-sidebar-show-toggle:hover{background:var(--enhanced-bg-hover);border-color:var(--enhanced-border-primary);color:var(--enhanced-text-primary)}@media (max-width: 1366px){.attachment-sidebar-item{padding:var(--enhanced-space-2);gap:var(--enhanced-space-2)}.attachment-sidebar-preview,.attachment-preview-thumbnail{width:40px;height:40px}.attachment-name-sidebar{font-size:.8rem}.attachment-size-sidebar{font-size:.7rem}.attachment-action-btn{width:1.5rem;height:1.5rem}.attachment-name-sidebar:after{max-width:240px}.attachment-name:after{max-width:220px}}@media (max-width: 768px){.attachment-sidebar-item{gap:var(--enhanced-space-2)}.attachment-sidebar-content{align-items:flex-start;gap:var(--enhanced-space-2)}.attachment-name-sidebar{font-size:.75rem}.attachment-size-sidebar{font-size:.65rem}.attachments-grid{gap:var(--enhanced-space-2)}.attachment-item{min-height:160px;padding:var(--enhanced-space-2)}.attachment-name{font-size:.8rem}.attachment-name-sidebar:after,.attachment-name:after{max-width:200px;font-size:.7rem;left:50%;transform:translate(-50%)}}@media (max-width: 480px){.attachment-sidebar-item{padding:var(--enhanced-space-1) var(--enhanced-space-2)}.attachment-sidebar-preview{width:32px;height:32px}.attachment-name-sidebar{font-size:.7rem}.attachment-size-sidebar{font-size:.6rem}.attachment-action-btn{width:1.25rem;height:1.25rem}.attachment-item{min-height:140px;padding:var(--enhanced-space-1)}.attachment-name{font-size:.75rem}.attachment-name-sidebar:after,.attachment-name:after{max-width:180px;font-size:.65rem;padding:var(--enhanced-space-1) var(--enhanced-space-2)}}.download-btn{background:var(--enhanced-primary);color:#fff;border-color:var(--enhanced-primary)}.download-btn:hover{background:var(--enhanced-primary-dark);color:#fff;border-color:var(--enhanced-primary-dark)}.show-more-sidebar,.show-less-sidebar{margin-top:var(--enhanced-space-2)}.show-more-btn-sidebar,.show-less-btn-sidebar{width:100%;padding:var(--enhanced-space-2) var(--enhanced-space-3);background:var(--enhanced-bg-secondary);border:1px solid var(--enhanced-border-light);border-radius:var(--enhanced-radius-md);color:var(--enhanced-text-secondary);font-size:.875rem;cursor:pointer;text-align:center;transition:all .2s ease}.show-more-btn-sidebar:hover,.show-less-btn-sidebar:hover{background:var(--enhanced-bg-hover);border-color:var(--enhanced-border-primary);color:var(--enhanced-text-primary)}.comment-count{background:var(--enhanced-primary);color:#fff;padding:var(--enhanced-space-1) var(--enhanced-space-3);border-radius:var(--enhanced-radius-md);font-size:.875rem;font-weight:500}.timeline{position:relative}.empty-timeline{text-align:center;padding:var(--enhanced-space-8) var(--enhanced-space-3);color:var(--enhanced-text-tertiary)}.empty-icon{font-size:2.5rem;color:var(--enhanced-text-muted);margin-bottom:var(--enhanced-space-3)}.empty-timeline h3{margin:0 0 var(--enhanced-space-2) 0;font-size:1rem;font-weight:600;color:var(--enhanced-text-secondary)}.empty-timeline p{margin:0;font-size:.8rem;color:var(--enhanced-text-tertiary)}.timeline-item{display:flex;gap:var(--enhanced-space-3);margin-bottom:var(--enhanced-space-4);position:relative}.timeline-item:not(:last-child):after{content:"";position:absolute;left:1rem;top:2rem;width:2px;height:calc(100% + var(--enhanced-space-4));background:var(--enhanced-border-light)}.timeline-avatar{width:2rem;height:2rem;border-radius:50%;background:linear-gradient(135deg,var(--enhanced-primary) 0%,var(--enhanced-primary-dark) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;flex-shrink:0;z-index:1;position:relative;box-shadow:var(--enhanced-shadow-sm)}.timeline-content{flex:1;background:var(--enhanced-bg-tertiary);border:1px solid var(--enhanced-border-light);border-radius:var(--enhanced-radius-md);padding:var(--enhanced-space-3);transition:all .2s ease}.timeline-content:hover{background:var(--enhanced-bg-secondary);border-color:var(--enhanced-border-medium);box-shadow:var(--enhanced-shadow-sm)}.timeline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--enhanced-space-2)}.timeline-body{margin-top:var(--enhanced-space-3)}.comment-author{display:flex;align-items:center;gap:var(--enhanced-space-3)}.author-name{font-weight:600;color:var(--enhanced-text-primary);font-size:.875rem}.comment-time{font-size:.75rem;color:var(--enhanced-text-tertiary)}.edit-comment-btn{background:transparent;border:1px solid var(--enhanced-border-light);border-radius:var(--enhanced-radius-sm);padding:var(--enhanced-space-1) var(--enhanced-space-2);color:var(--enhanced-text-secondary);cursor:pointer;transition:all .2s ease;font-size:.75rem}.edit-comment-btn:hover{background:var(--enhanced-bg-secondary);border-color:var(--enhanced-border-medium);color:var(--enhanced-text-primary)}.comment-content{margin:0;font-size:.875rem;line-height:1.6;color:var(--enhanced-text-secondary)}.edit-comment-form{margin-top:var(--enhanced-space-3);position:relative}.remove-attachment-btn{background:var(--enhanced-primary)!important;color:#fff!important;border:none!important;border-radius:50%!important;width:24px!important;height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .2s ease;font-size:11px!important;flex-shrink:0!important;z-index:999!important;position:relative!important;pointer-events:auto!important;outline:2px solid red}.remove-attachment-btn:hover{background:var(--enhanced-primary-dark)!important;transform:scale(1.1)}.remove-attachment-btn:active{transform:scale(.95);background:var(--enhanced-primary-dark)!important}.edit-comment-input{width:100%;min-height:80px;padding:var(--enhanced-space-3);border:1px solid var(--enhanced-border-light);border-radius:var(--enhanced-radius-md);font-size:.875rem;line-height:1.6;resize:vertical;font-family:inherit;background:var(--enhanced-bg-secondary);transition:all .2s ease}.edit-actions{display:flex;gap:var(--enhanced-space-2);margin-top:var(--enhanced-space-3);align-items:center}.save-comment-btn{display:flex;align-items:center;gap:4px;background:var(--enhanced-primary);color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;line-height:1.2}.save-comment-btn:hover{background:var(--enhanced-primary-dark)}.save-comment-btn:disabled{background:#6c757d;cursor:not-allowed}.cancel-comment-btn{display:flex;align-items:center;gap:4px;background:transparent;color:#6c757d;border:1px solid #dee2e6;border-radius:4px;padding:6px 12px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;line-height:1.2}.cancel-comment-btn:hover{background:#f8f9fa;border-color:#adb5bd;color:#495057}.cancel-comment-btn:disabled{opacity:.6;cursor:not-allowed}.remove-attachment-btn{background:#dc3545!important;color:#fff!important;border:none!important;border-radius:50%!important;width:24px!important;height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .2s ease;font-size:11px!important;flex-shrink:0!important;z-index:999!important;position:relative!important;pointer-events:auto!important;outline:2px solid red}.remove-attachment-btn:hover{background:#c82333!important;transform:scale(1.1)}.remove-attachment-btn:active{transform:scale(.95);background:#a71e2a!important}.edit-attachment{border:1px dashed #dee2e6;background:#f8f9fa}.comment-attachments.edit-mode{margin-top:12px;padding:12px;border:1px solid #dee2e6;border-radius:4px;background:#f8f9fa}.comment-attachments.edit-mode h4{margin:0 0 8px;font-size:.875rem;color:#495057;font-weight:500}.fa-spin{animation:fa-spin 2s infinite linear}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.selected-files-list{margin-top:var(--enhanced-space-3);display:flex;flex-wrap:wrap;gap:var(--enhanced-space-3)}.selected-file-item{display:flex;align-items:center;gap:var(--enhanced-space-2);background:var(--enhanced-bg-secondary);border:1px solid var(--enhanced-border-light);border-radius:var(--enhanced-radius-md);padding:var(--enhanced-space-2);transition:all .2s ease}.selected-file-item:hover{border-color:var(--enhanced-border-medium);box-shadow:var(--enhanced-shadow-sm)}.file-preview{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--enhanced-radius-md);overflow:hidden;flex-shrink:0}.file-thumbnail{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:transform .2s ease}.file-thumbnail:hover{transform:scale(1.1)}.file-icon-preview{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--enhanced-bg-tertiary);border-radius:var(--enhanced-radius-sm)}.file-details{display:flex;flex-direction:column;min-width:0;flex:1}.file-name{font-size:.875rem;font-weight:500;color:var(--enhanced-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.file-size{font-size:.75rem;color:var(--enhanced-text-tertiary);margin-top:2px}.file-actions{display:flex;gap:var(--enhanced-space-1);align-items:center}.preview-file-btn{background:transparent;color:var(--enhanced-info);border:1px solid var(--enhanced-info);border-radius:var(--enhanced-radius-sm);padding:var(--enhanced-space-1) var(--enhanced-space-2);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.preview-file-btn:hover{background:var(--enhanced-info);color:#fff}.remove-file-btn{background:transparent;color:var(--enhanced-danger);border:1px solid var(--enhanced-danger);border-radius:var(--enhanced-radius-sm);padding:var(--enhanced-space-1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;width:24px;height:24px}.remove-file-btn:hover{background:var(--enhanced-danger);color:#fff}.edit-comment-form{margin-top:var(--enhanced-space-3)}.edit-comment-input{width:100%;padding:var(--enhanced-space-3);border:1px solid var(--enhanced-border-light);border-radius:var(--enhanced-radius-md);font-size:.875rem;line-height:1.5;resize:vertical;min-height:80px;font-family:inherit}.edit-comment-input:focus{outline:none;border-color:var(--enhanced-primary);box-shadow:0 0 0 3px #ff5d5d1a}.edit-actions{display:flex;gap:.5rem;margin-top:.75rem;justify-content:flex-start;align-items:center}.save-btn,.cancel-btn{padding:.25rem .5rem!important;border-radius:.25rem!important;font-size:.75rem!important;font-weight:500!important;cursor:pointer!important;transition:all .15s ease!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;height:1.5rem!important;min-width:3rem!important;line-height:1!important;white-space:nowrap!important;border:1px solid transparent!important;text-decoration:none!important;-webkit-user-select:none!important;user-select:none!important;outline:none!important;box-sizing:border-box!important}.save-btn{background:var(--enhanced-primary)!important;color:#fff!important;border-color:var(--enhanced-primary)!important}.save-btn:hover:not(:disabled){background:var(--enhanced-primary-dark)!important;border-color:var(--enhanced-primary-dark)!important;transform:translateY(-1px)!important}.save-btn:active:not(:disabled){transform:translateY(0)!important}.save-btn:disabled{background:#9ca3af!important;border-color:#9ca3af!important;cursor:not-allowed!important;transform:none!important;opacity:.6!important}.cancel-btn{background:#f8fafc!important;color:#64748b!important;border-color:#e2e8f0!important}.cancel-btn:hover{background:#f1f5f9!important;border-color:#cbd5e0!important;color:#475569!important;transform:translateY(-1px)!important}.cancel-btn:active{transform:translateY(0)!important}.comment-attachments{margin-top:var(--enhanced-space-4);padding:var(--enhanced-space-4);border:1px solid var(--enhanced-border-light);border-radius:var(--enhanced-radius-lg);background-color:var(--enhanced-bg-secondary);display:flex;flex-wrap:wrap;gap:var(--enhanced-space-3)}.comment-attachment-item{display:flex;align-items:center;gap:var(--enhanced-space-2);background:var(--enhanced-bg-secondary);border:1px solid var(--enhanced-border-light);border-radius:var(--enhanced-radius-md);padding:var(--enhanced-space-2);transition:all .2s ease}.comment-attachment-item:hover{border-color:var(--enhanced-border-medium);box-shadow:var(--enhanced-shadow-sm)}.attachment-image-preview{width:48px;height:48px;border-radius:var(--enhanced-radius-md);overflow:hidden;flex-shrink:0}.attachment-image{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:transform .2s ease;border:1px solid var(--enhanced-border-light)}.attachment-image:hover{transform:scale(1.1)}.attachment-info{display:flex;align-items:center;gap:var(--enhanced-space-2);flex:1;min-width:0}.attachment-details{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.attachment-details .attachment-name{font-size:.875rem;font-weight:500;color:var(--enhanced-text-primary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.attachment-details .attachment-size{font-size:.75rem;color:var(--enhanced-text-tertiary);line-height:1.2}.download-btn-icon{background:var(--enhanced-primary);color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:12px}.download-btn-icon:hover{background:var(--enhanced-primary-dark);transform:scale(1.1)}.attachment-actions{display:flex;gap:var(--enhanced-space-2);align-items:center}.preview-btn{background:linear-gradient(135deg,var(--enhanced-info) 0%,#3b82f6 100%);color:#fff;border:none;border-radius:var(--enhanced-radius-sm);padding:var(--enhanced-space-1) var(--enhanced-space-2);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--enhanced-shadow-sm)}.preview-btn:hover{background:linear-gradient(135deg,#3b82f6 0%,var(--enhanced-info) 100%);transform:translateY(-1px);box-shadow:var(--enhanced-shadow-md)}.download-btn{background:linear-gradient(135deg,var(--enhanced-primary) 0%,#dc2626 100%);color:#fff;border:none;border-radius:var(--enhanced-radius-sm);padding:var(--enhanced-space-1) var(--enhanced-space-2);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--enhanced-shadow-sm)}.download-btn:hover{background:linear-gradient(135deg,#dc2626 0%,var(--enhanced-primary) 100%);transform:translateY(-1px);box-shadow:var(--enhanced-shadow-md)}.comment-form{position:relative}.comment-textarea{width:100%;padding:var(--enhanced-space-3);border:1px solid var(--enhanced-border-light);border-radius:var(--enhanced-radius-md);font-size:.8rem;line-height:1.5;resize:vertical;min-height:80px;font-family:inherit;background:var(--enhanced-bg-secondary);transition:all .2s ease}.comment-textarea:focus{outline:none;border-color:var(--enhanced-primary);box-shadow:0 0 0 3px #ff5d5d1a;background:var(--enhanced-bg-secondary)}.comment-textarea::placeholder{color:var(--enhanced-text-tertiary)}.comment-toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:var(--enhanced-space-3)}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:var(--enhanced-space-2)}.attachment-btn{background:transparent;border:1px solid var(--enhanced-border-light);border-radius:var(--enhanced-radius-md);padding:var(--enhanced-space-2) var(--enhanced-space-3);color:var(--enhanced-text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--enhanced-space-2);font-size:.8rem;font-weight:500}.attachment-btn:hover{background:var(--enhanced-bg-tertiary);border-color:var(--enhanced-border-medium);color:var(--enhanced-text-primary)}.attachment-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.file-input-hidden{display:none}.submit-comment-btn{background:var(--enhanced-primary);color:#fff;border:none;border-radius:var(--enhanced-radius-md);padding:var(--enhanced-space-2) var(--enhanced-space-4);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--enhanced-space-2)}.submit-comment-btn:hover:not(:disabled){background:var(--enhanced-primary-dark);transform:translateY(-1px);box-shadow:var(--enhanced-shadow-md)}.submit-comment-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.selected-files{margin-top:var(--enhanced-space-4);padding-top:var(--enhanced-space-4);border-top:1px solid var(--enhanced-border-light);display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--enhanced-space-3)}.selected-file{display:flex;align-items:center;gap:var(--enhanced-space-3);background:var(--enhanced-bg-secondary);border:2px solid var(--enhanced-border-light);border-radius:var(--enhanced-radius-lg);padding:var(--enhanced-space-4);position:relative;box-shadow:var(--enhanced-shadow-sm);transition:all .2s ease}.selected-file:hover{border-color:var(--enhanced-border-medium);box-shadow:var(--enhanced-shadow-md);transform:translateY(-1px)}.file-preview{display:flex;align-items:center;gap:var(--enhanced-space-2);flex:1;min-width:0}.preview-image{width:40px;height:40px;border-radius:var(--enhanced-radius-sm);object-fit:cover;cursor:pointer;transition:transform .2s ease}.preview-image:hover{transform:scale(1.1)}.file-info{flex:1;min-width:0}.file-name{font-size:.875rem;font-weight:500;color:var(--enhanced-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.file-size{font-size:.75rem;color:var(--enhanced-text-tertiary);margin-top:var(--enhanced-space-1)}.remove-file-btn{background:var(--enhanced-danger);color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:.75rem;flex-shrink:0}.remove-file-btn:hover{background:#b91c1c;transform:scale(1.1)}.assignment-card{position:relative}.assignment-fields{display:flex;flex-direction:column;gap:var(--enhanced-space-3)}.field-group{position:relative}.field-label{display:flex;align-items:center;gap:var(--enhanced-space-2);margin-bottom:var(--enhanced-space-2);font-size:.875rem;font-weight:600;color:var(--enhanced-text-primary)}.field-label .field-icon{font-size:.875rem;color:var(--enhanced-primary);margin-right:var(--enhanced-space-1)}.field-value{display:flex;align-items:center;gap:var(--enhanced-space-2);padding:var(--enhanced-space-3);background:var(--enhanced-bg-tertiary);border:1px solid var(--enhanced-border-light);border-radius:var(--enhanced-radius-md);font-size:.875rem;color:var(--enhanced-text-secondary);min-height:40px}.assignment-select,.assignment-input{width:100%;padding:var(--enhanced-space-3);border:1px solid var(--enhanced-border-light);border-radius:var(--enhanced-radius-md);font-size:.875rem;background:var(--enhanced-bg-secondary);color:var(--enhanced-text-primary);transition:all .2s ease;min-height:40px}.assignment-select:focus,.assignment-input:focus{outline:none;border-color:var(--enhanced-primary);box-shadow:0 0 0 3px #ff5d5d1a}.assignment-select:disabled,.assignment-input:disabled{background:var(--enhanced-bg-tertiary);color:var(--enhanced-text-secondary);cursor:not-allowed}.assignment-select option:disabled{color:#999;background-color:#f5f5f5;font-style:italic}.clear-assignee-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:var(--enhanced-danger);color:#fff;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:14px;z-index:2}.clear-assignee-btn:hover{background:#b91c1c;transform:translateY(-50%) scale(1.1)}.assignee-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--enhanced-bg-secondary);border:1px solid var(--enhanced-border-light);border-radius:var(--enhanced-radius-md);box-shadow:var(--enhanced-shadow-lg);z-index:100;max-height:200px;overflow-y:auto;margin-top:2px}.dropdown-item{padding:var(--enhanced-space-3);cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--enhanced-border-light)}.employee-info{display:flex;flex-direction:column;gap:2px}.employee-designation{font-size:.75rem;color:var(--enhanced-text-secondary)}.dropdown-loading,.dropdown-empty{padding:var(--enhanced-space-3);text-align:center;color:var(--enhanced-text-secondary);font-size:.875rem}.dropdown-loading{display:flex;align-items:center;justify-content:center;gap:var(--enhanced-space-2)}.priority-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase}.priority-low{background:#dcfdf7;color:#065f46}.priority-medium{background:#fef3c7;color:#92400e}.priority-high{background:#fed7d7;color:#c53030}.priority-critical{background:#fed7d7;color:#742a2a;font-weight:600}.permission-notice{background:var(--enhanced-bg-tertiary);border:1px solid var(--enhanced-border-light);border-radius:var(--enhanced-radius-md);padding:var(--enhanced-space-3);margin-bottom:var(--enhanced-space-4)}.permission-notice p{margin:0;font-size:.875rem;color:var(--enhanced-text-secondary);font-style:italic}.edit-indicator{margin-left:auto;color:var(--enhanced-primary);font-size:.75rem;opacity:.8}.label-icon{color:var(--enhanced-primary);font-size:.875rem}.field-content,.field-with-loader{position:relative}.card-loader-overlay{position:absolute;inset:0;background:#ffffffd9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:flex-start;z-index:1100;border-radius:var(--enhanced-radius-lg);overflow:hidden}.moving-loader-container{position:absolute;top:50%;display:flex;flex-direction:column;align-items:center;gap:var(--enhanced-space-2);animation:fullCardLoaderSlide 3s ease-in-out infinite;transform:translateY(-50%);padding:var(--enhanced-space-3) var(--enhanced-space-4);white-space:nowrap}.full-card-moving-ticket{font-size:28px;color:var(--enhanced-primary);filter:drop-shadow(0 2px 4px rgba(66,133,244,.3));animation:ticketRotate 3s ease-in-out infinite;margin-bottom:var(--enhanced-space-1)}.moving-text{font-size:.875rem;font-weight:500;color:var(--enhanced-text-secondary);margin:0}@keyframes fullCardLoaderSlide{0%{left:-120px;opacity:0;transform:translateY(-50%) scale(.9)}15%{opacity:1;transform:translateY(-50%) scale(1)}50%{left:50%;transform:translate(-50%) translateY(-50%) scale(1.05);opacity:1}85%{opacity:1;transform:translateY(-50%) scale(1)}to{left:calc(100% + 120px);opacity:0;transform:translateY(-50%) scale(.9)}}@keyframes ticketRotate{0%{transform:rotate(-5deg)}25%{transform:rotate(0)}50%{transform:rotate(2deg)}75%{transform:rotate(0)}to{transform:rotate(5deg)}}@media (prefers-reduced-motion: reduce){.moving-loader-container{animation:containerPulse 2s ease-in-out infinite;left:50%;transform:translate(-50%) translateY(-50%)}.full-card-moving-ticket{animation:none}@keyframes containerPulse{0%,to{opacity:.7;transform:translate(-50%) translateY(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) translateY(-50%) scale(1.05)}}}.enhanced-select,.enhanced-input{width:100%;padding:var(--enhanced-space-3);border:1px solid var(--enhanced-border-light);border-radius:var(--enhanced-radius-md);font-size:.875rem;background:var(--enhanced-bg-secondary);color:var(--enhanced-text-primary);transition:all .2s ease}.enhanced-select:focus,.enhanced-input:focus{outline:none;border-color:var(--enhanced-primary);box-shadow:0 0 0 3px #ff5d5d1a}.enhanced-select:disabled,.enhanced-input:disabled{background:var(--enhanced-bg-tertiary);color:var(--enhanced-text-secondary);cursor:not-allowed}.field-loader{position:absolute;right:var(--enhanced-space-3);top:50%;transform:translateY(-50%);z-index:2}.field-display{display:flex;align-items:center;gap:var(--enhanced-space-2);padding:var(--enhanced-space-3);background:var(--enhanced-bg-tertiary);border:1px solid var(--enhanced-border-light);border-radius:var(--enhanced-radius-md);font-size:.875rem;color:var(--enhanced-text-secondary)}.display-icon{color:var(--enhanced-primary);font-size:.875rem}.display-icon.unassigned{color:var(--enhanced-text-tertiary)}.unassigned-text{color:var(--enhanced-text-tertiary);font-style:italic}.assignee-search{position:relative}.assigned-display{display:flex;align-items:center;justify-content:space-between;padding:var(--enhanced-space-3);background:var(--enhanced-bg-tertiary);border:1px solid var(--enhanced-border-light);border-radius:var(--enhanced-radius-md);cursor:pointer;transition:all .2s ease}.assigned-display:hover{background:var(--enhanced-bg-secondary);border-color:var(--enhanced-border-medium)}.assigned-name{font-size:.875rem;font-weight:500;color:var(--enhanced-text-primary)}.clear-assignee-btn{background:var(--enhanced-danger);color:#fff;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:.75rem}.clear-assignee-btn:hover{background:#b91c1c;transform:scale(1.1)}.assignee-search-container{position:relative}.search-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--enhanced-bg-secondary);border:1px solid var(--enhanced-border-light);border-radius:var(--enhanced-radius-md);box-shadow:var(--enhanced-shadow-lg);z-index:1000;max-height:200px;overflow-y:auto;margin-top:var(--enhanced-space-1)}.dropdown-item{padding:var(--enhanced-space-3);cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--enhanced-border-light)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--enhanced-bg-tertiary)}.dropdown-item.loading,.dropdown-item.no-results{display:flex;align-items:center;gap:var(--enhanced-space-2);color:var(--enhanced-text-tertiary);cursor:default}.dropdown-item.loading:hover,.dropdown-item.no-results:hover{background:transparent}.employee-item{padding:var(--enhanced-space-3)}.employee-info{display:flex;flex-direction:column;gap:var(--enhanced-space-1)}.employee-name{font-size:.875rem;font-weight:500;color:var(--enhanced-text-primary)}.employee-meta{font-size:.75rem;color:var(--enhanced-text-tertiary)}.assignee-info{display:flex;flex-direction:row;gap:var(--enhanced-space-1)}.assignee-name{font-size:.875rem;font-weight:500;color:var(--enhanced-text-primary)}.assignee-designation{font-size:.75rem;color:var(--enhanced-text-secondary)}.timeline-info{display:flex;flex-direction:column;gap:var(--enhanced-space-4)}.info-item{display:flex;align-items:center;gap:var(--enhanced-space-3)}.info-icon{color:var(--enhanced-primary);font-size:1rem}.info-content{display:flex;flex-direction:column;gap:var(--enhanced-space-1)}.info-label{font-size:.75rem;font-weight:600;color:var(--enhanced-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:.875rem;color:var(--enhanced-text-primary);font-weight:500}.enhanced-image-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--enhanced-space-4)}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;background:var(--enhanced-bg-secondary);border-radius:var(--enhanced-radius-xl);overflow:hidden;box-shadow:var(--enhanced-shadow-xl)}.image-modal-content img{max-width:100%;max-height:80vh;object-fit:contain;display:block}.image-modal-close{position:absolute;top:var(--enhanced-space-4);right:var(--enhanced-space-4);background:#000000b3;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:1}.image-modal-close:hover{background:#000000e6;transform:scale(1.1)}.image-modal-title{padding:var(--enhanced-space-4);background:var(--enhanced-bg-tertiary);font-size:.875rem;font-weight:500;color:var(--enhanced-text-primary);text-align:center}.modal-image{max-width:100%;max-height:80vh;object-fit:contain;display:block}.modal-pdf{border:none;border-radius:var(--enhanced-radius-md);width:90vw;height:80vh;min-height:600px}.modal-text{border:none;border-radius:var(--enhanced-radius-md);background:var(--enhanced-bg-primary);width:90vw;height:80vh;min-height:600px}@media (max-width: 768px){.modal-pdf,.modal-text{width:95vw;height:70vh;min-height:400px}.modal-text-content,.modal-file-content{width:95vw;min-height:70vh;padding:var(--enhanced-space-4)}}.modal-text-content,.modal-file-content{padding:var(--enhanced-space-6);text-align:center;width:90vw;min-height:80vh;display:flex;flex-direction:column;justify-content:center}.modal-text-content h3,.modal-file-content h3{margin:0 0 var(--enhanced-space-4) 0;color:var(--enhanced-text-primary);font-size:1.25rem}.file-preview-message{display:flex;flex-direction:column;align-items:center;gap:var(--enhanced-space-3);color:var(--enhanced-text-secondary)}.download-link{display:inline-flex;align-items:center;gap:var(--enhanced-space-2);padding:var(--enhanced-space-3) var(--enhanced-space-4);background:var(--enhanced-primary);color:#fff;text-decoration:none;border-radius:var(--enhanced-radius-md);font-weight:500;transition:all .2s ease}.download-link:hover{background:var(--enhanced-primary-dark);transform:translateY(-1px)}.modal-footer{padding:var(--enhanced-space-3) var(--enhanced-space-4);background:var(--enhanced-bg-tertiary);border-top:1px solid var(--enhanced-border-light);text-align:center}.modal-footer .file-name{font-size:.875rem;font-weight:500;color:var(--enhanced-text-primary)}.enhanced-ticket-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--enhanced-space-4);color:var(--enhanced-text-tertiary)}.enhanced-ticket-error svg{font-size:4rem;color:var(--enhanced-danger)}@media (min-width: 1200px) and (max-width: 1440px){.enhanced-page-content{padding:var(--enhanced-space-3) var(--enhanced-space-4);max-width:1366px;font-size:.875rem}.content-grid{grid-template-columns:1fr 280px;gap:var(--enhanced-space-3)}.enhanced-card .card-header,.enhanced-card .card-content{padding:var(--enhanced-compact-padding)}.top-info-row,.ticket-overview-row{gap:var(--enhanced-space-3);margin-bottom:var(--enhanced-space-3)}.ticket-overview-row.few-attachments{grid-template-columns:2.5fr 1fr}.ticket-overview-row{grid-template-columns:1.8fr 1fr}.page-icon{width:38px;height:38px;font-size:15px}.page-title{font-size:1.25rem;font-weight:600}.page-subtitle{font-size:.75rem}.ticket-title{font-size:1.5rem;line-height:1.3;font-weight:600}.enhanced-card-title{font-size:.95rem;font-weight:600}.card-subtitle{font-size:.75rem}.card-content p,.card-content div{font-size:.825rem;line-height:1.4}.profile-details h3{font-size:.95rem;font-weight:600}.profile-details p{font-size:.75rem}.requester-name{font-size:.95rem;font-weight:600}.requester-email{font-size:.75rem}.comment-content{font-size:.825rem;line-height:1.4}.comment-author{font-size:.8rem;font-weight:600}.comment-timestamp{font-size:.7rem}.timeline-item-content{font-size:.8rem}.timeline-item-time{font-size:.7rem}.toolbar-button{padding:var(--enhanced-space-2) var(--enhanced-space-3);font-size:.75rem;font-weight:500}.enhanced-button{font-size:.8rem;padding:.5rem 1rem}.professional-dropdown,.professional-input,.professional-textarea{font-size:.8rem}.sla-metric-value{font-size:1.25rem;font-weight:700}.sla-metric-label{font-size:.7rem}.status-badge,.priority-badge{font-size:.65rem!important;padding:.25rem .5rem!important;font-weight:600!important}.attachments-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--enhanced-space-3)}.attachment-item{padding:var(--enhanced-space-3)}.attachment-name{font-size:.75rem;font-weight:500}.attachment-size{font-size:.65rem}.ticket-meta-item{font-size:.8rem}.ticket-meta-label{font-size:.75rem;font-weight:600}.ticket-meta-value{font-size:.8rem}.description-container{font-size:.825rem;line-height:1.5}.description-toggle-btn{font-size:.75rem;padding:.25rem .5rem}.comment-toolbar{padding:var(--enhanced-space-3);gap:var(--enhanced-space-3)}.timeline-item{padding:var(--enhanced-space-3)}}@media (min-width: 1000px) and (max-width: 1199px){.enhanced-page-content{padding:var(--enhanced-space-3);max-width:1200px;font-size:.85rem}.content-grid{grid-template-columns:1fr 260px;gap:var(--enhanced-space-3)}.ticket-overview-row{grid-template-columns:1fr;gap:var(--enhanced-space-3)}.ticket-overview-row.few-attachments,.ticket-overview-row.no-attachments{grid-template-columns:1fr}.top-info-row{grid-template-columns:1fr 1fr;gap:var(--enhanced-space-3)}.enhanced-card .card-header,.enhanced-card .card-content{padding:var(--enhanced-space-3)}.page-title{font-size:1.2rem;font-weight:600}.ticket-title{font-size:1.4rem;font-weight:600}.enhanced-card-title{font-size:.9rem;font-weight:600}.card-content p,.card-content div{font-size:.8rem}.comment-content{font-size:.8rem;line-height:1.4}.toolbar-button{font-size:.75rem;padding:.4rem .8rem}.enhanced-button{font-size:.8rem;padding:.5rem 1rem}.status-badge,.priority-badge{font-size:.65rem!important;padding:.25rem .45rem!important}.profile-details h3{font-size:.9rem}.profile-details p{font-size:.75rem}.sla-metric-value{font-size:1.2rem}.sla-metric-label{font-size:.7rem}.attachment-name{font-size:.75rem}.attachment-size{font-size:.65rem}.description-container{font-size:.8rem;line-height:1.4}.attachments-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (min-width: 769px) and (max-width: 999px){.enhanced-page-content{padding:var(--enhanced-space-3);font-size:.9rem}.content-grid{grid-template-columns:1fr;gap:var(--enhanced-space-4)}.top-info-row{grid-template-columns:1fr 1fr;gap:var(--enhanced-space-3)}.ticket-overview-row,.ticket-overview-row.few-attachments,.ticket-overview-row.no-attachments{grid-template-columns:1fr;gap:var(--enhanced-space-3)}.sidebar-column{order:-1}.page-title{font-size:1.3rem;font-weight:600}.ticket-title{font-size:1.5rem;font-weight:600}.enhanced-card-title{font-size:1rem;font-weight:600}.card-content p,.card-content div{font-size:.85rem}.comment-content{font-size:.85rem;line-height:1.5}.toolbar-button{font-size:.8rem;padding:.5rem 1rem}.enhanced-button{font-size:.85rem;padding:.6rem 1.2rem}.status-badge,.priority-badge{font-size:.7rem!important;padding:.3rem .6rem!important}.profile-details h3{font-size:1rem}.profile-details p{font-size:.8rem}.sla-metric-value{font-size:1.4rem}.description-container{font-size:.85rem;line-height:1.5}.attachments-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width: 768px){.enhanced-page-header{flex-direction:column;align-items:flex-start;gap:var(--enhanced-space-4)}.header-title-section{gap:var(--enhanced-space-3)}.page-icon{width:40px;height:40px;font-size:18px}.page-title{font-size:1.25rem}.enhanced-page-content{padding:var(--enhanced-space-4)}.content-grid{grid-template-columns:1fr;gap:var(--enhanced-space-4)}.enhanced-card .card-header,.enhanced-card .card-content{padding:var(--enhanced-space-4)}.ticket-title{font-size:1.5rem}.requester-profile{flex-direction:column;text-align:center;gap:var(--enhanced-space-3)}.profile-details{text-align:left}.profile-row{grid-template-columns:1fr;gap:var(--enhanced-space-3)}.attachments-grid,.selected-files{grid-template-columns:1fr}.comment-toolbar{flex-direction:column;gap:var(--enhanced-space-3);align-items:stretch}.toolbar-left,.toolbar-right{justify-content:center}.top-info-row{grid-template-columns:1fr}.ticket-overview-row,.ticket-overview-row.few-attachments,.ticket-overview-row.no-attachments{grid-template-columns:1fr;gap:var(--enhanced-space-4)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.editable-heartbeat{animation:none!important;border-color:var(--enhanced-primary);box-shadow:0 0 0 1px var(--enhanced-primary),var(--enhanced-shadow-md)}}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--enhanced-primary);outline-offset:2px}@media (prefers-contrast: high){.enhanced-card,.enhanced-select,.enhanced-input,.comment-textarea{border-width:2px}.enhanced-ticket-details-page .status-badge,.enhanced-ticket-details-page .priority-badge,.enhanced-page-header .status-badge,.enhanced-page-header .priority-badge{border:2px solid currentColor!important;min-height:1.7rem!important}}.sla-card .card-content{padding:var(--enhanced-space-4)}.sla-overview{display:flex;flex-direction:column;gap:var(--enhanced-space-4)}.sla-main-section{background:var(--enhanced-bg-tertiary);border-radius:var(--enhanced-radius-lg);padding:var(--enhanced-space-4);border:1px solid var(--enhanced-border-light)}.sla-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--enhanced-space-3)}.sla-title{font-size:1.1rem;font-weight:600;color:var(--enhanced-text-primary)}.sla-status-badge{padding:var(--enhanced-space-1) var(--enhanced-space-3);border-radius:var(--enhanced-radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff}.sla-status-badge.good{background:var(--enhanced-success)}.sla-status-badge.warning{background:var(--enhanced-warning)}.sla-status-badge.critical{background:var(--enhanced-danger)}.sla-time-display{font-size:1.5rem;font-weight:700;color:var(--enhanced-primary);text-align:center;margin-bottom:var(--enhanced-space-3)}.sla-progress-bar{width:100%;height:12px;background:var(--enhanced-border-light);border-radius:var(--enhanced-radius-md);overflow:hidden;position:relative}.sla-progress-fill{height:100%;border-radius:var(--enhanced-radius-md);transition:width .3s ease,background-color .3s ease}.sla-progress-fill.good{background:linear-gradient(90deg,var(--enhanced-success) 0%,#34d399 100%)}.sla-progress-fill.warning{background:linear-gradient(90deg,var(--enhanced-warning) 0%,#fbbf24 100%)}.sla-progress-fill.critical{background:linear-gradient(90deg,var(--enhanced-danger) 0%,#f87171 100%)}.sla-quick-info{display:flex;justify-content:space-between;gap:var(--enhanced-space-4);padding:var(--enhanced-space-3);background:var(--enhanced-bg-secondary);border-radius:var(--enhanced-radius-md);border:1px solid var(--enhanced-border-light)}.sla-info-item{display:flex;flex-direction:column;gap:var(--enhanced-space-1);flex:1;text-align:center}.sla-info-label{font-size:.75rem;font-weight:500;color:var(--enhanced-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.sla-info-value{font-size:.9rem;font-weight:600;color:var(--enhanced-text-primary)}.activity-stats{display:flex;gap:var(--enhanced-space-4);align-items:center}.activity-stats span{font-size:.85rem;color:var(--enhanced-text-secondary);font-weight:500}.comment-count,.status-count{padding:var(--enhanced-space-1) var(--enhanced-space-3);background:var(--enhanced-bg-tertiary);border-radius:var(--enhanced-radius-md)}.timeline-item.status-item .timeline-avatar{background:var(--enhanced-info);color:#fff}.timeline-item.comment-item .timeline-avatar{background:var(--enhanced-primary);color:#fff}.status-item .timeline-content{border-left:3px solid var(--enhanced-info);padding-left:var(--enhanced-space-4)}.comment-item .timeline-content{border-left:3px solid var(--enhanced-primary);padding-left:var(--enhanced-space-4)}.activity-info{display:flex;align-items:center;gap:var(--enhanced-space-3);flex-wrap:wrap}.activity-description{font-weight:600;color:var(--enhanced-text-primary);font-size:.875rem}.status-change-details{margin-top:var(--enhanced-space-2)}.changed-by{font-size:.75rem;color:var(--enhanced-text-secondary);margin:0;font-style:italic}.change-reason{margin-top:var(--enhanced-space-2);font-style:italic}.activity-type{font-weight:600;font-size:.9rem;color:var(--enhanced-text-primary)}.status-change{display:flex;align-items:center;gap:var(--enhanced-space-2);flex-wrap:wrap}.status-arrow{color:var(--enhanced-text-tertiary);font-weight:700}.activity-time{font-size:.8rem;color:var(--enhanced-text-tertiary);font-style:italic;margin-left:auto}.status-change-details{margin-top:var(--enhanced-space-3);padding:var(--enhanced-space-3);background:var(--enhanced-bg-tertiary);border-radius:var(--enhanced-radius-md);border-left:4px solid var(--enhanced-info)}.changed-by,.change-reason{margin:0;font-size:.85rem;color:var(--enhanced-text-secondary)}.changed-by{font-weight:500}.change-reason{margin-top:var(--enhanced-space-1);font-style:italic}@media (max-width: 768px){.service-main-section{padding:var(--enhanced-space-3)}.service-header{flex-direction:column;align-items:flex-start;gap:var(--enhanced-space-2)}.service-time-display{font-size:1.25rem}.service-progress-container{gap:var(--enhanced-space-3)}.sla-main-section{padding:var(--enhanced-space-3)}.sla-header{flex-direction:column;align-items:flex-start;gap:var(--enhanced-space-2)}.sla-time-display{font-size:1.25rem}.sla-quick-info{flex-direction:column;gap:var(--enhanced-space-3)}.sla-info-item{text-align:left}.activity-info{flex-direction:column;align-items:flex-start;gap:var(--enhanced-space-2)}.activity-time{margin-left:0;align-self:flex-end}.status-change{flex-direction:column;align-items:flex-start;gap:var(--enhanced-space-1)}}.attachment-name-row,.comment-attachment-details{display:flex;align-items:center;justify-content:space-between;gap:8px}.comment-attachment-name{font-size:.75rem;font-weight:500;color:var(--enhanced-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.comment-attachment-meta{display:flex;flex-direction:column;align-items:flex-start}.comment-attachment-block{display:flex;align-items:center;gap:16px;margin-bottom:8px;transition:all .2s ease;border-radius:8px;padding:12px;border:1px solid var(--enhanced-border-light);background-color:var(--enhanced-bg-tertiary)}.comment-attachment-block[role=button]{cursor:pointer}.comment-attachment-block[role=button]:hover{background-color:var(--enhanced-bg-secondary);border-color:var(--enhanced-border-medium);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.comment-attachment-block[role=button]:active{transform:translateY(0)}.comment-attachment-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--enhanced-radius-md);background-color:var(--enhanced-bg-secondary);border:1px solid var(--enhanced-border-light)}.comment-attachment-info{display:flex;flex-direction:column;justify-content:center;min-width:0}.comment-attachment-name{font-size:.95rem;font-weight:600;color:var(--enhanced-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.comment-attachment-size{font-size:.75rem;color:var(--enhanced-text-tertiary);margin-top:2px}.comment-attachment-download{width:40px;display:flex;align-items:center;justify-content:center}.comment-download-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--enhanced-primary);color:#fff;border:none;border-radius:50%;width:28px;height:28px;font-size:16px;cursor:pointer;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px #ff5d5d14}.comment-download-btn:hover:not(:disabled){background:var(--enhanced-primary-dark);box-shadow:0 4px 12px #ff5d5d2e}.comment-download-btn:disabled{opacity:.5;cursor:not-allowed}.comment-attachments-card{background:var(--enhanced-bg-secondary);border:1px solid var(--enhanced-border-light);border-radius:var(--enhanced-radius-lg);padding:12px 16px;margin-top:8px;margin-bottom:12px;width:100%;box-shadow:0 2px 8px #3c3c3c0f;display:block}.file-preview{position:relative;transition:all .2s ease}.file-preview[style*=pointer]{border-radius:8px}.file-preview[style*=pointer]:hover{background-color:var(--enhanced-bg-secondary);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.pdf-preview-icon,.text-preview-icon,.file-icon-container{position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:8px;background:var(--enhanced-bg-tertiary);margin-bottom:8px}.preview-overlay{position:absolute;top:-2px;right:-2px;background:var(--enhanced-primary);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:10px;box-shadow:0 2px 4px #0003;opacity:0;transition:opacity .2s ease}.file-preview[style*=pointer]:hover .preview-overlay{opacity:1}.preview-hint{font-size:.75rem;color:var(--enhanced-primary);margin-top:4px;font-weight:500;opacity:0;transition:opacity .2s ease;text-align:center}.file-preview[style*=pointer]:hover .preview-hint{opacity:1}.file-preview[style*=pointer]{border-radius:8px;padding:4px}.selected-file{transition:all .2s ease}.selected-file:hover{transform:translateY(-1px)}.rich-text-content{font-family:var(--font-family-base);line-height:var(--line-height-relaxed);color:var(--enhanced-text-primary)}.rich-text-content strong,.rich-text-content b{font-weight:var(--font-weight-bold);color:var(--enhanced-text-primary)}.rich-text-content em,.rich-text-content i{font-style:italic}.rich-text-content u{text-decoration:underline}.rich-text-content strike,.rich-text-content s{text-decoration:line-through;opacity:.7}.rich-text-content ul,.rich-text-content ol{margin:var(--enhanced-space-3) 0;padding-left:var(--enhanced-space-6)}.rich-text-content li{margin-bottom:var(--enhanced-space-2)}.rich-text-content p{margin:var(--enhanced-space-3) 0}.rich-text-content p:first-child{margin-top:0}.rich-text-content p:last-child{margin-bottom:0}.rich-text-content blockquote{border-left:4px solid var(--enhanced-primary);padding-left:var(--enhanced-space-4);margin:var(--enhanced-space-4) 0;font-style:italic;background:var(--enhanced-bg-tertiary);padding:var(--enhanced-space-3) var(--enhanced-space-4);border-radius:0 var(--border-radius-md) var(--border-radius-md) 0}.rich-text-content h1,.rich-text-content h2,.rich-text-content h3,.rich-text-content h4,.rich-text-content h5,.rich-text-content h6{font-weight:var(--font-weight-bold);margin:var(--enhanced-space-4) 0 var(--enhanced-space-3) 0;color:var(--enhanced-text-primary)}.rich-text-content h1{font-size:var(--font-size-2xl)}.rich-text-content h2{font-size:var(--font-size-xl)}.rich-text-content h3{font-size:var(--font-size-lg)}.rich-text-content h4{font-size:var(--font-size-base)}.rich-text-content h5{font-size:var(--font-size-sm)}.rich-text-content h6{font-size:var(--font-size-xs)}.rich-text-content pre{background:var(--enhanced-bg-tertiary);border:1px solid var(--enhanced-border-light);border-radius:var(--border-radius-md);padding:var(--enhanced-space-4);font-family:var(--font-family-mono);font-size:var(--font-size-sm);overflow-x:auto;margin:var(--enhanced-space-3) 0}.rich-text-content a{color:var(--enhanced-primary);text-decoration:underline;transition:color .2s ease}.rich-text-content a:hover{color:var(--enhanced-primary-dark);text-decoration:none}.rich-text-content [style*="text-align: left"]{text-align:left}.rich-text-content [style*="text-align: center"]{text-align:center}.rich-text-content [style*="text-align: right"]{text-align:right}.rich-text-content [style*=background-color]{border-radius:2px;padding:1px 2px}.rich-text-content>*:first-child{margin-top:0}.rich-text-content>*:last-child{margin-bottom:0}.comment-editor-header{display:flex;justify-content:flex-end;margin-bottom:var(--enhanced-space-2)}.comment-editor-header .rich-text-toggle-button{background:var(--enhanced-bg-tertiary);border:1px solid var(--enhanced-border-light);border-radius:var(--border-radius-sm);padding:var(--enhanced-space-2) var(--enhanced-space-3);font-size:var(--font-size-sm);color:var(--enhanced-text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--enhanced-space-2)}.comment-editor-header .rich-text-toggle-button:hover{background:var(--enhanced-bg-secondary);border-color:var(--enhanced-primary);color:var(--enhanced-primary)}.comment-editor-header .rich-text-toggle-button:disabled{opacity:.5;cursor:not-allowed}.comment-rich-editor{margin-bottom:var(--enhanced-space-4)}.comment-rich-editor .rich-text-editor-container{border:1px solid var(--enhanced-border-light);border-radius:var(--enhanced-radius-md);background:var(--enhanced-bg-secondary);transition:all .2s ease;min-height:120px;overflow:hidden}.comment-rich-editor .rich-text-editor-container:focus-within{border-color:var(--enhanced-primary);box-shadow:0 0 0 3px #ff5d5d1a}.comment-rich-editor .rich-text-toolbar{background:var(--enhanced-bg-tertiary);border-bottom:1px solid var(--enhanced-border-light);border-radius:0}.comment-rich-editor .rich-text-editor-content{min-height:80px;padding:var(--enhanced-space-3);background:var(--enhanced-bg-secondary);border:none;font-size:.8rem;line-height:1.5;font-family:inherit}.auto-comments-section{margin-bottom:var(--enhanced-space-3)}.auto-comments-container{display:flex;flex-wrap:wrap;gap:var(--enhanced-space-2, 8px);margin-bottom:var(--enhanced-space-2, 8px)}.auto-comment-chip{background:var(--enhanced-bg-tertiary, #f8fafc);border:1px solid var(--enhanced-border-light, #e2e8f0);border-radius:16px;padding:var(--enhanced-space-1, 4px) var(--enhanced-space-3, 12px);font-size:var(--font-size-sm, .875rem);color:var(--enhanced-text-secondary, #64748b);cursor:pointer;transition:all .15s ease;white-space:nowrap;font-weight:400;line-height:1.2;min-height:28px;display:inline-flex;align-items:center;justify-content:center}.auto-comment-chip:hover{background:var(--enhanced-primary, #ff5d5d);border-color:var(--enhanced-primary, #ff5d5d);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #ff5d5d33}.auto-comment-chip:active{transform:translateY(0);box-shadow:0 1px 4px #ff5d5d4d}.auto-comment-chip:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.auto-comment-chip:disabled:hover{background:var(--enhanced-bg-tertiary, #f8fafc);border-color:var(--enhanced-border-light, #e2e8f0);color:var(--enhanced-text-secondary, #64748b);transform:none;box-shadow:none}.bulk-operations{margin-bottom:16px}.bulk-operations-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--color-shadow)}.selection-count{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-sm)}.bulk-actions{display:flex;gap:8px;align-items:center}.bulk-actions .btn{font-size:var(--font-size-xs);padding:var(--spacing-2) var(--spacing-3);display:flex;align-items:center;gap:var(--spacing-1)}.bulk-actions .btn svg{font-size:var(--font-size-xs)}.bulk-update-form,.bulk-assign-form,.bulk-delete-form{padding:var(--spacing-5)}.bulk-update-form h3,.bulk-assign-form h3,.bulk-delete-form h3{margin:0 0 var(--spacing-4) 0;color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.bulk-update-form p,.bulk-assign-form p{margin:0 0 var(--spacing-5) 0;color:var(--color-text-secondary)}.bulk-delete-form p.warning{margin:0 0 var(--spacing-5) 0;color:var(--color-error);font-weight:var(--font-weight-medium)}.form-group{margin-bottom:var(--spacing-4)}.form-group label{display:block;margin-bottom:var(--spacing-2);font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-size:var(--font-size-sm)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);transition:border-color var(--transition-fast);background:var(--color-background);color:var(--color-text-primary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-alpha)}.selected-assets{margin:var(--spacing-4) 0;padding:var(--spacing-4);background:var(--color-surface-secondary);border-radius:var(--border-radius);border:1px solid var(--color-border)}.selected-assets h4{margin:0 0 var(--spacing-3) 0;color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.selected-assets ul{margin:0;padding:0;list-style:none}.selected-assets li{padding:var(--spacing-1) 0;color:var(--color-text-secondary);font-size:var(--font-size-xs)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-6);padding-top:var(--spacing-5);border-top:1px solid var(--color-border)}.asset-assignment-modal{padding:var(--spacing-6);max-width:500px}.asset-assignment-modal h2{margin:0 0 var(--spacing-5) 0;color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.asset-info{margin-bottom:var(--spacing-6);padding:var(--spacing-4);background:var(--color-surface-secondary);border-radius:var(--border-radius);border:1px solid var(--color-border)}.asset-info h3{margin:0 0 var(--spacing-2) 0;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.asset-details{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.unassign-section,.assign-section{margin-bottom:var(--spacing-5)}.assign-section h4{margin:0 0 var(--spacing-4) 0;color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.edit-asset-modal{padding:var(--spacing-6);max-width:800px}.edit-asset-modal h2{margin:0 0 var(--spacing-6) 0;color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold)}.form-sections{max-height:70vh;overflow-y:auto;padding-right:var(--spacing-2)}.form-section{margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-6);border-bottom:1px solid var(--color-border)}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h3{margin:0 0 var(--spacing-5) 0;color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--spacing-2)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.form-group.full-width{grid-column:1 / -1}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-alpha)}.error-text{display:block;color:var(--color-error);font-size:var(--font-size-xs);margin-top:var(--spacing-1);font-weight:var(--font-weight-medium)}@media (max-width: 768px){.bulk-operations-bar{flex-direction:column;gap:12px;align-items:stretch}.bulk-actions{justify-content:center;flex-wrap:wrap}.form-row{grid-template-columns:1fr}.edit-asset-modal,.asset-assignment-modal{padding:16px}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%;justify-content:center}}.asset-table input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.asset-table .table-header input[type=checkbox]{margin-right:8px}.bulk-operations .loading{opacity:.6;pointer-events:none}.bulk-operations .error{background:var(--color-error-background);border-color:var(--color-error);color:var(--color-error)}.bulk-operations{animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tickets-page-actions{display:flex;align-items:center;gap:var(--spacing-3);flex-shrink:0;flex-wrap:nowrap}.tickets-page-actions>*{flex-shrink:0}@media (max-width: 768px){.tickets-page-header{flex-direction:column;align-items:stretch;gap:var(--spacing-4)}.tickets-page-actions{justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-2)}}.assets-page{background:var(--color-background-primary);min-height:100vh;padding:0}.assets-stats-section,.assets-filters-section,.assets-table-section{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--color-card-shadow);margin-bottom:var(--spacing-8);overflow:hidden}.stats-header,.filters-header,.table-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-6) var(--spacing-8);border-bottom:1px solid var(--color-border);background:#ff5d5d05;gap:var(--spacing-6);flex-wrap:wrap;min-height:60px}.stats-header h3,.filters-header h3,.table-header h3{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;flex:1;min-width:200px;overflow:hidden}.stats-header h3 svg,.filters-header h3 svg,.table-header h3 svg{color:var(--color-primary);font-size:var(--font-size-lg)}.asset-count{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-3);background:var(--color-background-tertiary);border-radius:var(--border-radius)}.clear-all-btn{background:var(--color-background-secondary);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;min-width:fit-content}.clear-all-btn:hover{background:var(--color-background-tertiary);color:var(--color-text-primary)}.toggle-btn{background:var(--color-primary);color:#fff;border:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;min-width:fit-content}.toggle-btn:hover,.toggle-btn.active{background:var(--color-primary-dark)}.filter-form{padding:var(--spacing-6) var(--spacing-8) var(--spacing-8) var(--spacing-8)}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-6)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.filter-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.search-input,.filter-select{width:100%;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-background-secondary);transition:var(--transition-fast)}.search-input:focus,.filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.checkbox-group{display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin-top:var(--spacing-2)}.checkbox-item{display:flex;align-items:center;gap:var(--spacing-2)}.checkbox-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary)}.checkbox-item label{font-size:var(--font-size-sm);color:var(--color-text-primary);margin:0;cursor:pointer}.table-content{padding:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-6);padding:var(--spacing-8)}.stat-card{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-8);transition:var(--transition-standard);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-primary);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--color-card-shadow-lg);border-color:var(--color-primary-light)}.stat-card.warning:before{background:var(--color-warning)}.stat-card.critical:before{background:var(--color-error)}.stat-card.success:before{background:var(--color-success)}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-6)}.stat-icon{width:3rem;height:3rem;border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);background:var(--color-primary-alpha);color:var(--color-primary)}.stat-card.warning .stat-icon{background:var(--color-warning-background);color:var(--color-warning)}.stat-card.critical .stat-icon{background:var(--color-error-background);color:var(--color-error)}.stat-card.success .stat-icon{background:var(--color-success-background);color:var(--color-success)}.stat-value{font-size:2.5rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-2);line-height:1.1}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.stat-change{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-3);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius)}.stat-change.positive{color:var(--color-success);background:var(--color-success-background)}.stat-change.negative{color:var(--color-error);background:var(--color-error-background)}.loading-state{display:flex;align-items:center;justify-content:center;padding:var(--spacing-16) var(--spacing-8);background:var(--color-background-secondary);border-radius:var(--border-radius-lg);border:1px solid var(--color-border)}.error-state{text-align:center;padding:var(--spacing-16) var(--spacing-8);background:var(--color-background-secondary);border-radius:var(--border-radius-lg);border:1px solid var(--color-border)}.error-state h3{color:var(--color-error);margin-bottom:var(--spacing-4);font-size:var(--font-size-xl)}.error-state p{color:var(--color-text-secondary);margin-bottom:var(--spacing-8);line-height:1.6}@media (max-width: 1366px){.assets-page{padding:var(--spacing-4)}.assets-header{padding:var(--spacing-6) var(--spacing-6) var(--spacing-4) var(--spacing-6)}}@media (max-width: 1024px){.header-content{flex-direction:column;align-items:stretch;gap:var(--spacing-6)}.header-controls{justify-content:space-between;flex-wrap:wrap}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-4);padding:var(--spacing-6)}.assets-page-title{font-size:clamp(1.5rem,4vw,2rem)}.page-title-icon{font-size:clamp(1rem,3vw,1.5rem)}}@media (max-width: 768px){.assets-header{padding:var(--spacing-4)}.stats-header,.filters-header,.table-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.stats-header h3,.filters-header h3,.table-header h3{min-width:auto}.header-controls{width:100%;justify-content:flex-end}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:var(--spacing-4)}.header-controls{flex-direction:column;gap:var(--spacing-3)}.export-actions{width:100%;justify-content:stretch}.export-btn{flex:1;justify-content:center}.view-controls{width:100%}.view-btn{flex:1;justify-content:center}.filter-grid{grid-template-columns:1fr;gap:var(--spacing-4)}}@media (max-width: 480px){.assets-page{padding:var(--spacing-2)}.assets-header{padding:var(--spacing-3)}.stats-grid{grid-template-columns:1fr;gap:var(--spacing-3);padding:var(--spacing-3)}.stat-card{padding:var(--spacing-6)}.stat-value{font-size:2rem}.page-title-icon{font-size:clamp(1rem,2.5vw,1.25rem)}.assets-page-title{font-size:clamp(1.25rem,3.5vw,1.5rem)}.stats-header,.filters-header,.table-header{padding:var(--spacing-3) var(--spacing-4)}.filter-grid{gap:var(--spacing-3)}.filter-form{padding:var(--spacing-3) var(--spacing-4)}}.view-btn:focus,.export-btn:focus,.toggle-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.view-controls{display:flex;align-items:center;gap:var(--spacing-1);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-1)}.view-btn{padding:var(--spacing-2) var(--spacing-3);background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;border-radius:var(--border-radius);transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.view-btn:hover{background:var(--color-background-tertiary);color:var(--color-text-primary)}.view-btn.active{background:var(--color-primary);color:#fff}.export-actions{display:flex;align-items:center;gap:var(--spacing-2)}.export-btn{padding:var(--spacing-2) var(--spacing-3);background:var(--color-background-secondary);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;border-radius:var(--border-radius);transition:var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-1);white-space:nowrap;height:32px}.export-btn:hover{background:var(--color-background-tertiary);color:var(--color-text-primary);border-color:var(--color-border-hover)}.export-btn:disabled{opacity:.5;cursor:not-allowed}.export-btn svg{font-size:var(--font-size-xs)}.asset-two-column-row{display:flex!important;flex-direction:row!important;gap:1.5rem!important;margin-bottom:1.5rem!important;align-items:flex-start!important;width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important}.asset-form-field{flex:1!important;min-width:0!important;box-sizing:border-box!important;width:0!important}.asset-field-label{display:block!important;font-size:14px!important;font-weight:600!important;color:#374151!important;margin-bottom:.5rem!important}.asset-field-hint{font-size:12px!important;color:#6b7280!important;font-weight:400!important;line-height:1.4!important;display:block!important;margin-top:2px!important}.asset-form-input,select.asset-form-input,textarea.asset-form-input{width:100%!important;padding:.75rem!important;border:1px solid #d1d5db!important;border-radius:6px!important;font-size:14px!important;color:#374151!important;background:#fff!important;box-sizing:border-box!important;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out!important}.asset-form-input:focus,select.asset-form-input:focus,textarea.asset-form-input:focus{outline:none!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.asset-form-input.error,select.asset-form-input.error,textarea.asset-form-input.error{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc26261a!important}textarea.asset-form-input{min-height:100px!important;resize:vertical!important;font-family:inherit!important}.asset-form-error{display:flex!important;align-items:center!important;gap:.25rem!important;color:#dc2626!important;font-size:12px!important;margin-top:.25rem!important}div.create-page.asset-create-page form.create-form-simple,.asset-create-page .create-form-simple,.create-form-simple{max-width:1200px!important;margin:0 auto!important;width:100%!important;padding:2rem!important;box-sizing:border-box!important;background:var(--color-background-secondary)!important;border:1px solid var(--color-border)!important;border-radius:8px!important;overflow-x:hidden!important}.create-form-simple .create-form-row,.asset-create-page .create-form-row,div.create-page.asset-create-page .create-form-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:var(--spacing-4)!important;align-items:start!important;margin-bottom:var(--spacing-4)!important;width:100%!important}.create-form-simple .create-form-row .form-group,.asset-create-page .create-form-row .form-group,div.create-page.asset-create-page .create-form-row .form-group{width:100%!important;min-width:0!important;margin-bottom:0!important}.create-form-simple .create-form-row.single-column,.asset-create-page .create-form-row.single-column,div.create-page.asset-create-page .create-form-row.single-column{grid-template-columns:1fr!important}.create-form-simple .form-group label,.asset-create-page .form-group label,div.create-page.asset-create-page .form-group label{display:block!important;margin-bottom:var(--spacing-2)!important;font-weight:var(--font-weight-medium)!important;color:var(--color-text-primary)!important}.create-form-simple .form-group input,.create-form-simple .form-group select,.create-form-simple .form-group textarea,.asset-create-page .form-group input,.asset-create-page .form-group select,.asset-create-page .form-group textarea{width:100%!important;padding:var(--spacing-3)!important;border:1px solid var(--color-border)!important;border-radius:var(--border-radius-md)!important;font-size:var(--font-size-base)!important;box-sizing:border-box!important}.create-form-simple .form-actions,.asset-create-page .form-actions,div.create-page.asset-create-page .form-actions{margin-top:var(--spacing-6)!important;display:flex!important;gap:var(--spacing-3)!important;justify-content:flex-end!important}@media (max-width: 768px){.create-form-simple .create-form-row,.asset-create-page .create-form-row,div.create-page.asset-create-page .create-form-row{grid-template-columns:1fr!important}.create-form-simple,.asset-create-page .create-form-simple{max-width:100%!important;padding:var(--spacing-4)!important}}.asset-create-page .create-form-grid-simple{width:100%!important;max-width:none!important;display:flex!important;flex-direction:column!important;gap:2rem!important;overflow-x:hidden!important}.asset-create-page .create-form-section{background:var(--color-background-secondary)!important;border:1px solid var(--color-border)!important;border-radius:8px!important;padding:1.5rem!important;width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important}.asset-create-page .create-form-row{display:flex!important;flex-direction:row!important;gap:2rem!important;margin-bottom:1.5rem!important;align-items:flex-start!important;width:100%!important;box-sizing:border-box!important;border:3px solid orange!important;background:#90ee90!important}.asset-create-page .create-form-row>*{flex:1!important;width:auto!important;min-width:0!important;box-sizing:border-box!important;border:2px solid purple!important;background:#ffffe0!important}.asset-create-page .create-form-group{display:block!important;width:100%!important;box-sizing:border-box!important;margin-bottom:0!important;position:relative!important}.asset-create-page .create-form-label{display:block!important;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-semibold)!important;color:var(--color-text-primary)!important;margin-bottom:var(--spacing-2)!important}.asset-create-page .create-form-hint{font-size:var(--font-size-xs)!important;color:var(--color-text-secondary)!important;font-weight:var(--font-weight-normal)!important;line-height:1.4!important}.asset-create-page .create-form-input,.asset-create-page .create-form-select{width:100%!important;padding:var(--spacing-3)!important;border:1px solid var(--color-border)!important;border-radius:var(--border-radius)!important;font-size:var(--font-size-sm)!important;color:var(--color-text-primary)!important;background:var(--color-background-secondary)!important;transition:var(--transition-fast)!important;box-sizing:border-box!important;min-height:44px!important}.asset-create-page .create-form-input:focus,.asset-create-page .create-form-select:focus{outline:none!important;border-color:var(--color-primary)!important;box-shadow:0 0 0 3px var(--color-primary-alpha)!important}.asset-create-page .create-form-input.error,.asset-create-page .create-form-select.error{border-color:var(--color-error)!important;box-shadow:0 0 0 3px var(--color-error-alpha)!important}.asset-create-page textarea.create-form-input{min-height:100px!important;resize:vertical!important;font-family:inherit!important}.asset-create-page .create-form-error{display:flex!important;align-items:center!important;gap:var(--spacing-1)!important;color:var(--color-error)!important;font-size:var(--font-size-xs)!important;margin-top:var(--spacing-1)!important}.asset-create-page .create-form-error svg{font-size:var(--font-size-xs)!important;flex-shrink:0!important}.asset-create-page .create-section-header{margin-bottom:var(--spacing-6)!important;padding-bottom:var(--spacing-3)!important;border-bottom:2px solid var(--color-primary)!important}.asset-create-page .create-section-header h2{font-size:var(--font-size-lg)!important;font-weight:var(--font-weight-semibold)!important;color:var(--color-text-primary)!important;margin:0 0 var(--spacing-1) 0!important;display:flex!important;align-items:center!important;gap:var(--spacing-2)!important}.asset-create-page .create-section-header p{font-size:var(--font-size-sm)!important;color:var(--color-text-secondary)!important;margin:0!important;line-height:1.5!important}.asset-create-page .create-form-actions{display:flex!important;justify-content:flex-end!important;gap:var(--spacing-3)!important;padding:var(--spacing-6) var(--spacing-8)!important;background:var(--color-background-tertiary)!important;border-top:1px solid var(--color-border)!important;margin:var(--spacing-8) calc(-1 * var(--spacing-8)) calc(-1 * var(--spacing-8)) calc(-1 * var(--spacing-8))!important;border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg)!important}.asset-create-page .create-btn{padding:var(--spacing-3) var(--spacing-6)!important;border-radius:var(--border-radius)!important;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-semibold)!important;cursor:pointer!important;transition:var(--transition-fast)!important;border:none!important;display:flex!important;align-items:center!important;gap:var(--spacing-2)!important;min-height:44px!important;box-sizing:border-box!important}.asset-create-page .create-btn-primary{background:var(--color-primary)!important;color:#fff!important}.asset-create-page .create-btn-primary:hover:not(:disabled){background:var(--color-primary-dark)!important;transform:translateY(-1px)!important}.asset-create-page .create-btn-secondary{background:var(--color-background-secondary)!important;color:var(--color-text-secondary)!important;border:1px solid var(--color-border)!important}.asset-create-page .create-btn-secondary:hover:not(:disabled){background:var(--color-background-tertiary)!important;color:var(--color-text-primary)!important}.asset-create-page .create-btn:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.asset-details-page{padding:var(--spacing-6);max-width:1400px;margin:0 auto}.asset-details-error{text-align:center;padding:var(--spacing-15) var(--spacing-5)}.asset-details-error h2{color:var(--color-error);margin-bottom:var(--spacing-4)}.asset-details-error p{color:var(--color-text-secondary);margin-bottom:var(--spacing-6)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-6);gap:var(--spacing-4)}.header-content{flex:1}.breadcrumb{display:flex;align-items:center;margin-bottom:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.breadcrumb .separator{margin:0 var(--spacing-2);color:var(--color-text-muted)}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-3) 0}.asset-meta{display:flex;align-items:center;gap:var(--spacing-4);flex-wrap:wrap}.asset-type{background:var(--color-primary-alpha);color:var(--color-primary);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase}.serial-number{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--font-size-sm)}.header-actions{display:flex;gap:var(--spacing-3);align-items:center}.warranty-alert{padding:var(--spacing-4);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-6);display:flex;align-items:center;gap:var(--spacing-3)}.warranty-alert.expiring{background:var(--color-warning-alpha);border:1px solid var(--color-warning);color:var(--color-warning-dark)}.warranty-alert.expired{background:var(--color-error-alpha);border:1px solid var(--color-error);color:var(--color-error-dark)}.warranty-alert strong{font-weight:var(--font-weight-semibold)}.tab-navigation{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-6)}.tab-button{background:none;border:none;padding:var(--spacing-3) var(--spacing-6);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border-bottom:2px solid transparent;transition:var(--transition-default)}.tab-button:hover{color:var(--color-text-primary);background:var(--color-primary-alpha)}.tab-button.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-content{min-height:400px}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.details-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:24px}.details-card.full-width{grid-column:1 / -1}.details-card h3{margin:0 0 20px;font-size:18px;font-weight:600;color:var(--text-primary);padding-bottom:12px;border-bottom:1px solid var(--border)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(var(--border-rgb),.5)}.detail-row:last-child{border-bottom:none}.detail-row label{font-weight:500;color:var(--text-secondary);margin-right:16px;min-width:120px}.detail-row span{color:var(--text-primary);text-align:right;flex:1}.detail-row span.expired{color:var(--error);font-weight:600}.detail-row span.expiring{color:var(--warning);font-weight:600}.specifications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.specifications-grid .detail-row{display:flex;flex-direction:column;align-items:flex-start;padding:16px;background:rgba(var(--primary-rgb),.02);border-radius:6px;border-bottom:none}.specifications-grid .detail-row label{margin-bottom:4px;min-width:auto}.specifications-grid .detail-row span{text-align:left;font-family:monospace;font-size:14px}.details-card .status-success{background:#28a7451a;color:var(--success);border-color:var(--success)}.details-card .status-warning{background:#ffc1071a;color:var(--warning);border-color:var(--warning)}.details-card .status-info{background:#17a2b81a;color:var(--info);border-color:var(--info)}.details-card .status-danger{background:#dc35451a;color:var(--error);border-color:var(--error)}.history-tab,.maintenance-tab{padding:20px 0}.history-tab .card,.maintenance-tab .card{padding:24px}.history-tab h3,.maintenance-tab h3{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--text-primary)}@media (max-width: 768px){.asset-details-page{padding:16px}.page-header{flex-direction:column;align-items:stretch}.details-grid{grid-template-columns:1fr}.asset-meta{flex-direction:column;align-items:flex-start;gap:8px}.tab-navigation{overflow-x:auto}.tab-button{white-space:nowrap;min-width:100px}.detail-row{flex-direction:column;align-items:flex-start}.detail-row label{margin-bottom:4px;margin-right:0;min-width:auto}.detail-row span{text-align:left}.specifications-grid{grid-template-columns:1fr}}@media (max-width: 480px){.page-title{font-size:24px}.details-card{padding:16px}.warranty-alert{flex-direction:column;align-items:flex-start;gap:8px}}@media (prefers-color-scheme: dark){.details-card{background:var(--surface-dark);border-color:var(--border-dark)}.asset-type{background:rgba(var(--primary-rgb),.2);color:var(--primary-light)}.tab-button:hover{background:rgba(var(--primary-rgb),.1)}.specifications-grid .detail-row{background:rgba(var(--primary-rgb),.05)}}.modern-reports-page{padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.reports-header-modern{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:2rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #00000014}.header-content-modern{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.title-section h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-section p{margin:0 0 1rem;font-size:1.1rem;color:#64748b;font-weight:500}.update-status{display:flex;align-items:center;gap:1rem}.last-updated{font-size:.9rem;color:#64748b;font-weight:500}.header-controls{display:flex;flex-direction:column;gap:1rem}.view-toggle{display:flex;background:#f1f5f9;border-radius:12px;padding:.25rem;gap:.25rem}.view-btn{padding:.75rem 1.5rem;border:none;background:transparent;border-radius:10px;cursor:pointer;font-weight:600;font-size:.9rem;color:#64748b;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.view-btn.active{background:#fff;color:#4f46e5;box-shadow:0 2px 8px #4f46e526}.export-buttons{display:flex;gap:.75rem}.export-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border:2px solid #e2e8f0;background:#fff;border-radius:12px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease;color:#374151}.export-btn:hover{border-color:#4f46e5;color:#4f46e5;transform:translateY(-2px);box-shadow:0 4px 16px #4f46e526}.export-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.export-pdf{background:linear-gradient(135deg,var(--color-error),var(--color-error-dark));color:#fff;border-color:transparent}.export-pdf:hover{background:linear-gradient(135deg,var(--color-error-dark),#b91c1c);color:#fff;box-shadow:0 4px 16px #ef44444d}.export-excel{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-color:transparent}.export-excel:hover{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;box-shadow:0 4px 16px #22c55e4d}.filters-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding:1.5rem;background:#f8fafc;border-radius:12px;border:1px solid #f1f5f9}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:600;color:#374151;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.modern-select{padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:10px;background:#fff;font-size:.9rem;font-weight:500;color:#374151;transition:all .2s ease;cursor:pointer}.modern-select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.metrics-grid.list-view{grid-template-columns:1fr}.metric-card{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #00000014;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.metric-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.metric-card.selected{border-color:#4f46e5;box-shadow:0 8px 32px #4f46e533}.metric-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem}.trend-indicator.up{color:#16a34a}.trend-indicator.down{color:var(--color-error-dark)}.trend-indicator.stable{color:#64748b}.metric-value{font-size:2.5rem;font-weight:800;margin:0 0 .5rem;line-height:1}.metric-change{font-size:.9rem;font-weight:600;margin-bottom:.5rem}.metric-change.up{color:#16a34a}.metric-change.down{color:#dc2626}.metric-change.stable{color:#64748b}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.chart-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:.5rem}.chart-controls{display:flex;gap:.5rem}.chart-btn{padding:.5rem 1rem;border:2px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s ease;color:#374151}.chart-btn.active{border-color:#4f46e5;background:#4f46e5;color:#fff}.chart-btn:hover{border-color:#4f46e5;color:#4f46e5}.chart-btn.active:hover{background:#4338ca;border-color:#4338ca;color:#fff}.chart-content{height:300px;display:flex;align-items:center}.chart-visualization{width:100%;height:100%;display:flex;flex-direction:column;gap:1rem}.main-chart{grid-column:span 2}.side-chart{grid-column:span 1}.metrics-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card-modern{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #00000014;transition:all .3s ease;position:relative;overflow:hidden}.metric-card-modern:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.metric-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--metric-color, #4f46e5);border-radius:16px 16px 0 0}.metric-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.metric-icon{font-size:2rem;opacity:.8}.metric-trend{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:20px;font-size:.75rem;font-weight:600}.metric-trend.up{background:#dcfce7;color:#16a34a}.metric-trend.down{background:#fef2f2;color:#dc2626}.metric-trend.stable{background:#f1f5f9;color:#64748b}.metric-content h3{margin:0 0 .5rem;font-size:.9rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:2.5rem;font-weight:800;color:#1e293b;margin:0 0 .5rem;line-height:1}.metric-description{font-size:.85rem;color:#64748b;margin:0;line-height:1.4}.charts-section{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:2rem}.chart-container{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #00000014}.chart-container h3{margin:0 0 1.5rem;font-size:1.25rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:.5rem}.simple-chart{position:relative;height:300px}.chart-lines{display:flex;flex-direction:column;gap:1rem;height:100%}.chart-line{display:flex;flex-direction:column;gap:.5rem;flex:1}.line-label{font-weight:600;font-size:.9rem}.chart-bars{display:flex;align-items:flex-end;gap:.5rem;height:100px;padding:.5rem 0}.chart-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.chart-bar{width:100%;min-height:4px;border-radius:4px;transition:all .3s ease;cursor:pointer}.chart-bar:hover{opacity:.8;transform:scaleX(1.1)}.bar-label{font-size:.75rem;color:#64748b;font-weight:500}.side-chart .priority-chart{display:flex;flex-direction:column;gap:1rem}.priority-bar{display:flex;flex-direction:column;gap:.5rem}.priority-info{display:flex;justify-content:space-between;align-items:center}.priority-label{font-weight:600;font-size:.9rem}.priority-value{font-weight:700;color:#1e293b;font-size:.9rem}.priority-track{height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.priority-fill{height:100%;border-radius:4px;transition:width .3s ease}.sla-section{margin-bottom:2rem}.sla-section h3{margin:0 0 1.5rem;font-size:1.5rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:.5rem}.sla-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.sla-card{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #00000014;transition:all .3s ease}.sla-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0000001f}.sla-card.success{border-left:4px solid #22c55e}.sla-card.warning{border-left:4px solid #f59e0b}.sla-card.danger{border-left:4px solid #ef4444}.sla-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.sla-header h4{margin:0;font-size:1.1rem;font-weight:600;color:#1e293b}.sla-status{font-size:1.25rem}.sla-metrics{margin-bottom:1rem}.sla-value{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.current-value{font-size:2rem;font-weight:800;color:#1e293b}.target-value{font-size:.85rem;color:#64748b;font-weight:500}.sla-progress{margin-bottom:1rem}.progress-track{position:relative;height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.progress-bar{height:100%;border-radius:4px;transition:width .3s ease}.sla-card.success .progress-bar{background:linear-gradient(90deg,#22c55e,#16a34a)}.sla-card.warning .progress-bar{background:linear-gradient(90deg,#f59e0b,#d97706)}.sla-card.danger .progress-bar{background:linear-gradient(90deg,#ef4444,#dc2626)}.target-line{position:absolute;top:0;bottom:0;width:2px;background:#1e293b;opacity:.5}.sla-description{margin:0;font-size:.85rem;color:#64748b;line-height:1.4}.sla-dashboard{background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;padding:1rem;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #00000014;margin-bottom:1rem}.analytics-section{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:2rem}.performance-table,.category-analytics{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #00000014}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.table-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:.5rem}.realtime-toggle{padding:.5rem 1rem;border:2px solid #e2e8f0;background:#fff;border-radius:25px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s ease;color:#374151;display:flex;align-items:center;gap:.5rem}.realtime-toggle.active{border-color:#ef4444;background:#ef4444;color:#fff;box-shadow:0 4px 12px #ef44444d}.loading-overlay{position:fixed;inset:0;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:1rem}.spinner{width:48px;height:48px;border:4px solid #f1f5f9;border-top:4px solid #4f46e5;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner p{margin:0;font-weight:600;color:#4f46e5;font-size:1.1rem}.sla-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.sla-header h3{margin:0;font-size:1rem;color:#374151;font-weight:600}.sla-actions{display:flex;gap:.3rem}.sla-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1rem}.sla-metric{padding:.75rem;background:#f8fafc;border-radius:8px;text-align:center;border:1px solid #f1f5f9}.sla-metric h4{margin:0 0 .3rem;font-size:.8rem;color:#64748b;font-weight:500}.sla-value{font-size:1.5rem;font-weight:700;margin:0}.sla-value.good{color:#059669}.sla-value.warning{color:#d97706}.sla-value.critical{color:#dc2626}.sla-breaches{background:#fff;border-radius:8px;border:1px solid #f1f5f9;overflow:hidden}.breach-header{padding:.75rem;background:#fef2f2;border-bottom:1px solid #fecaca;display:flex;justify-content:space-between;align-items:center}.breach-title{font-weight:600;color:#dc2626;font-size:.9rem;margin:0}.breach-count{background:#dc2626;color:#fff;padding:.2rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600}.breach-list{max-height:200px;overflow-y:auto}.breach-item{padding:.6rem .75rem;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center}.breach-item:last-child{border-bottom:none}.breach-info{display:flex;flex-direction:column;gap:.2rem}.breach-ticket{font-weight:600;color:#374151;font-size:.8rem}.breach-details{font-size:.7rem;color:#64748b}.breach-time{font-weight:600;color:#dc2626;font-size:.75rem}.export-controls{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #00000014;margin-bottom:1rem}.export-info{display:flex;flex-direction:column;gap:.2rem}.export-info h3{margin:0;font-size:1rem;color:#374151;font-weight:600}.export-info p{margin:0;font-size:.8rem;color:#64748b}.export-buttons{display:flex;gap:.5rem}.export-btn{display:flex;align-items:center;gap:.3rem;padding:.6rem 1rem;border:1.5px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s ease;color:#374151}.export-btn:hover{border-color:#4f46e5;color:#4f46e5;background:#f8fafc}.export-btn.primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-color:transparent}.export-btn.primary:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.realtime-controls{position:fixed;bottom:1.5rem;right:1.5rem;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 24px #0000001f;display:flex;align-items:center;gap:.5rem;z-index:100}.realtime-indicator{width:8px;height:8px;border-radius:50%;background:#10b981;animation:pulse 2s infinite}.realtime-indicator.inactive{background:#6b7280;animation:none}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.realtime-text{font-size:.8rem;color:#374151;font-weight:500}.realtime-toggle{padding:.3rem .6rem;border:1.5px solid #e2e8f0;background:#fff;border-radius:20px;cursor:pointer;font-size:.7rem;font-weight:500;transition:all .2s ease;color:#374151}.realtime-toggle.active{border-color:#10b981;background:#10b981;color:#fff}.loading-overlay{position:absolute;inset:0;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;border-radius:inherit;z-index:10}.loading-spinner{width:32px;height:32px;border:3px solid #f3f4f6;border-top:3px solid #4f46e5;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1440px){.modern-reports-page{padding:clamp(1rem,2vw,1.5rem)}.metrics-grid-modern{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:clamp(.75rem,2vw,1rem)}.charts-section{grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}}@media (max-width: 1366px){.modern-reports-page{padding:1rem}.header-content-modern{gap:1rem}.metrics-grid-modern{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.charts-section{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.analytics-section{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width: 1200px){.modern-reports-page{padding:1rem}.header-content-modern{flex-direction:column;gap:1.5rem}.metrics-grid-modern{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.charts-section,.analytics-section{grid-template-columns:1fr}.sla-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 768px){.modern-reports-page{padding:.75rem}.reports-header-modern{padding:1.5rem}.title-section h1{font-size:2rem}.metrics-grid-modern{grid-template-columns:1fr}.filters-section{grid-template-columns:1fr;gap:1rem}.export-buttons{flex-direction:column}.view-toggle{justify-content:center}.sla-metrics{grid-template-columns:repeat(2,1fr)}.sla-grid{grid-template-columns:1fr}.notification-popup{top:1rem;right:1rem;left:1rem;max-width:none}}@media (max-width: 480px){.title-section h1{font-size:1.75rem}.metric-card-modern,.chart-container,.sla-card{padding:1rem}.sla-metrics{grid-template-columns:1fr}.export-buttons{gap:.5rem}.export-btn{padding:.75rem 1rem;font-size:.8rem}}@media (prefers-color-scheme: dark){.modern-reports-page{background:linear-gradient(135deg,#0f172a,#1e293b)}.reports-header-modern,.metric-card-modern,.chart-container,.sla-card,.performance-table,.category-analytics{background:#1e293bf2;border-color:#3341554d}.title-section h1{background:linear-gradient(135deg,#818cf8,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-section p,.last-updated,.metric-description,.bar-label,.target-value,.sla-description{color:#94a3b8}.metric-value,.current-value,.table-header h3,.sla-header h4,.sla-section h3{color:#f1f5f9}.modern-select,.export-btn,.view-btn,.realtime-toggle{background:#334155;border-color:#475569;color:#f1f5f9}.modern-select:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf81a}.filters-section{background:#1e293b;border-color:#334155}.priority-track,.progress-track{background:#334155}}.fade-in{animation:fadeIn .5s ease}.slide-up{animation:slideUp .5s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.metric-card-modern:hover .metric-icon{transform:scale(1.1);transition:transform .2s ease}.chart-bar:hover{opacity:.8;transform:scaleY(1.05)}.export-btn:hover{transform:translateY(-2px)}.view-btn:hover{background:#4f46e51a}.export-btn:focus,.view-btn:focus,.modern-select:focus,.realtime-toggle:focus{outline:none;box-shadow:0 0 0 3px #4f46e533}@media print{.modern-reports-page{background:#fff;padding:0}.export-buttons,.view-toggle,.realtime-toggle,.notification-popup{display:none}.reports-header-modern,.metric-card-modern,.chart-container,.sla-card{background:#fff;box-shadow:none;border:1px solid #e2e8f0;break-inside:avoid}.title-section h1{color:#1e293b;-webkit-text-fill-color:initial}}.table-controls{display:flex;gap:.3rem}.sort-btn,.filter-btn,.action-btn{padding:.3rem .6rem;border:1.5px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;font-size:.7rem;transition:all .2s ease;font-weight:500}.sort-btn:hover,.filter-btn:hover,.action-btn:hover{border-color:#4f46e5;color:#4f46e5}.modern-table{overflow-x:auto}.modern-table table{width:100%;border-collapse:collapse}.modern-table th{padding:.6rem .5rem;text-align:left;font-weight:600;color:#374151;border-bottom:1.5px solid #e2e8f0;font-size:.75rem}.modern-table td{padding:.6rem .5rem;border-bottom:1px solid #f1f5f9;font-size:.8rem}.table-row:hover{background:#f8fafc}.performer-info{display:flex;align-items:center;gap:.5rem}.avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.7rem}.ticket-count{font-weight:600;color:#4f46e5}.time-value{font-weight:500;color:#64748b}.rating{display:flex;align-items:center;gap:.3rem}.stars{color:#f59e0b;font-size:.8rem}.rating-value{font-weight:600;color:#374151;font-size:.8rem}.efficiency-bar{position:relative;height:16px;background:#f1f5f9;border-radius:8px;overflow:hidden;min-width:60px}.efficiency-fill{height:100%;background:linear-gradient(90deg,#059669,#4f46e5);border-radius:8px;transition:width .2s ease}.efficiency-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.65rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.category-analytics h3{margin:0 0 .75rem;font-size:1rem;color:#374151;font-weight:600}.category-grid{display:flex;flex-direction:column;gap:.5rem}.category-card{padding:.75rem;border:1.5px solid #f1f5f9;border-radius:8px;transition:all .2s ease}.category-card:hover{border-color:#e2e8f0;background:#f8fafc}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.category-header h4{margin:0;font-size:.85rem;font-weight:600}.category-count{font-weight:700;color:#374151;font-size:.9rem}.category-stats{display:flex;gap:.75rem;margin-bottom:.5rem}.stat{display:flex;flex-direction:column;gap:.1rem}.stat-label{font-size:.65rem;color:#64748b;text-transform:uppercase;letter-spacing:.3px}.stat-value{font-weight:600;color:#374151;font-size:.8rem}.category-progress{height:4px;background:#f1f5f9;border-radius:2px;overflow:hidden}.progress-fill{height:100%;border-radius:2px;transition:width .2s ease}@media (max-width: 1200px){.metrics-grid{grid-template-columns:repeat(3,1fr)}.charts-section,.analytics-section{grid-template-columns:1fr}}@media (max-width: 768px){.reports-page{padding:.75rem}.page-header{padding:1rem}.metrics-grid,.sla-metrics{grid-template-columns:repeat(2,1fr)}.export-controls{flex-direction:column;gap:.75rem;align-items:stretch}.export-buttons{justify-content:center}.realtime-controls{bottom:1rem;right:1rem;padding:.4rem .8rem}}@media (max-width: 480px){.metrics-grid,.sla-metrics{grid-template-columns:1fr}.export-buttons{flex-direction:column}}.settings-page{padding:clamp(var(--spacing-4),2vw,var(--spacing-6));max-width:min(1200px,98vw);margin:0 auto;width:100%}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border)}.settings-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.settings-actions{display:flex;gap:var(--spacing-3)}.settings-container{display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-6);align-items:start}.settings-sidebar{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-4);position:sticky;top:var(--spacing-6);box-shadow:var(--shadow-sm)}.settings-nav{display:flex;flex-direction:column;gap:var(--spacing-1)}.settings-nav-button{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3) var(--spacing-4);background:none;border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);text-align:left}.settings-nav-button:hover{background:var(--color-surface-hover);color:var(--color-text)}.settings-nav-button.active{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-colored)}.settings-nav-icon{font-size:var(--font-size-base);width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-nav-text{flex:1}.settings-content{min-height:600px}.settings-section{display:flex;flex-direction:column;gap:var(--spacing-6)}.settings-section-header{padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border-light)}.settings-section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-2) 0}.settings-section-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.settings-form{display:flex;flex-direction:column;gap:var(--spacing-5)}.settings-toggle{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--color-surface-secondary);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);transition:var(--transition-fast)}.settings-toggle:hover{background:var(--color-surface-hover)}.settings-toggle input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:var(--color-primary)}.settings-toggle label{font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;margin:0;flex:1}.settings-integrations{display:flex;flex-direction:column;gap:var(--spacing-4)}.settings-integration-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);background:var(--color-surface-secondary);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);transition:var(--transition-fast)}.settings-integration-item:hover{background:var(--color-surface-hover);border-color:var(--color-border)}.settings-integration-info{flex:1}.settings-integration-info h4{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text);margin:0 0 var(--spacing-1) 0}.settings-integration-info p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.settings-integration-actions{display:flex;align-items:center;gap:var(--spacing-3)}.settings-status-badge{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.025em}.settings-status-badge.connected{background:var(--color-success-lightest);color:var(--color-success-dark)}.settings-status-badge.disconnected{background:var(--color-neutral-alpha);color:var(--color-text-muted)}@media (max-width: 768px){.settings-page{padding:var(--spacing-4)}.settings-container{grid-template-columns:1fr;gap:var(--spacing-4)}.settings-sidebar{position:static;order:2}.settings-content{order:1}.settings-nav{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-2)}.settings-nav-button{flex:1;min-width:120px;justify-content:center}.settings-header{flex-direction:column;gap:var(--spacing-4);align-items:stretch}.settings-actions{justify-content:center}.settings-integration-item{flex-direction:column;align-items:stretch;gap:var(--spacing-3)}.settings-integration-actions{justify-content:space-between}}@media (max-width: 480px){.settings-integration-actions{flex-direction:column;gap:var(--spacing-2)}.settings-nav{flex-direction:column}.settings-nav-button{min-width:auto;justify-content:flex-start}}.sla-policies-dashboard{padding:0}.sla-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-top:clamp(1.5rem,3vw,2.5rem);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border)}.sla-page-title-section{flex:1;display:flex;flex-direction:column}.sla-page-title-section h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-2) 0}.sla-page-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0;line-height:1.5}.sla-page-actions .btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--color-primary);color:#fff;text-decoration:none;border-radius:var(--border-radius-md);font-weight:var(--font-weight-medium);transition:all .2s ease}.sla-page-actions .btn:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}.sla-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4);padding:var(--spacing-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg)}.sla-search{flex:1;max-width:400px}.search-input-container svg{position:absolute;left:var(--spacing-3);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.search-input{width:100%;padding:var(--spacing-2) var(--spacing-3) var(--spacing-2) var(--spacing-8);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.sla-display-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.sla-results-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4);padding:var(--spacing-2) 0}.results-count{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.departments-table-container{background:var(--color-surface);border-radius:12px;border:1px solid var(--color-border);overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s ease}.departments-table-container:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.departments-table{width:100%;border-collapse:collapse;margin:0;font-family:inherit}.departments-table thead{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:2px solid var(--color-primary);position:relative}.departments-table thead:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-primary) 50%,transparent 100%)}.departments-table th{padding:var(--spacing-2) var(--spacing-3);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.08em;border-right:1px solid rgba(0,0,0,.08);position:relative;background:transparent}.departments-table th:last-child{border-right:none}.departments-table th:first-child{width:60px;text-align:center}.departments-table th:nth-child(2){width:160px}.departments-table th:nth-child(4){width:180px}.departments-table th:nth-child(5),.departments-table th:nth-child(6){width:120px}.departments-table-row{border-bottom:1px solid rgba(0,0,0,.05);transition:all .3s ease;position:relative;border-left:4px solid transparent}.departments-table-row:hover{background:linear-gradient(135deg,#f8fafc,#f8fafce6);box-shadow:0 4px 6px #00000012;border-left-color:var(--color-primary);transform:translateY(-1px)}.departments-table td{padding:var(--spacing-2) var(--spacing-3);vertical-align:top;border-right:1px solid rgba(0,0,0,.05);font-size:var(--font-size-sm);line-height:1.4}.departments-table td:last-child{border-right:none;text-align:center}.departments-table td:first-child{text-align:center;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);font-size:var(--font-size-xs);padding-left:calc(var(--spacing-2) - 2px)}.department-name-cell{display:flex;align-items:center;gap:var(--spacing-2);padding:0}.department-icon{color:var(--color-primary);font-size:var(--font-size-lg);padding:var(--spacing-2);background:rgba(var(--color-primary-rgb),.1);border-radius:var(--border-radius-md);transition:all .2s ease}.departments-table-row:hover .department-icon{background:rgba(var(--color-primary-rgb),.15);transform:scale(1.05)}.department-name{font-weight:var(--font-weight-semibold);color:var(--color-text);font-size:var(--font-size-base);letter-spacing:.01em}.status-badge{padding:8px 16px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:none;color:#fff;text-align:center;display:inline-flex;align-items:center;justify-content:center;min-width:80px;height:28px;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.status-badge.active{background:#10b981}.status-badge.active:hover{transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.status-badge.inactive{background:#ef4444}.status-badge.inactive:hover{transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.sla-policies-info{display:flex;align-items:flex-start;gap:var(--spacing-1);padding:0;width:100%}.sla-policies-list{display:flex;flex-direction:column;gap:var(--spacing-1);width:100%}.sla-policy-item{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text);padding:var(--spacing-2) var(--spacing-3);background:rgba(var(--color-primary-rgb),.05);border-radius:var(--border-radius-sm);border-left:2px solid var(--color-primary);transition:all .2s ease;display:flex;align-items:center;gap:var(--spacing-2)}.sla-policy-item:hover{background:rgba(var(--color-primary-rgb),.1);transform:translate(2px)}.sla-priority-indicator{flex-shrink:0}.sla-policy-details{flex:1;min-width:0}.no-sla-policies{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-text-secondary);font-style:italic}.action-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;border:none;background:#f8fafc;transition:all .2s ease;cursor:pointer;padding:0;text-decoration:none;box-shadow:0 1px 3px #0000001a}.edit-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.edit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.sla-empty-state{text-align:center;padding:var(--spacing-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg)}.empty-state-icon{font-size:48px;color:var(--color-primary);margin-bottom:var(--spacing-4)}.sla-empty-state h3{margin:0 0 var(--spacing-2) 0;color:var(--color-text)}.sla-empty-state p{margin:0 0 var(--spacing-4) 0;color:var(--color-text-secondary)}@media (max-width: 1440px){.departments-table-container{overflow-x:auto}.departments-table{min-width:900px;font-size:.9rem}}@media (max-width: 1366px){.departments-table{min-width:850px;font-size:.85rem}}@media (max-width: 1024px){.departments-table-container{overflow-x:auto}.departments-table{min-width:800px}.departments-table th:nth-child(5),.departments-table th:nth-child(6),.departments-table td:nth-child(5),.departments-table td:nth-child(6){display:none}}@media (max-width: 768px){.sla-page-header{flex-direction:column;align-items:stretch;gap:var(--spacing-4)}.sla-toolbar{flex-direction:column;align-items:stretch;gap:var(--spacing-3)}.departments-table{min-width:700px}.action-buttons{flex-direction:column;gap:var(--spacing-1)}.action-btn{width:28px;height:28px;border-radius:6px;font-size:1rem}}.sla-admin-alert{background:linear-gradient(135deg,#fef3c7,#fed7aa);border:1px solid #f59e0b;border-left:4px solid #f59e0b;border-radius:8px;padding:16px 20px;margin-bottom:24px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 4px #f59e0b1a}.sla-admin-alert .alert-icon{font-size:24px;color:#f59e0b}.sla-admin-alert .alert-content h4{margin:0 0 4px;font-size:16px;font-weight:600;color:#92400e}.sla-admin-alert .alert-content p{margin:0;font-size:14px;color:#b45309;line-height:1.4}.sla-admin-alert .alert-stats{display:flex;flex-direction:column;gap:4px;margin-left:auto}.sla-admin-alert .configured-count,.sla-admin-alert .unconfigured-count{font-size:12px;font-weight:600;padding:4px 8px;border-radius:12px;white-space:nowrap}.sla-admin-alert .configured-count{background:#10b9811a;color:#059669}.sla-admin-alert .unconfigured-count{background:#ef44441a;color:#dc2626}.sla-toolbar{display:flex;gap:16px;align-items:center;margin-bottom:24px;padding:16px 20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 2px 4px #0000000d}.sla-search-section{flex:1;max-width:400px}.search-input-container{position:relative;display:flex;align-items:center}.search-input-container svg{position:absolute;left:12px;color:var(--color-text-secondary);z-index:1}.search-spinner{animation:spin 1s linear infinite}.search-input{width:100%;padding:10px 12px 10px 40px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);font-size:14px;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.search-input.searching{background:#f0f9ff;border-color:#0ea5e9}.sla-filters-section{display:flex;align-items:center}.sla-filters{display:flex;gap:12px;align-items:center}.filter-select{padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);font-size:14px;min-width:140px;transition:all .2s ease}.filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.reset-filters-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.reset-filters-btn:hover{background:#e2e8f0;border-color:#94a3b8;transform:translateY(-1px)}.departments-table-row.unconfigured-sla{background:linear-gradient(135deg,#fef2f2,#fef2f2cc);border-left-color:#ef4444;border-left-width:4px}.departments-table-row.unconfigured-sla:hover{background:linear-gradient(135deg,#fee2e2,#fee2e2e6);box-shadow:0 4px 8px #ef444426}.warning-icon{color:#f59e0b!important;background:#f59e0b1a!important}.warning-icon-small{color:#f59e0b;font-size:12px;margin-right:6px}.unconfigured-label{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px;margin-left:8px;animation:pulse-warning 2s infinite}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.7}}.no-sla-policies{display:flex;align-items:center;gap:6px;flex-direction:column;align-items:flex-start}.configure-note{font-size:11px;color:#6b7280;font-style:italic;margin-top:2px}.create-btn{background:linear-gradient(135deg,#10b981,#059669)!important;animation:glow-create 2s ease-in-out infinite alternate}@keyframes glow-create{0%{box-shadow:0 4px 8px #10b9814d}to{box-shadow:0 6px 12px #10b98180}}.create-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 16px #10b98166!important}@media (max-width: 768px){.sla-toolbar{flex-direction:column;gap:12px;align-items:stretch}.sla-search-section{max-width:none}.sla-filters{flex-wrap:wrap;gap:8px}.sla-admin-alert{flex-direction:column;align-items:flex-start;gap:12px}.sla-admin-alert .alert-stats{flex-direction:row;gap:12px;margin-left:0}}.sla-create-page{padding:var(--spacing-6);max-width:1600px;margin:0 auto;width:100%}.sla-form-container{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-6);box-shadow:0 1px 3px #0000001a}.sla-page-header{margin-bottom:var(--spacing-8);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-6)}.sla-page-title-section{display:flex;flex-direction:column;gap:var(--spacing-4)}.sla-page-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-primary);color:#fff;border-radius:var(--border-radius-lg);font-size:var(--font-size-xl)}.sla-page-title-text{flex:1}.sla-page-title{color:var(--color-text-primary);font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;margin:0;line-height:1.2}.sla-page-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0;line-height:1.5}.sla-form-grid{display:grid;gap:var(--spacing-6);grid-template-columns:1fr}.sla-form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.sla-form-group.full-width{width:100%}.sla-form-label{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:500;display:flex;flex-direction:column;gap:var(--spacing-1)}.sla-form-hint{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:400}.sla-form-select{width:100%;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-background);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:border-color .2s ease,box-shadow .2s ease;appearance:none;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-3) center;background-repeat:no-repeat;background-size:16px;padding-right:calc(var(--spacing-3) + 24px)}.sla-form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.sla-priority-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-4);margin-top:var(--spacing-4)}@media (max-width: 767px){.sla-priority-grid{grid-template-columns:1fr}}@media (min-width: 768px){.sla-priority-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 992px){.sla-priority-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1100px){.sla-priority-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1400px){.sla-priority-grid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-6)}}.sla-priority-card{background:var(--color-background-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-4);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;height:fit-content}.sla-priority-card:hover{border-color:var(--color-primary-light);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.sla-priority-card-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border)}.sla-priority-icon-wrapper{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--border-radius-md);flex-shrink:0}.sla-priority-icon{font-size:var(--font-size-lg)}.sla-priority-info{flex:1;min-width:0}.sla-priority-title{font-weight:600;font-size:var(--font-size-sm);margin:0 0 var(--spacing-1) 0;color:var(--color-text-primary)}.sla-priority-description{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;line-height:1.4}.sla-time-input-group{display:flex;flex-direction:column;gap:var(--spacing-3)}.sla-time-field{display:flex;flex-direction:column;gap:var(--spacing-2)}.sla-time-label{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:500;margin-bottom:var(--spacing-1)}.sla-time-input{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-background);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:border-color .2s ease,box-shadow .2s ease;width:100%!important}.sla-time-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.sla-time-display{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin-top:var(--spacing-1);font-style:italic}.sla-form-buttons{display:flex;gap:var(--spacing-4);justify-content:flex-end;margin-top:var(--spacing-8);padding-top:var(--spacing-6);border-top:1px solid var(--color-border);flex-wrap:wrap}@media (max-width: 768px){.sla-form-buttons{flex-direction:column-reverse;gap:var(--spacing-3)}.sla-form-buttons .btn{width:100%;justify-content:center}}.sla-form-buttons .btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;border:1px solid transparent;min-width:120px;justify-content:center}.sla-form-buttons .btn-primary{background:var(--color-primary);color:#fff}.sla-form-buttons .btn-primary:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.sla-form-buttons .btn-secondary{background:var(--color-background);color:var(--color-text-secondary);border:1px solid var(--color-border)}.sla-form-buttons .btn-secondary:hover:not(:disabled){background:var(--color-background-secondary);border-color:var(--color-border-dark);color:var(--color-text-primary)}.sla-form-buttons .btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.sla-priority-icon-wrapper.low{background:#22c55e1a;color:#22c55e}.sla-priority-icon-wrapper.medium{background:#3b82f61a;color:#3b82f6}.sla-priority-icon-wrapper.high{background:#f59e0b1a;color:#f59e0b}.sla-priority-icon-wrapper.critical{background:#ef44441a;color:#ef4444}.departments-list{margin-top:var(--spacing-4)}.departments-table-container{background:var(--color-surface);border-radius:var(--border-radius-lg);border:1px solid var(--color-border);overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:box-shadow .3s ease}.departments-table-container:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.departments-table{width:100%;border-collapse:collapse;margin:0;font-family:inherit;background:#fff}.departments-table thead{background:#f8fafc;border-bottom:1px solid #e2e8f0}.departments-table th{padding:12px 16px;text-align:left;font-weight:600;color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0}.departments-table th:first-child{width:50px;text-align:center}.departments-table th:nth-child(2){width:200px}.departments-table th:nth-child(3){width:100px}.departments-table th:nth-child(4){width:300px}.departments-table th:nth-child(5),.departments-table th:nth-child(6){width:150px}.departments-table th:last-child{width:120px;text-align:center}.departments-table-row{border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.departments-table-row:hover{background-color:#f8fafc}.departments-table td{padding:16px;vertical-align:top;font-size:14px;line-height:1.5}.departments-table td:last-child{text-align:center}.departments-table td:first-child{text-align:center;font-weight:500;color:#64748b;font-size:13px}.department-name-cell{display:flex;align-items:center;gap:8px}.department-icon{color:#3b82f6;font-size:16px;flex-shrink:0}.department-name{font-weight:600;color:#1e293b;font-size:14px}.status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;min-width:65px;justify-content:center}.status-badge.active{background-color:#10b981;color:#fff;border:1px solid #10b981}.status-badge.inactive{background-color:#ef4444;color:#fff;border:1px solid #ef4444}.employees-info{max-width:100%}.employee-names-list{display:flex;flex-direction:column;gap:8px}.employee-name-item{display:flex;align-items:center;gap:8px;padding:8px;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.employee-name-item.inactive{opacity:.6;background:#f1f5f9}.employee-name{flex-grow:1}.employee-display-info{display:flex;flex-direction:column}.employee-display-name{font-weight:500;color:#1e293b;font-size:13px}.expand-btn{margin-top:8px;padding:4px 8px;background:#e2e8f0;border:none;border-radius:4px;font-size:11px;color:#64748b;cursor:pointer;transition:background-color .2s}.expand-btn:hover{background:#cbd5e1}.no-employees{display:flex;align-items:center;gap:8px;color:#64748b;font-style:italic;padding:8px;background:#f8fafc;border-radius:6px}.employees-icon{font-size:14px;color:#94a3b8}.date-text{color:#64748b;font-size:13px}.action-buttons{display:flex;align-items:center;justify-content:center;gap:8px}.action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;transition:all .2s ease;text-decoration:none}.action-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.edit-btn{color:#f59e0b;border-color:#fbbf24}.edit-btn:hover{background:#fef3c7;color:#d97706}.toggle-btn.active{color:#10b981;border-color:#34d399}.toggle-btn.active:hover{background:#d1fae5;color:#059669}.toggle-btn.inactive{color:#64748b;border-color:#cbd5e1}.toggle-btn.inactive:hover{background:#f1f5f9;color:#475569}@media (max-width: 768px){.departments-table-container{overflow-x:auto}.departments-table{min-width:800px}.employee-name-item{flex-direction:column;align-items:flex-start;gap:4px}.action-buttons{flex-direction:column;gap:4px}}.tickets-toolbar{margin-bottom:24px}.tickets-search{display:flex;align-items:center;gap:16px}.search-input-container{position:relative;display:flex;align-items:center;max-width:400px}.search-input-container svg{position:absolute;left:12px;color:#64748b;font-size:14px;z-index:1}.search-input{width:100%;padding:10px 12px 10px 40px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:14px;transition:border-color .2s,box-shadow .2s}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.tickets-results-info{margin-bottom:16px;padding:12px 0;color:#64748b;font-size:14px;border-bottom:1px solid #f1f5f9}.results-count{font-weight:500}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.page-title{display:flex;align-items:center;gap:12px}.page-title h1{margin:0;font-size:28px;font-weight:700;color:#1e293b}.page-title-icon{font-size:24px;color:#3b82f6}.page-actions{display:flex;gap:12px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.tickets-empty-state{text-align:center;padding:64px 24px;background:#fff;border-radius:12px;border:1px solid #e2e8f0}.empty-state-icon{font-size:48px;color:#cbd5e1;margin-bottom:16px}.tickets-empty-state h3{margin:0 0 8px;font-size:20px;font-weight:600;color:#1e293b}.tickets-empty-state p{color:#64748b;font-size:16px;max-width:400px;margin:0 auto 24px}.ticket-details-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.tickets-page{padding:24px;max-width:1400px;margin:0 auto}.tickets-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-top:clamp(.75rem,1.5vw,1.25rem);margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.tickets-page-title-section{flex:1;display:flex;flex-direction:column}.page-title-icon{color:var(--color-primary);font-size:clamp(1.25rem,3.5vw,2rem)}.tickets-page-title{margin:0 0 8px;font-size:28px;font-weight:700;color:#1e293b}.tickets-page-subtitle{margin:0;color:#64748b;font-size:16px}.tickets-page-actions{display:flex;gap:12px;flex-shrink:0}.employees-info{display:flex;align-items:flex-start;gap:var(--spacing-1);padding:0;width:100%}.employee-names-list{display:flex;flex-direction:column;gap:var(--spacing-1);width:100%}.employee-name-item{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text);padding:var(--spacing-2) var(--spacing-3);background:rgba(var(--color-primary-rgb),.05);border-radius:var(--border-radius-sm);border-left:2px solid var(--color-primary);transition:all .2s ease;display:flex;align-items:center;gap:var(--spacing-2)}.employee-name-item:hover{background:rgba(var(--color-primary-rgb),.1);transform:translate(2px)}.employee-name-item.inactive{opacity:.7;background:rgba(var(--color-text-secondary-rgb, 134, 142, 150),.05);border-left-color:var(--color-text-secondary)}.employee-name-item.inactive .employee-display-name{text-decoration:line-through;color:var(--color-text-secondary)}.employee-name-item.inactive .employee-display-designation{color:var(--color-text-muted)}.employee-name-item.inactive:hover{background:rgba(var(--color-text-secondary-rgb, 134, 142, 150),.1)}.employee-status-indicator{flex-shrink:0}.employee-status-indicator .status-badge{font-size:var(--font-size-xs);padding:2px 6px;border-radius:var(--border-radius-sm);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.employee-status-indicator .status-badge.active{background:#10b981;color:#fff;border:1px solid #10b981;box-shadow:0 2px 4px #10b98133}.employee-status-indicator .status-badge.inactive{background:#ef4444;color:#fff;border:1px solid #ef4444;box-shadow:0 2px 4px #ef444433}.employee-name{flex:1;min-width:0}.employee-display-info{display:flex;flex-direction:column;gap:2px}.employee-display-name{font-weight:var(--font-weight-medium);color:var(--color-text);font-size:var(--font-size-sm)}.employee-display-designation{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-style:italic}.no-employees{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-text-secondary);font-style:italic}.employees-icon{color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-1);background:rgba(var(--color-text-secondary-rgb),.1);border-radius:var(--border-radius-sm);transition:all .2s ease;flex-shrink:0}.employees-info span{font-weight:var(--font-weight-medium);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.expand-btn{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.1),rgba(var(--color-primary-rgb),.05));border:1px solid rgba(var(--color-primary-rgb),.2);color:var(--color-primary);cursor:pointer;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-md);transition:all .2s ease;margin-top:var(--spacing-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);display:inline-flex;align-items:center;gap:var(--spacing-1);text-transform:uppercase;letter-spacing:.05em;align-self:flex-start}.expand-btn:hover{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.3)}.action-buttons{display:flex;gap:var(--spacing-2);justify-content:center}.action-btn{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;border:none;background:#f3f4f6;transition:background .2s;cursor:pointer;padding:0}.edit-btn{background:linear-gradient(135deg,#fbbf24,#f59e42);color:#fff;margin-right:.25rem}.edit-btn svg{width:18px;height:18px}.delete-btn{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff}.delete-btn svg{width:18px;height:18px}.toggle-btn{position:relative;width:44px;height:22px;background:#d1d5db;border-radius:11px;border:none;cursor:pointer;transition:all .2s ease;padding:0;display:inline-flex;align-items:center;justify-content:flex-start;margin:0;vertical-align:middle}.toggle-btn:before{content:"";position:absolute;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:all .2s ease;box-shadow:0 1px 3px #00000026}.toggle-btn.active{background:#059669}.toggle-btn.active:before{left:calc(100% - 20px)}.toggle-btn.inactive{background:#6b7280}.toggle-btn:hover:not(:disabled){transform:scale(1.02)}.toggle-btn:disabled{opacity:.5;cursor:not-allowed}.toggle-btn svg{display:none}.employees-expansion-row{background:linear-gradient(135deg,var(--color-surface-secondary) 0%,rgba(255,255,255,.8) 100%)!important;border-top:2px solid var(--color-primary)}.employees-expansion-row:hover{background:linear-gradient(135deg,var(--color-surface-secondary) 0%,rgba(255,255,255,.8) 100%)!important}.employees-expansion{padding:var(--spacing-6);border-top:1px solid rgba(var(--color-primary-rgb),.2);background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.02) 0%,transparent 100%)}.employees-expansion h4{margin:0 0 var(--spacing-5) 0;color:var(--color-text);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);display:flex;align-items:center;gap:var(--spacing-2)}.employees-expansion h4:before{content:"";width:4px;height:24px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:2px}.employees-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-4)}.employee-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:var(--border-radius-lg);padding:var(--spacing-4);transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a}.employee-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%)}.employee-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026;border-color:rgba(var(--color-primary-rgb),.3)}.employee-info{margin-bottom:var(--spacing-3)}.employee-name{font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-1)}.employee-email{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-1)}.employee-designation{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-bottom:var(--spacing-2)}.employee-status{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.employee-status.active{background:var(--color-success);color:#fff;border:1px solid var(--color-success);box-shadow:0 2px 4px #22c55e33}.employee-status.inactive{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error-border)}.employee-actions{display:flex;gap:var(--spacing-2);justify-content:flex-end}.employee-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s ease;font-size:var(--font-size-sm);box-shadow:var(--shadow-sm)}.employee-action-btn.remove-btn{background:linear-gradient(135deg,var(--color-error-bg),rgba(239,68,68,.1));color:var(--color-error);border:1px solid var(--color-error-border)}.employee-action-btn.remove-btn:hover{background:var(--color-error);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}@media (max-width: 1440px){.departments-table-container{overflow-x:auto}.departments-table{min-width:900px;font-size:.9rem}.employees-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:clamp(.75rem,2vw,1rem)}}@media (max-width: 1366px){.departments-table{min-width:850px;font-size:.85rem}.employees-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width: 1024px){.departments-table-container{overflow-x:auto}.departments-table{min-width:800px}.employees-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width: 768px){.departments-table{min-width:700px}.employees-grid{grid-template-columns:1fr}.employees-expansion{padding:var(--spacing-4)}.action-buttons{flex-direction:column;gap:var(--spacing-1)}.action-btn{width:28px;height:28px;border-radius:6px;font-size:1rem}}.departments-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--spacing-4)}.departments-empty-state{text-align:center;padding:var(--spacing-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg)}.departments-empty-state .empty-state-icon{font-size:48px;color:var(--color-primary);margin-bottom:var(--spacing-4)}.departments-empty-state h3{margin:0 0 var(--spacing-2) 0;color:var(--color-text)}.departments-empty-state p{margin:0 0 var(--spacing-4) 0;color:var(--color-text-secondary)}.employees-readonly-list{display:flex;flex-direction:column;gap:var(--spacing-2);background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-3)}.employee-readonly-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-sm)}.employee-readonly-info{flex:1}.employee-readonly-name{font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-1)}.employee-readonly-details{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.employee-readonly-status{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.employee-readonly-status.active{background:var(--color-success);color:#fff;border:1px solid var(--color-success);box-shadow:0 2px 4px #22c55e33}.employee-readonly-status.inactive{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error-border)}.loading-spinner-small{width:14px;height:14px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.date-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);white-space:nowrap}@media (max-width: 1024px){.departments-table th:nth-child(5),.departments-table th:nth-child(6),.departments-table td:nth-child(5),.departments-table td:nth-child(6){display:none}}@media (max-width: 768px){.departments-table-container{overflow-x:auto}.departments-table{min-width:600px}.employees-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column;gap:var(--spacing-1)}.action-btn{width:32px;height:32px}}.priority-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:#fff;text-transform:uppercase;letter-spacing:.025em;min-width:60px;text-align:center;justify-content:center}.priority-badge.priority-low{background:var(--color-success)}.priority-badge.priority-medium{background:var(--color-info)}.priority-badge.priority-high{background:var(--color-warning)}.priority-badge.priority-critical{background:var(--color-error)}.priority-badge.priority-urgent{background:var(--color-primary)}.sla-summary{margin-top:var(--spacing-1);padding-top:var(--spacing-1);border-top:1px solid rgba(var(--color-border-rgb, 229, 231, 235),.5)}.sla-summary .text-muted{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-style:italic}.create-page{padding:var(--spacing-6);max-width:800px;margin:0 auto}.create-page-wide{padding:var(--spacing-6);max-width:1600px;margin:0 auto}.create-form-simple{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-6);box-shadow:0 1px 3px #0000001a}.create-page-header{margin-bottom:var(--spacing-8);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-6)}.create-page-title-section{display:flex;align-items:flex-start;gap:var(--spacing-4)}.create-page-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-primary);color:#fff;border-radius:var(--border-radius-lg);font-size:var(--font-size-xl)}.create-page-title-text{flex:1}.create-page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-2) 0}.create-page-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0 0 var(--spacing-3) 0;line-height:1.5}.create-page-info{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:linear-gradient(135deg,var(--color-info-lightest) 0%,var(--color-info-lighter) 100%);border:1px solid var(--color-info-light);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);margin-top:var(--spacing-3);box-shadow:0 1px 3px #3b82f61a;position:relative;overflow:hidden}.create-page-info:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-info)}.info-label{font-weight:var(--font-weight-semibold);color:var(--color-info-dark);display:flex;align-items:center;gap:var(--spacing-1)}.info-label:before{content:"📍";font-size:var(--font-size-sm);opacity:.8}.info-value{color:var(--color-info-dark);font-weight:var(--font-weight-bold);background:#3b82f626;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm)}.create-form-grid-simple{display:flex;flex-direction:column;gap:var(--spacing-6)}.create-form-group.full-width{width:100%}.create-form-hint{display:block;font-weight:var(--font-weight-normal);color:var(--color-text-secondary);font-size:var(--font-size-xs);margin-top:var(--spacing-1)}.priority-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-4);margin-top:var(--spacing-4)}@media (max-width: 767px){.priority-settings-grid{grid-template-columns:1fr;gap:var(--spacing-3)}}@media (min-width: 768px){.priority-settings-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 992px){.priority-settings-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1100px){.priority-settings-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1400px){.priority-settings-grid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-6)}}.priority-setting-card{background:var(--color-background-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-4);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;height:fit-content}.priority-setting-card:hover{border-color:var(--color-primary-light);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.priority-card-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border)}.priority-icon-wrapper{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--border-radius-md);background:var(--color-primary-lightest);flex-shrink:0}.priority-icon{font-size:var(--font-size-lg)}.priority-info{flex:1;min-width:0}.priority-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-1) 0;text-transform:uppercase;letter-spacing:.5px}.priority-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.priority-time-inputs{display:flex;flex-direction:column;gap:var(--spacing-3)}.time-input-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.time-label{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.time-icon{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.time-input{width:100%!important;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);text-align:left;transition:border-color .2s ease,box-shadow .2s ease}.time-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ff5d5d1a}.time-preview{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-style:italic;margin-top:var(--spacing-1)}.create-form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--color-border)}.cancel-btn,.submit-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md);transition:all .2s ease}.create-header{text-align:center;margin-bottom:var(--spacing-8)}.create-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.create-header p{color:var(--color-text-secondary);font-size:var(--font-size-base)}.create-form{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-6);box-shadow:0 1px 3px #0000001a}.create-form-group{margin-bottom:var(--spacing-5)}.create-form-label{display:block;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-2)}.create-form-input,.create-form-textarea,.create-form-select{width:100%;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-background);transition:border-color .2s ease}.create-form-input:focus,.create-form-textarea:focus,.create-form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.create-form-input:disabled{background-color:#f3f4f6;color:#a0aec0;cursor:not-allowed;opacity:1;border-color:#e2e8f0}.create-form-textarea{resize:vertical;min-height:100px}.create-form-select{cursor:pointer;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 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.employee-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.employee-item{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-4);transition:border-color .2s ease}.employee-item:hover{border-color:var(--color-primary)}.employee-input-group{display:flex;gap:var(--spacing-3);align-items:flex-start;flex-wrap:wrap}.employee-search-field{flex:1;min-width:250px;position:relative}.employee-status-field{width:120px;flex-shrink:0}.employee-search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;z-index:1000}.employee-search-item{padding:var(--spacing-3);border-bottom:1px solid var(--color-border);cursor:pointer;transition:background-color .2s ease}.employee-search-item:hover{background:rgba(var(--color-primary-rgb),.05)}.employee-search-item:last-child{border-bottom:none}.employee-search-info{display:flex;align-items:center;gap:var(--spacing-2)}.employee-icon{color:var(--color-primary);font-size:16px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-primary-rgb),.1);border-radius:var(--border-radius-sm)}.employee-details{flex:1}.employee-name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-sm);margin-bottom:2px}.employee-meta{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.selected-employee{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:rgba(var(--color-primary-rgb),.05);border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--border-radius-md);margin-top:var(--spacing-3)}.selected-employee .employee-icon{background:var(--color-primary);color:#fff;font-size:14px;width:28px;height:28px}.selected-employee .employee-details{flex:1}.clear-employee{background:#dc35451a;color:#dc3545;border:1px solid rgba(220,53,69,.2);border-radius:var(--border-radius-sm);padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);cursor:pointer;transition:all .2s ease}.clear-employee:hover{background:#dc354533}.employee-info{display:flex;align-items:center;gap:var(--spacing-3);flex:1}.remove-employee{background:#dc35451a;color:#dc3545;border:1px solid rgba(220,53,69,.2);border-radius:var(--border-radius-sm);padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);cursor:pointer;transition:all .2s ease}.remove-employee:hover{background:#dc354533}.employee-name-display{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-sm)}.employee-email-display{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.create-form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--color-border)}.create-form-buttons{display:flex;gap:var(--spacing-3)}.btn{padding:var(--spacing-3) var(--spacing-5);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-secondary{background:var(--color-background);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-background-secondary)}.employee-search-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.create-form-error{margin-top:var(--spacing-1);font-size:var(--font-size-xs);color:#dc3545}.create-form-input.error,.create-form-textarea.error{border-color:#dc3545}.employee-search-section{margin-bottom:var(--spacing-4)}.employee-search-container{position:relative;width:100%}.employee-search-container .search-icon{position:absolute;left:var(--spacing-3);top:50%;transform:translateY(-50%);color:var(--color-text-secondary);z-index:2}.employee-search-container .create-form-input{padding-left:calc(var(--spacing-3) + 20px)}.employee-list-section{border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-surface);overflow:hidden}.employee-list-empty{padding:var(--spacing-8);text-align:center;color:var(--color-text-secondary)}.employee-list-empty .empty-icon{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-3);opacity:.5}.employee-list-empty p{margin:0;font-size:var(--font-size-sm)}.employee-list-table{width:100%}.employee-list-header{display:grid;grid-template-columns:1fr auto auto;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-4);background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text)}.employee-header-name{min-width:0}.employee-header-status{width:120px;text-align:center}.employee-header-actions{width:80px;text-align:center}.employee-list-body{max-height:400px;overflow-y:auto}.employee-list-row{display:grid;grid-template-columns:1fr auto auto;gap:var(--spacing-4);padding:var(--spacing-4);border-bottom:1px solid var(--color-border);align-items:center;transition:background-color .2s ease}.employee-list-row:last-child{border-bottom:none}.employee-list-row:hover{background:var(--color-surface-hover)}.employee-list-row.inactive{opacity:.6;background:var(--color-surface-muted, #f8f9fa)}.employee-list-row.inactive .employee-name{color:var(--color-text-muted, #6c757d);text-decoration:line-through}.employee-list-row.inactive .employee-meta{color:var(--color-text-secondary, #868e96)}.employee-list-row.inactive .employee-icon{color:var(--color-text-muted, #6c757d)}.employee-list-row.inactive:hover{background:var(--color-surface-muted, #f8f9fa)}.employee-info{display:flex;align-items:center;gap:var(--spacing-3);min-width:0}.employee-info .employee-icon{color:var(--color-primary);font-size:var(--font-size-lg);flex-shrink:0}.employee-info .employee-details{min-width:0;flex:1}.employee-info .employee-name{font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:var(--spacing-2)}.employee-info .employee-name .employee-status-indicator{flex-shrink:0}.employee-info .employee-name .employee-status-indicator .status-badge{font-size:var(--font-size-xs);padding:2px 6px;border-radius:var(--border-radius-sm);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.employee-info .employee-name .employee-status-indicator.active .status-badge{background:#22c55e;color:#fff;border:1px solid rgb(34,197,94);box-shadow:0 2px 4px #22c55e33}.employee-info .employee-name .employee-status-indicator.inactive .status-badge{background:#9ca3af1a;color:#9ca3af;border:1px solid rgba(156,163,175,.2)}.employee-info .employee-name .employee-name-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.employee-list-row.inactive .employee-info .employee-name .employee-name-text{text-decoration:line-through;color:var(--color-text-muted, #6c757d)}.employee-list-row.inactive .employee-info .employee-details .employee-meta{color:var(--color-text-muted)}.employee-info .employee-meta{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-status{width:120px}.employee-status .create-form-select{width:100%;font-size:var(--font-size-sm)}.employee-actions{width:80px;display:flex;justify-content:center}.employee-actions .btn-icon{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);transition:all .2s ease}.employee-actions .btn-icon:hover{transform:scale(1.1)}.employee-actions .btn-icon-placeholder{width:32px;height:32px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.create-page,.create-form{padding:var(--spacing-4)}.employee-input-group{flex-direction:column}.employee-status-field{width:100%}.create-form-actions{flex-direction:column;gap:var(--spacing-3)}.create-form-buttons{width:100%;justify-content:center}.employee-list-header,.employee-list-row{grid-template-columns:1fr auto;gap:var(--spacing-3);padding:var(--spacing-3)}.employee-header-status,.employee-status{display:none}.employee-header-actions,.employee-actions{width:60px}.employee-info .employee-name{font-size:var(--font-size-sm)}.employee-info .employee-meta{font-size:var(--font-size-xs)}}@media (max-width: 480px){.employee-list-header,.employee-list-row{grid-template-columns:1fr;gap:var(--spacing-2)}.employee-header-actions,.employee-actions{display:none}.employee-info{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}}:root{--color-primary: #ff5d5d;--color-primary-dark: #e04545;--color-primary-light: #ff7a7a;--color-primary-lighter: #ffb3b3;--color-primary-lightest: #ffe6e6;--color-primary-gradient: linear-gradient(135deg, #ff5d5d 0%, #e04545 100%);--color-primary-gradient-hover: linear-gradient( 135deg, #e04545 0%, #cc3333 100% );--color-background-primary: #fafbfc;--color-background-secondary: #ffffff;--color-background-tertiary: #f8fafc;--color-background-elevated: #ffffff;--color-background-overlay: rgba(15, 23, 42, .7);--color-background-tooltip: #374151;--color-nav-background: #ffffff;--color-nav-border: #e2e8f0;--color-nav-text: #64748b;--color-nav-text-active: #ff5d5d;--color-nav-hover: #f8fafc;--color-card-background: #ffffff;--color-card-border: #e2e8f0;--color-card-hover: #f8fafc;--color-card-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 1px 2px 0 rgba(0, 0, 0, .02);--color-card-shadow-hover: 0 4px 16px 0 rgba(0, 0, 0, .1), 0 2px 6px 0 rgba(0, 0, 0, .04);--font-size-xs: clamp(.6rem, 1.2vw + .4rem, .8rem);--font-size-sm: clamp(.7rem, 1.4vw + .5rem, .9rem);--font-size-base: clamp(.8rem, 1.6vw + .6rem, 1rem);--font-size-lg: clamp(.9rem, 1.8vw + .7rem, 1.2rem);--font-size-xl: clamp(1rem, 2vw + .8rem, 1.4rem);--font-size-2xl: clamp(1.2rem, 2.5vw + 1rem, 1.8rem);--font-size-3xl: clamp(1.5rem, 3.2vw + 1.2rem, 2.4rem);--font-size-4xl: clamp(1.8rem, 4vw + 1.5rem, 3rem);--line-height-relaxed: 1.75;--border-radius-sm: .375rem;--border-radius: .5rem;--border-radius-md: .625rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--border-radius-2xl: 1.25rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-floating: 1035;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--color-secondary: #6c7293;--color-secondary-dark: #5a5f7a;--color-secondary-light: #8b8fab;--color-secondary-lighter: #b8bdd6;--color-secondary-lightest: #e8eaf2;--color-success: #22c55e;--color-success-dark: #16a34a;--color-success-light: #4ade80;--color-success-lighter: #86efac;--color-success-lightest: #dcfce7;--color-success-bg: rgba(34, 197, 94, .1);--color-success-border: #22c55e;--color-warning: #f59e0b;--color-warning-dark: #d97706;--color-warning-light: #fbbf24;--color-warning-lighter: #fcd34d;--color-warning-lightest: #fef3c7;--color-error: #dc3545;--color-error-dark: #b02a37;--color-error-light: #e57373;--color-error-lighter: #ef9a9a;--color-error-lightest: #ffebee;--color-error-bg: rgba(220, 53, 69, .1);--color-error-border: #dc3545;--color-info: #3b82f6;--color-info-dark: #2563eb;--color-info-light: #60a5fa;--color-info-lighter: #93c5fd;--color-info-lightest: #dbeafe;--color-primary-alpha: rgba(255, 93, 93, .1);--color-secondary-alpha: rgba(108, 114, 147, .1);--color-success-alpha: rgba(34, 197, 94, .1);--color-warning-alpha: rgba(245, 158, 11, .1);--color-error-alpha: rgba(220, 53, 69, .1);--color-info-alpha: rgba(59, 130, 246, .1);--color-neutral-alpha: rgba(100, 116, 139, .1);--color-surface-alpha: rgba(248, 250, 252, .5);--color-background: #ffffff;--color-surface: #fafbfc;--color-surface-elevated: #ffffff;--color-surface-secondary: #f1f5f9;--color-surface-hover: #f5f7fa;--color-surface-active: #e2e8f0;--color-surface-disabled: #f8fafc;--color-text: #1e293b;--color-text-primary: #1e293b;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--color-text-disabled: #cbd5e1;--color-text-inverse: #ffffff;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-border-dark: #cbd5e1;--color-border-focus: #ff5d5d;--color-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--color-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--color-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--color-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--color-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--color-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-sm: var(--color-shadow-sm);--shadow: var(--color-shadow);--shadow-md: var(--color-shadow-md);--shadow-lg: var(--color-shadow-lg);--shadow-xl: var(--color-shadow-xl);--shadow-2xl: var(--color-shadow-2xl);--gradient-primary: linear-gradient(135deg, #ff5d5d 0%, #e04545 100%);--gradient-secondary: linear-gradient(135deg, #6c7293 0%, #5a5f7a 100%);--gradient-success: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-error: linear-gradient(135deg, #dc3545 0%, #b02a37 100%);--gradient-info: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--gradient-surface: linear-gradient(135deg, #fafbfc 0%, #f5f7fa 100%);--gradient-subtle: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);--gradient-background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);--gradient-background-dark: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--gradient-surface: linear-gradient( 135deg, rgba(255, 255, 255, .95) 0%, rgba(248, 250, 252, .9) 100% );--gradient-surface-dark: linear-gradient( 135deg, rgba(30, 41, 59, .95) 0%, rgba(15, 23, 42, .9) 100% );--spacing-compact-xs: .125rem;--spacing-compact-sm: .25rem;--spacing-compact-md: .5rem;--spacing-compact-lg: .75rem;--spacing-compact-xl: 1rem;--font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-secondary: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "SF Mono", "Monaco", "Cascadia Code", "Roboto Mono", "Consolas", "Liberation Mono", "Menlo", monospace;--font-weight-thin: 100;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--spacing-0: 0;--spacing-px: 1px;--spacing-0-5: .125rem;--spacing-1: .25rem;--spacing-1-5: .375rem;--spacing-2: .5rem;--spacing-2-5: .625rem;--spacing-3: .75rem;--spacing-3-5: .875rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-28: 7rem;--spacing-32: 8rem;--spacing-xs: var(--spacing-1);--spacing-sm: var(--spacing-2);--spacing-md: var(--spacing-4);--spacing-lg: var(--spacing-6);--spacing-xl: var(--spacing-8);--spacing-xxl: var(--spacing-12);--border-radius-none: 0;--border-radius-sm: .125rem;--border-radius-base: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-radius-2xl: 1rem;--border-radius-3xl: 1.5rem;--transition-none: none;--transition-all: all .15s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .1s cubic-bezier(.4, 0, .2, 1);--transition-medium: all .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: all .15s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--transition-slower: all .5s cubic-bezier(.4, 0, .2, 1);--z-index-auto: auto;--z-index-0: 0;--z-index-10: 10;--z-index-20: 20;--z-index-30: 30;--z-index-40: 40;--z-index-50: 50;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--z-index-toast: 1080;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 12px;--border-radius-2xl: 16px;--border-radius-full: 9999px}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;padding:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border:1px solid transparent;border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1;text-decoration:none;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;-webkit-user-select:none;user-select:none;background:transparent}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--color-background-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-dark)}.btn-sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-base)}.card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);box-shadow:var(--shadow);transition:all var(--transition-normal);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{padding:var(--spacing-6);border-bottom:1px solid var(--color-border);background:var(--color-surface-secondary)}.card-body{padding:var(--spacing-6)}.card-footer{padding:var(--spacing-6);border-top:1px solid var(--color-border);background:var(--color-surface-secondary)}.form-group{margin-bottom:var(--spacing-6)}.form-label{display:block;margin-bottom:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.form-input{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-surface-elevated);transition:all var(--transition-normal)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ff5d5d1a}.grid{display:grid;gap:clamp(.75rem,2vw,1.5rem);width:100%}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.grid-cols-8{grid-template-columns:repeat(8,1fr)}.grid-cols-12{grid-template-columns:repeat(12,1fr)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))}@media (min-width: 2561px){.grid-cols-6{grid-template-columns:repeat(8,1fr)}.grid-cols-8{grid-template-columns:repeat(10,1fr)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}}@media (min-width: 1921px) and (max-width: 2560px){.grid-cols-6{grid-template-columns:repeat(6,1fr)}.grid-cols-8{grid-template-columns:repeat(8,1fr)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}}@media (min-width: 1441px) and (max-width: 1920px){.grid-cols-6{grid-template-columns:repeat(5,1fr)}.grid-cols-8{grid-template-columns:repeat(6,1fr)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))}}@media (min-width: 1025px) and (max-width: 1440px){.grid{gap:clamp(.625rem,1.8vw,1.25rem)}.grid-cols-4{grid-template-columns:repeat(3,1fr)}.grid-cols-5,.grid-cols-6{grid-template-columns:repeat(4,1fr)}.grid-cols-8{grid-template-columns:repeat(5,1fr)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr))}}@media (min-width: 769px) and (max-width: 1024px){.grid{gap:clamp(.5rem,1.5vw,1rem)}.grid-cols-3{grid-template-columns:repeat(2,1fr)}.grid-cols-4,.grid-cols-5,.grid-cols-6{grid-template-columns:repeat(3,1fr)}.grid-cols-8{grid-template-columns:repeat(4,1fr)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))}}@media (min-width: 481px) and (max-width: 768px){.grid{gap:clamp(.5rem,2vw,.875rem)}.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-5,.grid-cols-6,.grid-cols-8{grid-template-columns:repeat(2,1fr)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}}@media (max-width: 480px){.grid{gap:clamp(.375rem,4vw,.75rem)}.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-5,.grid-cols-6,.grid-cols-8,.grid-cols-12,.grid-auto-fit,.grid-auto-fill{grid-template-columns:1fr}}.text-secondary{color:var(--color-text-secondary)}.rounded{border-radius:var(--border-radius-lg)}.rounded-lg{border-radius:var(--border-radius-xl)}.rounded-xl{border-radius:var(--border-radius-2xl)}.shadow{box-shadow:var(--shadow)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1}.badge-success{background:var(--color-success-lightest);color:var(--color-success-dark)}.badge-warning{background:var(--color-warning-lightest);color:var(--color-warning-dark)}.badge-error{background:var(--color-error-lightest);color:var(--color-error-dark)}.badge-info{background:var(--color-info-lightest);color:var(--color-info-dark)}.badge-primary{background:var(--color-primary-lightest);color:var(--color-primary-dark)}.ticket-status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em;line-height:1;color:#fff;border:1px solid transparent}.ticket-status-badge.raised{background-color:#dc3545;border-color:#dc3545}.ticket-status-badge.pending-approval{background-color:#ffc107;border-color:#ffc107;color:#fff}.ticket-status-badge.resolved{background-color:#28a745;border-color:#28a745}.ticket-status-badge.approved{background-color:#198754;border-color:#198754}.ticket-status-badge.rejected{background-color:#dc3545;border-color:#dc3545}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-12);min-height:200px}.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:1rem}.loading-container p{color:var(--color-text-secondary);margin:0;font-size:.9rem}*{margin:0;padding:0;box-sizing:border-box}*:before,*:after{box-sizing:border-box}html{font-size:16px;line-height:var(--line-height-normal);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text);background:var(--gradient-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}.compact-layout{min-height:100vh;width:100%;max-width:100%;padding:var(--spacing-4);background-color:var(--color-background);overflow-x:auto;font-size:var(--font-size-sm);line-height:1.4}.compact-navigation{background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border);padding:var(--spacing-2) var(--spacing-4);margin-bottom:var(--spacing-4);display:flex;gap:var(--spacing-3);align-items:center;overflow-x:auto;white-space:nowrap}.compact-nav-item{padding:var(--spacing-2) var(--spacing-3);background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--border-radius-sm);transition:var(--transition-fast);font-size:var(--font-size-sm);text-decoration:none;display:flex;align-items:center;gap:var(--spacing-2);line-height:1.4}.compact-nav-item:hover{background:var(--color-surface-hover);color:var(--color-text)}.compact-nav-item.active{background:var(--color-primary);color:var(--color-text-inverse)}.compact-nav-divider{width:1px;height:var(--spacing-4);background:var(--color-border);margin:0 var(--spacing-1)}.compact-user-info{margin-left:auto;display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background:var(--color-surface);border-radius:var(--border-radius-sm);border:1px solid var(--color-border)}.compact-user-info .user-name{font-weight:var(--font-weight-medium);color:var(--color-text)}.compact-user-info .user-role{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.compact-logout{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-2);border-radius:var(--border-radius-sm);transition:var(--transition-fast)}.compact-logout:hover{background:var(--color-error-lightest);color:var(--color-error)}.compact-logo{display:flex;align-items:center;gap:var(--spacing-2);margin-right:var(--spacing-4);font-weight:var(--font-weight-bold);color:var(--color-primary);text-decoration:none}.compact-logo:hover{color:var(--color-primary-dark)}@media (max-width: 768px){.compact-navigation{flex-wrap:wrap;gap:var(--spacing-0-5)}.compact-user-info{order:-1;width:100%;margin-left:0;margin-bottom:var(--spacing-1)}.compact-nav-item{font-size:var(--font-size-xs);padding:var(--spacing-0-5) var(--spacing-1)}}.compact-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-3);box-shadow:var(--shadow-sm)}.compact-grid{display:grid;gap:var(--spacing-3);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.compact-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.compact-table th,.compact-table td{padding:var(--spacing-2) var(--spacing-3);text-align:left;border-bottom:1px solid var(--color-border);vertical-align:top}.compact-table th{background-color:var(--color-surface);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.compact-table tr:hover{background-color:var(--color-surface-hover)}.compact-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border)}.compact-header h1{font-size:var(--font-size-xl);margin-bottom:0;color:var(--color-text)}.compact-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.compact-stat{background:var(--color-surface-elevated);padding:var(--spacing-3);border-radius:var(--border-radius-md);text-align:center;border:1px solid var(--color-border)}.compact-stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-1)}.compact-stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.compact-btn{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-surface-elevated);color:var(--color-text);cursor:pointer;transition:var(--transition-fast);line-height:1.4}.compact-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.compact-btn-primary{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.compact-btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.compact-search{flex:1;max-width:400px;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);background:var(--color-surface-elevated)}.compact-search:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha)}.compact-badge{display:inline-block;padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm);text-transform:uppercase;letter-spacing:.05em}.compact-badge-success{background:var(--color-success-lightest);color:var(--color-success-dark)}.compact-badge-warning{background:var(--color-warning-lightest);color:var(--color-warning-dark)}.compact-badge-error{background:var(--color-error-lightest);color:var(--color-error-dark)}.compact-badge-info{background:var(--color-info-lightest);color:var(--color-info-dark)}.compact-badge-secondary{background:var(--color-secondary-lightest);color:var(--color-secondary-dark)}.search-filters{display:flex;gap:var(--spacing-2);align-items:center;flex-wrap:wrap;margin-bottom:var(--spacing-2)}.search-group{display:flex;align-items:center;position:relative;flex:1;min-width:200px}.search-icon{position:absolute;left:var(--spacing-2);color:var(--color-text-secondary);pointer-events:none}.search-group .compact-search{padding-left:var(--spacing-8)}.ticket-title{font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-0-5)}.ticket-description{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.ticket-actions{display:flex;gap:var(--spacing-1)}.ticket-actions .compact-btn{padding:var(--spacing-0-5);min-width:auto}.no-tickets{text-align:center;color:var(--color-text-secondary);padding:var(--spacing-6);font-style:italic}.compact-table{font-size:var(--font-size-sm)}.compact-table th{white-space:nowrap}.compact-table td{max-width:200px;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1200px){.compact-table{display:block;overflow-x:auto;white-space:nowrap}.compact-table thead,.compact-table tbody,.compact-table th,.compact-table td,.compact-table tr{display:block}.compact-table thead tr{position:absolute;top:-9999px;left:-9999px}.compact-table tr{border:1px solid var(--color-border);padding:var(--spacing-2);margin-bottom:var(--spacing-2);border-radius:var(--border-radius-md)}.compact-table td{border:none;position:relative;padding:var(--spacing-1) var(--spacing-2);padding-left:30%;max-width:none}.compact-table td:before{content:attr(data-label);position:absolute;left:var(--spacing-2);width:25%;padding-right:var(--spacing-2);white-space:nowrap;font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-secondary);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text);margin-bottom:var(--spacing-4);letter-spacing:-.025em}h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}p{margin-bottom:var(--spacing-4);line-height:var(--line-height-relaxed)}a{color:var(--color-primary);text-decoration:none;transition:var(--transition-fast);border-radius:var(--border-radius-sm);outline:none}a:hover{color:var(--color-primary-dark);text-decoration:underline}a:focus{outline:2px solid var(--color-primary);outline-offset:2px}a:focus:not(:focus-visible){outline:none}code{font-family:var(--font-family-mono);font-size:var(--font-size-sm);background-color:var(--color-surface);color:var(--color-text);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);border:1px solid var(--color-border);font-weight:var(--font-weight-medium)}pre{font-family:var(--font-family-mono);font-size:var(--font-size-sm);background-color:var(--color-surface);color:var(--color-text);padding:var(--spacing-4);border-radius:var(--border-radius-lg);border:1px solid var(--color-border);overflow-x:auto;margin-bottom:var(--spacing-4);line-height:var(--line-height-relaxed)}pre code{background:transparent;padding:0;border:none;font-size:inherit}ul,ol{margin-bottom:var(--spacing-4);padding-left:var(--spacing-6)}li{margin-bottom:var(--spacing-1);line-height:var(--line-height-relaxed)}table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-6);background-color:var(--color-surface-elevated);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--color-shadow)}th,td{padding:var(--spacing-3) var(--spacing-4);text-align:left;border-bottom:1px solid var(--color-border)}th{font-weight:var(--font-weight-semibold);background-color:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em}tr:hover{background-color:var(--color-surface-hover)}input,textarea,select,button{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}input:focus,textarea:focus,select:focus,button:focus{outline:2px solid var(--color-primary);outline-offset:2px}input:focus:not(:focus-visible),textarea:focus:not(:focus-visible),select:focus:not(:focus-visible),button:focus:not(:focus-visible){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}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.font-thin{font-weight:var(--font-weight-thin)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.font-black{font-weight:var(--font-weight-black)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.text-6xl{font-size:var(--font-size-6xl)}.text-primary{color:var(--color-primary)}.text-primary-dark{color:var(--color-primary-dark)}.text-primary-light{color:var(--color-primary-light)}.text-secondary{color:var(--color-secondary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.text-muted{color:var(--color-text-muted)}.text-disabled{color:var(--color-text-disabled)}.text-inverse{color:var(--color-text-inverse)}.bg-primary{background-color:var(--color-primary)}.bg-primary-light{background-color:var(--color-primary-light)}.bg-primary-lighter{background-color:var(--color-primary-lighter)}.bg-primary-lightest{background-color:var(--color-primary-lightest)}.bg-secondary{background-color:var(--color-secondary)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-error{background-color:var(--color-error)}.bg-info{background-color:var(--color-info)}.bg-surface{background-color:var(--color-surface)}.bg-surface-elevated{background-color:var(--color-surface-elevated)}.bg-surface-hover{background-color:var(--color-surface-hover)}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-secondary{background:var(--gradient-secondary)}.bg-gradient-success{background:var(--gradient-success)}.bg-gradient-warning{background:var(--gradient-warning)}.bg-gradient-error{background:var(--gradient-error)}.bg-gradient-info{background:var(--gradient-info)}.bg-gradient-surface{background:var(--gradient-surface)}.border{border:1px solid var(--color-border)}.border-2{border:2px solid var(--color-border)}.border-t{border-top:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-l{border-left:1px solid var(--color-border)}.border-r{border-right:1px solid var(--color-border)}.border-primary{border-color:var(--color-primary)}.border-secondary{border-color:var(--color-secondary)}.border-success{border-color:var(--color-success)}.border-warning{border-color:var(--color-warning)}.border-error{border-color:var(--color-error)}.border-info{border-color:var(--color-info)}.rounded-none{border-radius:var(--border-radius-none)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded{border-radius:var(--border-radius-base)}.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-2xl{border-radius:var(--border-radius-2xl)}.rounded-full{border-radius:var(--border-radius-full)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--color-shadow-sm)}.shadow{box-shadow:var(--color-shadow)}.shadow-md{box-shadow:var(--color-shadow-md)}.shadow-lg{box-shadow:var(--color-shadow-lg)}.shadow-xl{box-shadow:var(--color-shadow-xl)}.shadow-2xl{box-shadow:var(--color-shadow-2xl)}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.inline-grid{display:inline-grid}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.content-start{align-content:flex-start}.content-center{align-content:center}.content-end{align-content:flex-end}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-evenly{align-content:space-evenly}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.grow{flex-grow:1}.grow-0{flex-grow:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.gap-0{gap:0}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.gap-10{gap:var(--spacing-10)}.gap-12{gap:var(--spacing-12)}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.d-grid{display:grid}.flex-column{flex-direction:column}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.m-0{margin:0}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-5{margin:var(--spacing-5)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.m-10{margin:var(--spacing-10)}.m-12{margin:var(--spacing-12)}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:var(--spacing-1);margin-right:var(--spacing-1)}.mx-2{margin-left:var(--spacing-2);margin-right:var(--spacing-2)}.mx-3{margin-left:var(--spacing-3);margin-right:var(--spacing-3)}.mx-4{margin-left:var(--spacing-4);margin-right:var(--spacing-4)}.mx-5{margin-left:var(--spacing-5);margin-right:var(--spacing-5)}.mx-6{margin-left:var(--spacing-6);margin-right:var(--spacing-6)}.mx-8{margin-left:var(--spacing-8);margin-right:var(--spacing-8)}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:var(--spacing-1);margin-bottom:var(--spacing-1)}.my-2{margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}.my-3{margin-top:var(--spacing-3);margin-bottom:var(--spacing-3)}.my-4{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4)}.my-5{margin-top:var(--spacing-5);margin-bottom:var(--spacing-5)}.my-6{margin-top:var(--spacing-6);margin-bottom:var(--spacing-6)}.my-8{margin-top:var(--spacing-8);margin-bottom:var(--spacing-8)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-5{margin-top:var(--spacing-5)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mt-10{margin-top:var(--spacing-10)}.mt-12{margin-top:var(--spacing-12)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-5{margin-bottom:var(--spacing-5)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.mb-10{margin-bottom:var(--spacing-10)}.mb-12{margin-bottom:var(--spacing-12)}.ml-0{margin-left:0}.ml-1{margin-left:var(--spacing-1)}.ml-2{margin-left:var(--spacing-2)}.ml-3{margin-left:var(--spacing-3)}.ml-4{margin-left:var(--spacing-4)}.ml-5{margin-left:var(--spacing-5)}.ml-6{margin-left:var(--spacing-6)}.ml-8{margin-left:var(--spacing-8)}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-1{margin-right:var(--spacing-1)}.mr-2{margin-right:var(--spacing-2)}.mr-3{margin-right:var(--spacing-3)}.mr-4{margin-right:var(--spacing-4)}.mr-5{margin-right:var(--spacing-5)}.mr-6{margin-right:var(--spacing-6)}.mr-8{margin-right:var(--spacing-8)}.mr-auto{margin-right:auto}.p-0{padding:0}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.p-10{padding:var(--spacing-10)}.p-12{padding:var(--spacing-12)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-5{padding-left:var(--spacing-5);padding-right:var(--spacing-5)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.py-5{padding-top:var(--spacing-5);padding-bottom:var(--spacing-5)}.py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing-1)}.pt-2{padding-top:var(--spacing-2)}.pt-3{padding-top:var(--spacing-3)}.pt-4{padding-top:var(--spacing-4)}.pt-5{padding-top:var(--spacing-5)}.pt-6{padding-top:var(--spacing-6)}.pt-8{padding-top:var(--spacing-8)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--spacing-1)}.pb-2{padding-bottom:var(--spacing-2)}.pb-3{padding-bottom:var(--spacing-3)}.pb-4{padding-bottom:var(--spacing-4)}.pb-5{padding-bottom:var(--spacing-5)}.pb-6{padding-bottom:var(--spacing-6)}.pb-8{padding-bottom:var(--spacing-8)}.pl-0{padding-left:0}.pl-1{padding-left:var(--spacing-1)}.pl-2{padding-left:var(--spacing-2)}.pl-3{padding-left:var(--spacing-3)}.pl-4{padding-left:var(--spacing-4)}.pl-5{padding-left:var(--spacing-5)}.pl-6{padding-left:var(--spacing-6)}.pl-8{padding-left:var(--spacing-8)}.pr-0{padding-right:0}.pr-1{padding-right:var(--spacing-1)}.pr-2{padding-right:var(--spacing-2)}.pr-3{padding-right:var(--spacing-3)}.pr-4{padding-right:var(--spacing-4)}.pr-5{padding-right:var(--spacing-5)}.pr-6{padding-right:var(--spacing-6)}.pr-8{padding-right:var(--spacing-8)}@media (min-width: 640px){.sm\:block{display:block}.sm\:hidden{display:none}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:text-sm{font-size:var(--font-size-sm)}.sm\:text-base{font-size:var(--font-size-base)}.sm\:text-lg{font-size:var(--font-size-lg)}.sm\:p-4{padding:var(--spacing-4)}.sm\:p-6{padding:var(--spacing-6)}.sm\:m-4{margin:var(--spacing-4)}.sm\:m-6{margin:var(--spacing-6)}}@media (min-width: 768px){.md\:block{display:block}.md\:hidden{display:none}.md\:flex{display:flex}.md\:grid{display:grid}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:text-base{font-size:var(--font-size-base)}.md\:text-lg{font-size:var(--font-size-lg)}.md\:text-xl{font-size:var(--font-size-xl)}.md\:p-6{padding:var(--spacing-6)}.md\:p-8{padding:var(--spacing-8)}.md\:m-6{margin:var(--spacing-6)}.md\:m-8{margin:var(--spacing-8)}}@media (min-width: 1024px){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:flex-row{flex-direction:row}.lg\:text-lg{font-size:var(--font-size-lg)}.lg\:text-xl{font-size:var(--font-size-xl)}.lg\:text-2xl{font-size:var(--font-size-2xl)}.lg\:p-8{padding:var(--spacing-8)}.lg\:p-10{padding:var(--spacing-10)}.lg\:m-8{margin:var(--spacing-8)}.lg\:m-10{margin:var(--spacing-10)}}@media (min-width: 1280px){.xl\:block{display:block}.xl\:hidden{display:none}.xl\:flex{display:flex}.xl\:grid{display:grid}.xl\:text-xl{font-size:var(--font-size-xl)}.xl\:text-2xl{font-size:var(--font-size-2xl)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-20px,0)}70%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,-4px,0)}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-fadeOut{animation:fadeOut .3s ease-out}.animate-slideInUp{animation:slideInUp .3s ease-out}.animate-slideInDown{animation:slideInDown .3s ease-out}.animate-slideInLeft{animation:slideInLeft .3s ease-out}.animate-slideInRight{animation:slideInRight .3s ease-out}.animate-scaleIn{animation:scaleIn .2s ease-out}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s infinite}.animate-bounce{animation:bounce 1s infinite}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:var(--border-radius-full);transition:var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}*:focus{outline:2px solid var(--color-primary);outline-offset:2px}*:focus:not(:focus-visible){outline:none}::selection{background-color:var(--color-primary-lightest);color:var(--color-primary-dark)}.loading{position:relative;pointer-events:none}.loading:before{content:"";position:absolute;inset:0;background:#ffffffb3;z-index:1}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin-left:-10px;margin-top:-10px;border:2px solid var(--color-primary);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite;z-index:2}.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}[data-theme=dark]{--color-primary: #ff6b6b;--color-primary-dark: #ff5252;--color-primary-light: #ff8a8a;--color-background: #0f172a;--color-background-dark: #0f172a;--color-surface: #1e293b;--color-surface-dark: #1e293b;--color-surface-secondary: #334155;--color-surface-secondary-dark: #334155;--color-surface-elevated: #334155;--color-surface-hover: #475569;--color-surface-alpha: rgba(30, 41, 59, .5);--color-surface-alpha-dark: rgba(30, 41, 59, .5);--color-text: #f1f5f9;--color-text-primary: #f1f5f9;--color-text-primary-dark: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-secondary-dark: #94a3b8;--color-text-muted: #64748b;--color-border: #334155;--color-border-dark: #475569;--color-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px 0 rgba(0, 0, 0, .2);--color-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--color-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2)}@media print{*{color:#000!important;background:#fff!important;box-shadow:none!important}.no-print{display:none!important}.print-only{display:block!important}h1,h2,h3,h4,h5,h6{page-break-after:avoid}p,li{page-break-inside:avoid}img{max-width:100%!important;page-break-inside:avoid}table{page-break-inside:avoid}}.visually-hidden{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}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){:root{--color-border: #000;--color-text: #000;--color-background: #fff}[data-theme=dark]{--color-border: #fff;--color-text: #fff;--color-background: #000}}.compact-sla-metrics{display:flex;flex-direction:column;gap:12px}.compact-sla-metric{display:flex;align-items:center;gap:12px}.compact-sla-label{min-width:180px;font-size:14px;color:var(--text-secondary)}.compact-sla-bar{flex:1;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden}.compact-sla-progress{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px;transition:width .3s ease}.compact-sla-value{min-width:50px;text-align:right;font-weight:500;color:var(--text-primary)}.compact-device-info{display:flex;align-items:center;gap:8px}.compact-device-icon{font-size:16px}.compact-device-name{font-weight:500;color:var(--text-primary)}.compact-device-location{font-size:12px;color:var(--text-secondary)}.compact-bandwidth{display:flex;flex-direction:column;gap:4px}.compact-bandwidth-bar{width:60px;height:6px;background:var(--border-color);border-radius:3px;overflow:hidden}.compact-bandwidth-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:3px}.compact-bandwidth-text{font-size:11px;color:var(--text-secondary)}.compact-alerts{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.compact-alert{padding:12px;border-radius:6px;border-left:4px solid}.compact-alert-critical{background:#fef2f2;border-left-color:var(--color-error)}.compact-alert-warning{background:#fffbeb;border-left-color:#f59e0b}.compact-alert-info{background:#f0f9ff;border-left-color:#3b82f6}.compact-alert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.compact-alert-device{font-weight:500;color:var(--text-primary)}.compact-alert-time{font-size:12px;color:var(--text-secondary)}.compact-alert-message{font-size:14px;color:var(--text-primary);margin-bottom:8px}.compact-alert-actions{display:flex;gap:8px}.compact-topology{display:flex;flex-direction:column;align-items:center;padding:20px;gap:16px}.compact-topology-node{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;border-radius:8px;background:var(--surface-color);border:2px solid var(--border-color)}.compact-topology-icon{font-size:24px}.compact-topology-label{font-size:12px;color:var(--text-secondary)}.compact-topology-connections{display:flex;gap:20px}.compact-topology-line{width:2px;height:20px;background:var(--border-color)}.compact-topology-devices{display:flex;gap:40px}.compact-category-list{display:flex;flex-direction:column;gap:8px}.compact-category-item{display:flex;align-items:center;gap:8px;padding:8px;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.compact-category-item:hover{background:var(--surface-color)}.compact-category-icon{font-size:16px}.compact-category-name{flex:1;font-size:14px;color:var(--text-primary)}.compact-category-count{font-size:12px;color:var(--text-secondary);background:var(--surface-color);padding:2px 6px;border-radius:10px}.compact-article-list{display:flex;flex-direction:column;gap:12px}.compact-article-item{padding:12px;border-radius:6px;background:var(--surface-color);border:1px solid var(--border-color)}.compact-article-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.compact-article-title{font-weight:500;color:var(--text-primary);flex:1}.compact-article-views{font-size:12px;color:var(--text-secondary)}.compact-article-meta{display:flex;justify-content:space-between;align-items:center}.compact-article-category{font-size:12px;color:var(--text-secondary)}.compact-article-rating{font-size:12px;color:#fbbf24}.compact-article-author,.compact-article-date{font-size:12px;color:var(--text-secondary)}.compact-article-status{font-size:12px;font-weight:500}.compact-article-title-cell{display:flex;flex-direction:column;gap:4px}.compact-article-summary{font-size:12px;color:var(--text-secondary)}.compact-category-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--surface-color);border-radius:12px;font-size:12px;color:var(--text-secondary)}.compact-status-badge{font-size:12px;font-weight:500;text-transform:capitalize}.compact-rating{display:flex;align-items:center;gap:4px}.compact-rating-value{font-size:12px;color:var(--text-secondary)}.compact-settings-layout{display:grid;grid-template-columns:250px 1fr;gap:24px;min-height:500px}.compact-settings-sidebar{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:16px}.compact-settings-nav{display:flex;flex-direction:column;gap:4px}.compact-settings-nav-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:6px;border:none;background:none;cursor:pointer;transition:background-color .2s ease;width:100%;text-align:left}.compact-settings-nav-item:hover{background:#3b82f61a}.compact-settings-nav-item.active{background:var(--primary-color);color:#fff}.compact-settings-nav-icon{font-size:16px}.compact-settings-nav-text{font-size:14px;font-weight:500}.compact-settings-content{min-height:100%}.compact-settings-section{padding:0}.compact-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.compact-form-group{display:flex;flex-direction:column;gap:6px}.compact-form-group label{font-size:14px;font-weight:500;color:var(--text-primary)}.compact-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.compact-integrations{display:flex;flex-direction:column;gap:16px;margin-top:20px}.compact-integration-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid var(--border-color);border-radius:8px}.compact-integration-info h4{margin:0 0 4px;font-size:16px;color:var(--text-primary)}.compact-integration-info p{margin:0;font-size:14px;color:var(--text-secondary)}.compact-integration-status,.compact-user-info{display:flex;align-items:center;gap:12px}.compact-user-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:14px}.compact-user-details{display:flex;flex-direction:column;gap:2px}.compact-user-name{font-weight:500;color:var(--text-primary)}.compact-user-email{font-size:12px;color:var(--text-secondary)}.compact-user-location{font-size:11px;color:var(--text-secondary)}.compact-role-badge{font-size:12px;font-weight:500;text-transform:capitalize}.compact-last-login{font-size:12px;color:var(--text-secondary)}.compact-ticket-stats{display:flex;flex-direction:column;gap:2px}.compact-ticket-created,.compact-ticket-resolved{font-size:11px;color:var(--text-secondary)}.compact-role-chart,.compact-department-chart{display:flex;flex-direction:column;gap:12px}.compact-role-item,.compact-department-item{display:flex;align-items:center;gap:8px}.compact-role-info{display:flex;align-items:center;gap:8px;min-width:80px}.compact-role-dot{width:8px;height:8px;border-radius:50%}.compact-role-name,.compact-department-name{font-size:12px;color:var(--text-secondary);min-width:60px}.compact-role-bar,.compact-department-bar{flex:1;height:6px;background:var(--border-color);border-radius:3px;overflow:hidden}.compact-role-fill,.compact-department-fill{height:100%;background:var(--primary-color);border-radius:3px}.compact-role-count,.compact-department-count{font-size:12px;color:var(--text-secondary);min-width:30px;text-align:right}.compact-status{width:8px;height:8px;border-radius:50%;display:inline-block}.compact-status-healthy,.compact-status-success{background:#10b981}.compact-status-warning{background:#f59e0b}.compact-status-danger{background:var(--color-error)}.compact-status-info,.compact-status-primary{background:#3b82f6}@media (max-width: 1024px){.compact-settings-layout,.compact-form-grid{grid-template-columns:1fr}.compact-topology-devices{flex-wrap:wrap;gap:20px}}@media (max-width: 768px){.compact-header{flex-direction:column;gap:16px}.compact-grid-2,.compact-grid-3,.compact-grid-4{grid-template-columns:1fr}.compact-table-container{overflow-x:auto}.compact-user-info{flex-direction:column;align-items:flex-start;gap:8px}}.side-nav.collapsed+.app-content{margin-left:70px}@media (max-width: 768px){.app-content{margin-left:0!important}.side-nav{transform:translate(-100%);transition:transform .3s ease}.side-nav.mobile-open{transform:translate(0)}}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:199;display:none}@media (max-width: 768px){.sidebar-overlay{display:block}}:root{--gradient-background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--gradient-background-dark: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--gradient-surface: linear-gradient( 135deg, rgba(255, 255, 255, .95) 0%, rgba(248, 250, 252, .9) 100% );--gradient-surface-dark: linear-gradient( 135deg, rgba(30, 41, 59, .95) 0%, rgba(15, 23, 42, .9) 100% );--spacing-compact-xs: .125rem;--spacing-compact-sm: .25rem;--spacing-compact-md: .5rem;--spacing-compact-lg: .75rem;--spacing-compact-xl: 1rem}body{background:var(--gradient-background);min-height:100vh;line-height:1.5}[data-theme=dark] body{background:var(--gradient-background-dark)}.compact-spacing{padding:var(--spacing-compact-md);margin-bottom:var(--spacing-compact-lg)}.compact-spacing-sm{padding:var(--spacing-compact-sm);margin-bottom:var(--spacing-compact-md)}.compact-spacing-lg{padding:var(--spacing-compact-lg);margin-bottom:var(--spacing-compact-xl)}.glass-effect{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}[data-theme=dark] .glass-effect{background:#1e293be6;border:1px solid rgba(71,85,105,.2)}.actions-container{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}@media (max-width: 768px){.actions-container{gap:.375rem;flex-direction:column;align-items:stretch}}.compact-input{color:#222;background:#fff;border:1px solid #b0b0b0;border-radius:4px;padding:8px 12px;font-size:1rem;transition:border-color .2s}.compact-input:focus{border-color:#2563eb;outline:none;background:#f8fafc}h1,.h1{font-size:2.25rem;font-weight:700;margin-bottom:1.5rem;line-height:1.15;color:var(--color-text)}h2,.h2{font-size:1.5rem;font-weight:600;margin-bottom:1.25rem;line-height:1.2;color:var(--color-text)}h3,.h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;line-height:1.25;color:var(--color-text)}h4,.h4{font-size:1.125rem;font-weight:500;margin-bottom:.75rem;line-height:1.3;color:var(--color-text)}p,.body-text{font-size:1rem;font-weight:400;margin-bottom:1rem;line-height:1.7;color:var(--color-text)}.small,.text-small{font-size:.875rem;font-weight:400;color:var(--color-text-secondary)}.tab-list{display:flex;gap:.5rem;margin-bottom:2rem}.tab{font-size:1rem;font-weight:500;color:var(--color-text-secondary);background:transparent;border:none;border-radius:.75rem;padding:.5rem 1.5rem;cursor:pointer;transition:background .2s,color .2s}.tab:hover{background:var(--color-surface-hover);color:var(--color-primary)}.tab.active,.tab[aria-selected=true]{color:var(--color-primary);background:var(--color-surface-secondary);font-weight:700}:root{--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1440px;--breakpoint-3xl: 1920px}.container{width:100%;margin:0 auto;padding:0 clamp(1rem,2vw,2rem)}.container-xs{max-width:100%}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.container-2xl{max-width:1366px}.container-3xl{max-width:1440px}.container-full{max-width:none}.text-responsive-xs{font-size:clamp(.625rem,1.5vw,.75rem)}.text-responsive-sm{font-size:clamp(.75rem,1.8vw,.875rem)}.text-responsive-base{font-size:clamp(.875rem,2vw,1rem)}.text-responsive-lg{font-size:clamp(1rem,2.5vw,1.125rem)}.text-responsive-xl{font-size:clamp(1.125rem,3vw,1.25rem)}.text-responsive-2xl{font-size:clamp(1.25rem,3.5vw,1.5rem)}.text-responsive-3xl{font-size:clamp(1.5rem,4vw,1.875rem)}.p-responsive{padding:clamp(.5rem,2vw,1rem)}.px-responsive{padding-left:clamp(.5rem,2vw,1rem);padding-right:clamp(.5rem,2vw,1rem)}.py-responsive{padding-top:clamp(.5rem,2vw,1rem);padding-bottom:clamp(.5rem,2vw,1rem)}.m-responsive{margin:clamp(.5rem,2vw,1rem)}.mx-responsive{margin-left:clamp(.5rem,2vw,1rem);margin-right:clamp(.5rem,2vw,1rem)}.my-responsive{margin-top:clamp(.5rem,2vw,1rem);margin-bottom:clamp(.5rem,2vw,1rem)}@media (max-width: 768px){.hidden-mobile{display:none!important}.show-mobile{display:block!important}}@media (max-width: 1366px){.hidden-small-laptop{display:none!important}.show-small-laptop{display:block!important}}@media (min-width: 1367px){.hidden-desktop{display:none!important}.show-desktop{display:block!important}}:root{--fluid-space-xs: clamp(.1875rem, .35vw + .125rem, .5rem);--fluid-space-sm: clamp(.375rem, .7vw + .25rem, .875rem);--fluid-space-md: clamp(.625rem, 1.2vw + .4rem, 1.25rem);--fluid-space-lg: clamp(.875rem, 1.8vw + .6rem, 1.75rem);--fluid-space-xl: clamp(1.25rem, 2.5vw + .8rem, 2.5rem);--fluid-space-2xl: clamp(1.75rem, 3.5vw + 1rem, 3.5rem);--fluid-space-3xl: clamp(2.5rem, 5vw + 1.5rem, 5rem);--fluid-text-xs: clamp(.5625rem, .9vw + .4rem, .8125rem);--fluid-text-sm: clamp(.6875rem, 1.1vw + .5rem, .9375rem);--fluid-text-base: clamp(.8125rem, 1.3vw + .6rem, 1.0625rem);--fluid-text-lg: clamp(.9375rem, 1.6vw + .7rem, 1.25rem);--fluid-text-xl: clamp(1.0625rem, 2vw + .8rem, 1.375rem);--fluid-text-2xl: clamp(1.25rem, 2.5vw + 1rem, 1.75rem);--fluid-text-3xl: clamp(1.5rem, 3.2vw + 1.2rem, 2.25rem);--fluid-text-4xl: clamp(1.875rem, 4vw + 1.5rem, 3rem);--fluid-text-5xl: clamp(2.25rem, 5vw + 2rem, 4rem);--sidebar-width-large-desktop: 320px;--sidebar-width-desktop: 280px;--sidebar-width-mid-desktop: 260px;--sidebar-width-laptop: 240px;--sidebar-width-small-laptop: 220px;--sidebar-width-collapsed: 75px;--sidebar-width-collapsed-small: 65px;--sidebar-width-collapsed-mobile: 0px;--header-height-large: 75px;--header-height-desktop: 70px;--header-height-laptop: 65px;--header-height-tablet: 60px;--header-height-mobile: 55px;--bp-mobile: 480px;--bp-tablet: 768px;--bp-laptop-sm: 1024px;--bp-13inch-sm: 1280px;--bp-13inch-std: 1366px;--bp-13inch-lg: 1440px;--bp-24inch: 1920px;--bp-27inch: 2560px;--bp-ultra-wide: 3440px;--container-mobile: min(95vw, 480px);--container-tablet: min(90vw, 768px);--container-laptop: min(92vw, 1200px);--container-13inch: min(94vw, 1320px);--container-desktop: min(96vw, 1680px);--container-large: min(98vw, 2400px);--container-ultra: min(98vw, 3200px);--grid-columns-mobile: 1;--grid-columns-tablet: 2;--grid-columns-laptop: 3;--grid-columns-13inch: 4;--grid-columns-desktop: 5;--grid-columns-24inch: 6;--grid-columns-27inch: 7;--grid-columns-ultra: 8;--touch-target-min: 44px;--touch-target-comfortable: 48px;--touch-target-large: 56px}.responsive-container{width:100%;margin:0 auto;padding:0 var(--fluid-space-md)}.responsive-container-mobile{max-width:var(--container-mobile)}.responsive-container-tablet{max-width:var(--container-tablet)}.responsive-container-laptop{max-width:var(--container-laptop)}.responsive-container-13inch{max-width:var(--container-13inch)}.responsive-container-desktop{max-width:var(--container-desktop)}.responsive-container-large{max-width:var(--container-large)}.responsive-container-ultra{max-width:var(--container-ultra)}.responsive-grid{display:grid;gap:var(--fluid-space-md);width:100%}.responsive-grid-auto{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.responsive-grid-fill{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))}@media (max-width: 480px){.responsive-grid{grid-template-columns:1fr;gap:var(--fluid-space-sm)}.responsive-grid-auto,.responsive-grid-fill{grid-template-columns:1fr}}@media (min-width: 481px) and (max-width: 768px){.responsive-grid-auto{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}.responsive-grid-fill{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}}@media (min-width: 769px) and (max-width: 1024px){.responsive-grid-auto{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.responsive-grid-fill{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))}}@media (min-width: 1025px) and (max-width: 1366px){.responsive-grid-auto{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}.responsive-grid-fill{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr))}}@media (min-width: 1367px) and (max-width: 1920px){.responsive-grid-auto{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.responsive-grid-fill{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))}}@media (min-width: 1921px) and (max-width: 2560px){.responsive-grid-auto{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}.responsive-grid-fill{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}}@media (min-width: 2561px){.responsive-grid-auto{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}.responsive-grid-fill{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}}.responsive-flex{display:flex;gap:var(--fluid-space-md);flex-wrap:wrap}.responsive-flex-col{flex-direction:column}.responsive-flex-nowrap{flex-wrap:nowrap}.responsive-flex-center{align-items:center;justify-content:center}.responsive-flex-between{justify-content:space-between}.responsive-flex-around{justify-content:space-around}.responsive-flex-evenly{justify-content:space-evenly}@media (max-width: 480px){.responsive-stack-mobile{flex-direction:column}}@media (max-width: 768px){.responsive-stack-tablet{flex-direction:column}}@media (max-width: 1024px){.responsive-stack-laptop{flex-direction:column}}@media (max-width: 1366px){.responsive-stack-13inch{flex-direction:column}}display: flex; gap: var(--fluid-space-md); } .responsive-flex-col{flex-direction:column}.responsive-flex-wrap{flex-wrap:wrap}@media (max-width: 1366px){.responsive-flex-stack{flex-direction:column}}.responsive-sidebar{width:var(--sidebar-width-desktop);transition:width var(--transition-normal),transform var(--transition-normal);height:100vh;position:fixed;top:0;left:0;z-index:100;background:var(--color-nav-background);border-right:1px solid var(--color-nav-border);overflow-y:auto;overflow-x:hidden}@media (min-width: 2561px){.responsive-sidebar{width:var(--sidebar-width-large-desktop)}}@media (min-width: 1921px) and (max-width: 2560px){.responsive-sidebar{width:var(--sidebar-width-desktop)}}@media (min-width: 1441px) and (max-width: 1920px){.responsive-sidebar{width:var(--sidebar-width-mid-desktop)}}@media (min-width: 1025px) and (max-width: 1440px){.responsive-sidebar{width:var(--sidebar-width-laptop)}}@media (min-width: 769px) and (max-width: 1024px){.responsive-sidebar{width:var(--sidebar-width-small-laptop)}}@media (max-width: 768px){.responsive-sidebar{width:var(--sidebar-width-desktop);transform:translate(-100%);box-shadow:2px 0 10px #0000001a}.responsive-sidebar.open{transform:translate(0)}}.responsive-sidebar.collapsed{width:var(--sidebar-width-collapsed)}@media (min-width: 1025px) and (max-width: 1366px){.responsive-sidebar.collapsed{width:var(--sidebar-width-collapsed-small)}}@media (max-width: 768px){.responsive-sidebar.collapsed{width:var(--sidebar-width-collapsed-mobile);transform:translate(-100%)}}.responsive-header{height:var(--header-height-desktop);padding:0 var(--fluid-space-lg);display:flex;align-items:center;justify-content:space-between;background:var(--color-background-secondary);border-bottom:1px solid var(--color-border);position:fixed;top:0;left:0;right:0;z-index:50;transition:all var(--transition-normal)}@media (min-width: 2561px){.responsive-header{height:var(--header-height-large);padding:0 var(--fluid-space-2xl)}}@media (min-width: 1921px) and (max-width: 2560px){.responsive-header{height:var(--header-height-desktop);padding:0 var(--fluid-space-xl)}}@media (min-width: 1025px) and (max-width: 1440px){.responsive-header{height:var(--header-height-laptop);padding:0 var(--fluid-space-md)}}@media (min-width: 481px) and (max-width: 768px){.responsive-header{height:var(--header-height-tablet);padding:0 var(--fluid-space-sm)}}@media (max-width: 480px){.responsive-header{height:var(--header-height-mobile);padding:0 var(--fluid-space-xs)}}.responsive-main{margin-left:calc(var(--sidebar-width-desktop) + 1.5rem);transition:margin-left var(--transition-normal);min-height:calc(100vh - var(--header-height-desktop));padding-top:var(--header-height-desktop);width:calc(100% - var(--sidebar-width-desktop) - 1.5rem)}@media (min-width: 2561px){.responsive-main{margin-left:calc(var(--sidebar-width-large-desktop) + 3rem);width:calc(100% - var(--sidebar-width-large-desktop) - 3rem);min-height:calc(100vh - var(--header-height-large));padding-top:var(--header-height-large)}}@media (min-width: 1921px) and (max-width: 2560px){.responsive-main{margin-left:calc(var(--sidebar-width-desktop) + 2rem);width:calc(100% - var(--sidebar-width-desktop) - 2rem)}}@media (min-width: 1441px) and (max-width: 1920px){.responsive-main{margin-left:calc(var(--sidebar-width-mid-desktop) + 1.5rem);width:calc(100% - var(--sidebar-width-mid-desktop) - 1.5rem)}}@media (min-width: 1025px) and (max-width: 1440px){.responsive-main{margin-left:calc(var(--sidebar-width-laptop) + 1.25rem);width:calc(100% - var(--sidebar-width-laptop) - 1.25rem);min-height:calc(100vh - var(--header-height-laptop));padding-top:var(--header-height-laptop)}}@media (min-width: 769px) and (max-width: 1024px){.responsive-main{margin-left:calc(var(--sidebar-width-small-laptop) + 1rem);width:calc(100% - var(--sidebar-width-small-laptop) - 1rem)}}@media (max-width: 768px){.responsive-main{margin-left:0;width:100%;min-height:calc(100vh - var(--header-height-tablet));padding-top:var(--header-height-tablet)}}@media (max-width: 480px){.responsive-main{min-height:calc(100vh - var(--header-height-mobile));padding-top:var(--header-height-mobile)}}.responsive-main.sidebar-collapsed{margin-left:calc(var(--sidebar-width-collapsed) + 1rem);width:calc(100% - var(--sidebar-width-collapsed) - 1rem)}@media (min-width: 1025px) and (max-width: 1366px){.responsive-main.sidebar-collapsed{margin-left:calc(var(--sidebar-width-collapsed-small) + .75rem);width:calc(100% - var(--sidebar-width-collapsed-small) - .75rem)}}@media (max-width: 768px){.responsive-main.sidebar-collapsed{margin-left:0;width:100%}}.responsive-heading-1{font-size:var(--fluid-text-4xl);line-height:1.1;font-weight:800;letter-spacing:-.025em}.responsive-heading-2{font-size:var(--fluid-text-3xl);line-height:1.15;font-weight:700;letter-spacing:-.02em}.responsive-heading-3{font-size:var(--fluid-text-2xl);line-height:1.25;font-weight:600;letter-spacing:-.01em}.responsive-heading-4{font-size:var(--fluid-text-xl);line-height:1.35;font-weight:600}.responsive-heading-5{font-size:var(--fluid-text-lg);line-height:1.45;font-weight:500}.responsive-heading-6{font-size:var(--fluid-text-base);line-height:1.5;font-weight:500}.responsive-body-large{font-size:var(--fluid-text-lg);line-height:1.6;font-weight:400}.responsive-body{font-size:var(--fluid-text-base);line-height:1.6;font-weight:400}.responsive-body-small{font-size:var(--fluid-text-sm);line-height:1.5;font-weight:400}.responsive-caption{font-size:var(--fluid-text-xs);line-height:1.4;font-weight:400}@media (max-width: 480px){.responsive-heading-1,.responsive-heading-2,.responsive-heading-3{line-height:1.2}.responsive-body-large,.responsive-body,.responsive-body-small{line-height:1.5}}.responsive-p-none{padding:0}.responsive-p-xs{padding:var(--fluid-space-xs)}.responsive-p{padding:var(--fluid-space-md)}.responsive-p-xl{padding:var(--fluid-space-xl)}.responsive-p-2xl{padding:var(--fluid-space-2xl)}.responsive-p-3xl{padding:var(--fluid-space-3xl)}.responsive-px-none{padding-left:0;padding-right:0}.responsive-px-xs{padding-left:var(--fluid-space-xs);padding-right:var(--fluid-space-xs)}.responsive-px-sm{padding-left:var(--fluid-space-sm);padding-right:var(--fluid-space-sm)}.responsive-px{padding-left:var(--fluid-space-md);padding-right:var(--fluid-space-md)}.responsive-px-lg{padding-left:var(--fluid-space-lg);padding-right:var(--fluid-space-lg)}.responsive-px-xl{padding-left:var(--fluid-space-xl);padding-right:var(--fluid-space-xl)}.responsive-py-none{padding-top:0;padding-bottom:0}.responsive-py-xs{padding-top:var(--fluid-space-xs);padding-bottom:var(--fluid-space-xs)}.responsive-py-sm{padding-top:var(--fluid-space-sm);padding-bottom:var(--fluid-space-sm)}.responsive-py{padding-top:var(--fluid-space-md);padding-bottom:var(--fluid-space-md)}.responsive-py-lg{padding-top:var(--fluid-space-lg);padding-bottom:var(--fluid-space-lg)}.responsive-py-xl{padding-top:var(--fluid-space-xl);padding-bottom:var(--fluid-space-xl)}.responsive-pt-none{padding-top:0}.responsive-pt-xs{padding-top:var(--fluid-space-xs)}.responsive-pt-sm{padding-top:var(--fluid-space-sm)}.responsive-pt{padding-top:var(--fluid-space-md)}.responsive-pt-lg{padding-top:var(--fluid-space-lg)}.responsive-pt-xl{padding-top:var(--fluid-space-xl)}.responsive-pb-none{padding-bottom:0}.responsive-pb-xs{padding-bottom:var(--fluid-space-xs)}.responsive-pb-sm{padding-bottom:var(--fluid-space-sm)}.responsive-pb{padding-bottom:var(--fluid-space-md)}.responsive-pb-lg{padding-bottom:var(--fluid-space-lg)}.responsive-pb-xl{padding-bottom:var(--fluid-space-xl)}.responsive-pl-none{padding-left:0}.responsive-pl-xs{padding-left:var(--fluid-space-xs)}.responsive-pl-sm{padding-left:var(--fluid-space-sm)}.responsive-pl{padding-left:var(--fluid-space-md)}.responsive-pl-lg{padding-left:var(--fluid-space-lg)}.responsive-pl-xl{padding-left:var(--fluid-space-xl)}.responsive-pr-none{padding-right:0}.responsive-pr-xs{padding-right:var(--fluid-space-xs)}.responsive-pr-sm{padding-right:var(--fluid-space-sm)}.responsive-pr{padding-right:var(--fluid-space-md)}.responsive-pr-lg{padding-right:var(--fluid-space-lg)}.responsive-pr-xl{padding-right:var(--fluid-space-xl)}.responsive-m-none{margin:0}.responsive-m-xs{margin:var(--fluid-space-xs)}.responsive-m{margin:var(--fluid-space-md)}.responsive-m-xl{margin:var(--fluid-space-xl)}.responsive-m-2xl{margin:var(--fluid-space-2xl)}.responsive-m-3xl{margin:var(--fluid-space-3xl)}.responsive-mx-auto{margin-left:auto;margin-right:auto}.responsive-mx-none{margin-left:0;margin-right:0}.responsive-mx-xs{margin-left:var(--fluid-space-xs);margin-right:var(--fluid-space-xs)}.responsive-mx-sm{margin-left:var(--fluid-space-sm);margin-right:var(--fluid-space-sm)}.responsive-mx{margin-left:var(--fluid-space-md);margin-right:var(--fluid-space-md)}.responsive-mx-lg{margin-left:var(--fluid-space-lg);margin-right:var(--fluid-space-lg)}.responsive-mx-xl{margin-left:var(--fluid-space-xl);margin-right:var(--fluid-space-xl)}.responsive-my-none{margin-top:0;margin-bottom:0}.responsive-my-xs{margin-top:var(--fluid-space-xs);margin-bottom:var(--fluid-space-xs)}.responsive-my-sm{margin-top:var(--fluid-space-sm);margin-bottom:var(--fluid-space-sm)}.responsive-my{margin-top:var(--fluid-space-md);margin-bottom:var(--fluid-space-md)}.responsive-my-lg{margin-top:var(--fluid-space-lg);margin-bottom:var(--fluid-space-lg)}.responsive-my-xl{margin-top:var(--fluid-space-xl);margin-bottom:var(--fluid-space-xl)}.responsive-mt-none{margin-top:0}.responsive-mt-xs{margin-top:var(--fluid-space-xs)}.responsive-mt-sm{margin-top:var(--fluid-space-sm)}.responsive-mt{margin-top:var(--fluid-space-md)}.responsive-mt-lg{margin-top:var(--fluid-space-lg)}.responsive-mt-xl{margin-top:var(--fluid-space-xl)}.responsive-mb-none{margin-bottom:0}.responsive-mb-xs{margin-bottom:var(--fluid-space-xs)}.responsive-mb-sm{margin-bottom:var(--fluid-space-sm)}.responsive-mb-lg{margin-bottom:var(--fluid-space-lg)}.responsive-mb-xl{margin-bottom:var(--fluid-space-xl)}.responsive-ml-none{margin-left:0}.responsive-ml-xs{margin-left:var(--fluid-space-xs)}.responsive-ml-sm{margin-left:var(--fluid-space-sm)}.responsive-ml-lg{margin-left:var(--fluid-space-lg)}.responsive-ml-xl{margin-left:var(--fluid-space-xl)}.responsive-mr-none{margin-right:0}.responsive-mr-xs{margin-right:var(--fluid-space-xs)}.responsive-mr-sm{margin-right:var(--fluid-space-sm)}.responsive-mr-lg{margin-right:var(--fluid-space-lg)}.responsive-mr-xl{margin-right:var(--fluid-space-xl)}.responsive-form-container{width:100%;max-width:100%}.responsive-form-field{margin-bottom:var(--fluid-space-md);width:100%}.responsive-form-input,.responsive-form-select,.responsive-form-textarea{width:100%;padding:var(--fluid-space-sm) var(--fluid-space-md);font-size:var(--fluid-text-base);border:1px solid var(--color-border);border-radius:var(--border-radius);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);background:var(--color-background-secondary);min-height:var(--touch-target-min)}.responsive-form-input:focus,.responsive-form-select:focus,.responsive-form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ff5d5d1a}@media (max-width: 768px){.responsive-form-input,.responsive-form-select,.responsive-form-textarea{min-height:var(--touch-target-comfortable);padding:var(--fluid-space-md);font-size:max(16px,var(--fluid-text-base))}}.responsive-form-row{display:grid;gap:var(--fluid-space-md);width:100%}.responsive-form-row-1{grid-template-columns:1fr}.responsive-form-row-2{grid-template-columns:repeat(2,1fr)}.responsive-form-row-3{grid-template-columns:repeat(3,1fr)}.responsive-form-row-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.responsive-form-row-2,.responsive-form-row-3,.responsive-form-row-4{grid-template-columns:1fr}}@media (min-width: 769px) and (max-width: 1024px){.responsive-form-row-3,.responsive-form-row-4{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1025px) and (max-width: 1366px){.responsive-form-row-4{grid-template-columns:repeat(3,1fr)}}.responsive-form-label{display:block;font-size:var(--fluid-text-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--fluid-space-xs)}.responsive-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--fluid-space-xs);padding:var(--fluid-space-sm) var(--fluid-space-md);font-size:var(--fluid-text-base);font-weight:600;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;min-height:var(--touch-target-min);white-space:nowrap;position:relative;overflow:hidden}.responsive-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.responsive-btn:not(:disabled):hover{transform:translateY(-1px)}.responsive-btn:not(:disabled):active{transform:translateY(0)}.responsive-btn-xs{padding:var(--fluid-space-xs) var(--fluid-space-sm);font-size:var(--fluid-text-xs);min-height:32px}.responsive-btn-lg{padding:var(--fluid-space-md) var(--fluid-space-lg);font-size:var(--fluid-text-lg);min-height:var(--touch-target-comfortable)}.responsive-btn-xl{padding:var(--fluid-space-lg) var(--fluid-space-xl);font-size:var(--fluid-text-xl);min-height:var(--touch-target-large)}@media (max-width: 768px){.responsive-btn{min-height:var(--touch-target-comfortable);padding:var(--fluid-space-md) var(--fluid-space-lg)}.responsive-btn-sm{min-height:var(--touch-target-min)}.responsive-btn-lg,.responsive-btn-xl{min-height:var(--touch-target-large)}}.responsive-btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 1px 3px #ff5d5d4d}.responsive-btn-primary:not(:disabled):hover{background:var(--color-primary-dark);box-shadow:0 4px 12px #ff5d5d66}.responsive-btn-secondary{background:var(--color-background-secondary);color:var(--color-text);border:1px solid var(--color-border);box-shadow:0 1px 3px #0000001a}.responsive-btn-secondary:not(:disabled):hover{background:var(--color-background-tertiary);border-color:var(--color-primary)}.responsive-btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.responsive-btn-outline:not(:disabled):hover{background:var(--color-primary);color:#fff}.responsive-btn-ghost{background:transparent;color:var(--color-text-secondary);border:none;box-shadow:none}.responsive-btn-ghost:not(:disabled):hover{background:var(--color-background-tertiary);color:var(--color-text)}.responsive-btn-group{display:flex;gap:var(--fluid-space-xs);flex-wrap:wrap}@media (max-width: 480px){.responsive-btn-group{flex-direction:column}.responsive-btn-group .responsive-btn{width:100%}}.responsive-mb{margin-bottom:var(--fluid-space-md)}.responsive-ml{margin-left:var(--fluid-space-md)}.responsive-mr{margin-right:var(--fluid-space-md)}.responsive-p-sm{padding:var(--fluid-space-sm)}.responsive-p-lg{padding:var(--fluid-space-lg)}.responsive-m-sm{margin:var(--fluid-space-sm)}.responsive-m-lg{margin:var(--fluid-space-lg)}.responsive-form-field{margin-bottom:var(--fluid-space-md)}.responsive-form-input,.responsive-form-select,.responsive-form-textarea{width:100%;padding:var(--fluid-space-sm) var(--fluid-space-md);font-size:var(--fluid-text-base);border:1px solid var(--color-border);border-radius:var(--border-radius);transition:border-color var(--transition-fast)}.responsive-form-row{display:grid;gap:var(--fluid-space-md);grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}@media (max-width: 1366px){.responsive-form-row{grid-template-columns:1fr;gap:var(--fluid-space-sm)}}.responsive-btn{padding:var(--fluid-space-sm) var(--fluid-space-md);font-size:var(--fluid-text-base);border:none;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--fluid-space-xs);min-height:44px}.responsive-btn-sm{padding:var(--fluid-space-xs) var(--fluid-space-sm);font-size:var(--fluid-text-sm);min-height:36px}.responsive-btn-lg{padding:var(--fluid-space-md) var(--fluid-space-lg);font-size:var(--fluid-text-lg);min-height:52px}.responsive-card{padding:var(--fluid-space-lg);border-radius:var(--border-radius-lg);background:var(--color-background-secondary);border:1px solid var(--color-border);box-shadow:var(--shadow);transition:all var(--transition-fast)}.responsive-tile{padding:var(--fluid-space-md);border-radius:var(--border-radius);background:var(--color-background-secondary);border:1px solid var(--color-border);transition:all var(--transition-fast);min-height:clamp(120px,15vw,180px)}.responsive-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.responsive-table{width:100%;min-width:fit-content;border-collapse:collapse}.responsive-table th,.responsive-table td{padding:var(--fluid-space-sm) var(--fluid-space-md);font-size:var(--fluid-text-sm);text-align:left;border-bottom:1px solid var(--color-border)}@media (max-width: 1366px){.responsive-table th,.responsive-table td{padding:var(--fluid-space-xs) var(--fluid-space-sm);font-size:var(--fluid-text-xs)}}.show-mobile,.show-tablet,.show-laptop,.show-desktop{display:none}@media (max-width: 767px){.hide-mobile{display:none!important}.show-mobile{display:block!important}}@media (min-width: 768px) and (max-width: 1023px){.hide-tablet{display:none!important}.show-tablet{display:block!important}}@media (min-width: 1024px) and (max-width: 1366px){.hide-laptop{display:none!important}.show-laptop{display:block!important}}@media (min-width: 1367px){.hide-desktop{display:none!important}.show-desktop{display:block!important}}@media (max-width: 1366px){.hide-13inch{display:none!important}.show-13inch{display:block!important}}@media (max-width: 1366px){*{backface-visibility:hidden}.reduce-motion{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.responsive-scroll::-webkit-scrollbar{width:6px;height:6px}@media (max-width: 1366px){.responsive-scroll::-webkit-scrollbar{width:4px;height:4px}}.responsive-scroll::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:3px}.responsive-card{padding:var(--fluid-space-lg);border-radius:var(--border-radius-lg);background:var(--color-background-secondary);border:1px solid var(--color-border);box-shadow:var(--shadow);transition:all var(--transition-fast);width:100%;position:relative;overflow:hidden}.responsive-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.responsive-card-sm{padding:var(--fluid-space-sm);border-radius:var(--border-radius)}.responsive-card-lg{padding:var(--fluid-space-xl);border-radius:var(--border-radius-xl)}.responsive-card-xl{padding:var(--fluid-space-2xl);border-radius:var(--border-radius-xl)}.responsive-card-grid{display:grid;gap:var(--fluid-space-md);grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}@media (max-width: 480px){.responsive-card-grid{grid-template-columns:1fr;gap:var(--fluid-space-sm)}.responsive-card{padding:var(--fluid-space-md)}}@media (min-width: 481px) and (max-width: 768px){.responsive-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}}@media (min-width: 1025px) and (max-width: 1366px){.responsive-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}}@media (min-width: 1921px) and (max-width: 2560px){.responsive-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}}@media (min-width: 2561px){.responsive-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}}.responsive-tile{padding:var(--fluid-space-md);border-radius:var(--border-radius);background:var(--color-background-secondary);border:1px solid var(--color-border);transition:all var(--transition-fast);min-height:clamp(120px,15vw,200px);display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;position:relative;overflow:hidden}.responsive-tile:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px);border-color:var(--color-primary-light)}@media (max-width: 768px){.responsive-tile{min-height:clamp(100px,12vw,160px);padding:var(--fluid-space-sm)}}.responsive-table-wrapper{width:100%;overflow:hidden;border-radius:var(--border-radius);border:1px solid var(--color-border);background:var(--color-background-secondary)}.responsive-table-container{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.responsive-table-container::-webkit-scrollbar{height:6px}.responsive-table-container::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:3px}.responsive-table-container::-webkit-scrollbar-track{background:transparent}.responsive-table{width:100%;min-width:fit-content;border-collapse:collapse;font-size:var(--fluid-text-sm)}.responsive-table thead{background:var(--color-background-tertiary);position:sticky;top:0;z-index:10}.responsive-table th{padding:var(--fluid-space-sm) var(--fluid-space-md);text-align:left;font-weight:600;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap;font-size:var(--fluid-text-xs);text-transform:uppercase;letter-spacing:.05em}.responsive-table td{padding:var(--fluid-space-sm) var(--fluid-space-md);border-bottom:1px solid var(--color-border);vertical-align:middle;font-size:var(--fluid-text-sm)}.responsive-table tbody tr:hover{background:var(--color-background-tertiary)}.responsive-table-sm th,.responsive-table-sm td{padding:var(--fluid-space-xs) var(--fluid-space-sm);font-size:var(--fluid-text-xs)}.responsive-table-lg th,.responsive-table-lg td{padding:var(--fluid-space-md) var(--fluid-space-lg);font-size:var(--fluid-text-base)}@media (max-width: 768px){.responsive-table-mobile-cards{display:none}.responsive-table-mobile-cards+.responsive-mobile-table-cards{display:block}.responsive-mobile-table-cards{display:none}.responsive-mobile-card{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--fluid-space-md);margin-bottom:var(--fluid-space-sm)}.responsive-mobile-card-header{font-weight:600;color:var(--color-text);margin-bottom:var(--fluid-space-xs);padding-bottom:var(--fluid-space-xs);border-bottom:1px solid var(--color-border)}.responsive-mobile-card-content{display:flex;flex-direction:column;gap:var(--fluid-space-xs)}.responsive-mobile-card-row{display:flex;justify-content:space-between;align-items:center}.responsive-mobile-card-label{font-size:var(--fluid-text-xs);color:var(--color-text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.responsive-mobile-card-value{font-size:var(--fluid-text-sm);color:var(--color-text);text-align:right}}.show-mobile,.show-tablet,.show-laptop,.show-desktop,.show-large-desktop{display:none}@media (max-width: 480px){.hide-mobile{display:none!important}.show-mobile{display:block!important}.show-mobile-inline{display:inline!important}.show-mobile-flex{display:flex!important}.show-mobile-grid{display:grid!important}}@media (min-width: 481px) and (max-width: 768px){.hide-tablet{display:none!important}.show-tablet{display:block!important}.show-tablet-inline{display:inline!important}.show-tablet-flex{display:flex!important}.show-tablet-grid{display:grid!important}}@media (min-width: 769px) and (max-width: 1024px){.hide-laptop{display:none!important}.show-laptop{display:block!important}.show-laptop-inline{display:inline!important}.show-laptop-flex{display:flex!important}.show-laptop-grid{display:grid!important}}@media (min-width: 1025px) and (max-width: 1366px){.hide-13inch{display:none!important}.show-13inch{display:block!important}.show-13inch-inline{display:inline!important}.show-13inch-flex{display:flex!important}.show-13inch-grid{display:grid!important}}@media (min-width: 1367px) and (max-width: 1920px){.hide-desktop{display:none!important}.show-desktop{display:block!important}.show-desktop-inline{display:inline!important}.show-desktop-flex{display:flex!important}.show-desktop-grid{display:grid!important}}@media (min-width: 1921px){.hide-large-desktop{display:none!important}.show-large-desktop{display:block!important}.show-large-desktop-inline{display:inline!important}.show-large-desktop-flex{display:flex!important}.show-large-desktop-grid{display:grid!important}}@media (min-width: 2561px){.hide-ultra-wide{display:none!important}.show-ultra-wide{display:block!important}.show-ultra-wide-inline{display:inline!important}.show-ultra-wide-flex{display:flex!important}.show-ultra-wide-grid{display:grid!important}}@media (max-width: 1366px){.responsive-optimized{backface-visibility:hidden;transform:translateZ(0)}.reduce-motion{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.responsive-scroll{overflow:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.responsive-scroll::-webkit-scrollbar{width:8px;height:8px}@media (max-width: 768px){.responsive-scroll::-webkit-scrollbar{width:6px;height:6px}}@media (max-width: 480px){.responsive-scroll::-webkit-scrollbar{width:4px;height:4px}}.responsive-scroll::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:4px}.responsive-scroll::-webkit-scrollbar-track{background:transparent}.responsive-aspect-square{aspect-ratio:1 / 1}.responsive-aspect-video{aspect-ratio:16 / 9}.responsive-aspect-portrait{aspect-ratio:3 / 4}.responsive-aspect-landscape{aspect-ratio:4 / 3}.responsive-w-full{width:100%}.responsive-w-auto{width:auto}.responsive-w-fit{width:fit-content}.responsive-w-screen{width:100vw}.responsive-h-full{height:100%}.responsive-h-auto{height:auto}.responsive-h-fit{height:fit-content}.responsive-h-screen{height:100vh}.responsive-flex-1{flex:1}.responsive-flex-auto{flex:auto}.responsive-flex-none{flex:none}.responsive-flex-shrink{flex-shrink:1}.responsive-flex-shrink-0{flex-shrink:0}.responsive-flex-grow{flex-grow:1}.responsive-flex-grow-0{flex-grow:0}@media print{.responsive-header,.responsive-sidebar,.hide-print{display:none!important}.responsive-main{margin-left:0!important;width:100%!important}.responsive-card,.responsive-tile{border:1px solid #000!important;box-shadow:none!important}}.responsive-focus-visible:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--border-radius-sm)}@media (prefers-contrast: high){.responsive-card,.responsive-tile{border-width:2px}.responsive-btn{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme: dark){.responsive-card,.responsive-tile{background:var(--color-background-secondary);border-color:var(--color-border-dark)}}:root{--dashboard-primary: #ff5d5d;--dashboard-primary-light: #ff7575;--dashboard-primary-dark: #e04545;--dashboard-success: #10b981;--dashboard-warning: #f59e0b;--dashboard-error: #ef4444;--dashboard-info: #06b6d4;--dashboard-bg: #fafbfc;--dashboard-card-bg: #ffffff;--dashboard-border: #e5e7eb;--dashboard-text: #111827;--dashboard-text-secondary: #6b7280;--dashboard-text-muted: #9ca3af;--dashboard-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--dashboard-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--dashboard-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--dashboard-radius: 8px;--dashboard-radius-lg: 12px;--dashboard-radius-xl: 16px}.modern-dashboard{background:var(--dashboard-bg);min-height:100vh;padding:0}@media (max-width: 1366px){.modern-dashboard{padding:1rem}}.modern-dashboard-header{display:flex;align-items:flex-start;justify-content:space-between;margin-top:clamp(1.5rem,3vw,2.5rem);margin-bottom:clamp(1rem,3vw,2rem);flex-wrap:wrap;gap:1rem}.dashboard-title-section{flex:1}.title-with-icon{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.dashboard-title-icon{color:var(--color-primary);font-size:clamp(1.25rem,3.5vw,2rem)}.modern-dashboard-title{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;color:var(--dashboard-text);margin:0 0 .5rem;line-height:1.2}.modern-dashboard-subtitle{font-size:clamp(.9rem,2vw,1.1rem);color:var(--dashboard-text-secondary);margin:0;font-weight:400}.modern-dashboard-actions{display:flex;gap:.75rem;align-items:center}.modern-stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(.75rem,2vw,1rem);margin-bottom:clamp(1rem,3vw,2rem)}@media (max-width: 1440px){.modern-stats-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width: 1366px){.modern-stats-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1024px){.modern-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.modern-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.modern-stats-grid{grid-template-columns:1fr}}.modern-stats-grid.org_admin,.modern-stats-grid.helpdesk_admin,.modern-stats-grid.manager,.modern-stats-grid.helpdesk_department,.modern-stats-grid.employee,.modern-stats-grid.hr,.modern-stats-grid.cxo{grid-template-columns:repeat(6,1fr)}@media (max-width: 1440px){.modern-stats-grid.org_admin,.modern-stats-grid.helpdesk_admin,.modern-stats-grid.manager,.modern-stats-grid.helpdesk_department,.modern-stats-grid.employee,.modern-stats-grid.hr,.modern-stats-grid.cxo{grid-template-columns:repeat(5,1fr)}}@media (max-width: 1366px){.modern-stats-grid.org_admin,.modern-stats-grid.helpdesk_admin,.modern-stats-grid.manager,.modern-stats-grid.helpdesk_department,.modern-stats-grid.employee,.modern-stats-grid.hr,.modern-stats-grid.cxo{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1024px){.modern-stats-grid.org_admin,.modern-stats-grid.helpdesk_admin,.modern-stats-grid.manager,.modern-stats-grid.helpdesk_department,.modern-stats-grid.employee,.modern-stats-grid.hr,.modern-stats-grid.cxo{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.modern-stats-grid.org_admin,.modern-stats-grid.helpdesk_admin,.modern-stats-grid.manager,.modern-stats-grid.helpdesk_department,.modern-stats-grid.employee,.modern-stats-grid.hr,.modern-stats-grid.cxo{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.modern-stats-grid.org_admin,.modern-stats-grid.helpdesk_admin,.modern-stats-grid.manager,.modern-stats-grid.helpdesk_department,.modern-stats-grid.employee,.modern-stats-grid.hr,.modern-stats-grid.cxo{grid-template-columns:1fr}}.compact-stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1.5rem;padding:1rem;background:var(--dashboard-card-bg);border:1px solid var(--dashboard-border);border-radius:var(--dashboard-radius-lg);box-shadow:var(--dashboard-shadow)}.compact-stat-item{display:flex;align-items:center;gap:.5rem;padding:.25rem}.compact-stat-icon{width:40px;height:40px;border-radius:var(--dashboard-radius);display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff;flex-shrink:0}.compact-stat-icon.primary{background:var(--dashboard-primary)}.compact-stat-icon.success{background:var(--dashboard-success)}.compact-stat-icon.warning{background:var(--dashboard-warning)}.compact-stat-icon.error{background:var(--dashboard-error)}.compact-stat-icon.info{background:var(--dashboard-info)}.compact-stat-content{flex:1;min-width:0}.compact-stat-value{font-size:1.5rem;font-weight:700;color:var(--dashboard-text);margin:0;line-height:1}.compact-stat-label{font-size:.75rem;color:var(--dashboard-text-secondary);margin:.125rem 0 0;font-weight:500}.modern-stat-card{background:var(--dashboard-card-bg);border:1px solid var(--dashboard-border);border-radius:var(--dashboard-radius-lg);padding:1rem;box-shadow:var(--dashboard-shadow);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.modern-stat-card:hover{transform:translateY(-2px);box-shadow:var(--dashboard-shadow-lg);border-color:var(--dashboard-primary)}.modern-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--dashboard-primary),var(--dashboard-primary-light))}.modern-stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.modern-stat-icon{width:44px;height:44px;border-radius:var(--dashboard-radius);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;position:relative;background:linear-gradient(135deg,#3498db,#2980b9)}.modern-stat-icon:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3),transparent 70%)}.modern-stat-icon.primary{background:linear-gradient(135deg,var(--dashboard-primary),var(--dashboard-primary-dark))}.modern-stat-icon.success{background:linear-gradient(135deg,var(--dashboard-success),#059669)}.modern-stat-icon.warning{background:linear-gradient(135deg,var(--dashboard-warning),#d97706)}.modern-stat-icon.error{background:linear-gradient(135deg,var(--dashboard-error),#dc2626)}.modern-stat-icon.info{background:linear-gradient(135deg,var(--dashboard-info),#0891b2)}.modern-stat-value{font-size:2rem;font-weight:700;color:var(--dashboard-text);margin:.375rem 0;line-height:1;letter-spacing:-.025em}.modern-stat-label{font-size:.75rem;color:var(--dashboard-text-secondary);margin:0 0 .5rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.modern-stat-change{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600}.modern-stat-change.positive{color:var(--dashboard-success)}.modern-stat-change.negative{color:var(--dashboard-error)}.modern-stat-change.neutral{color:var(--dashboard-text-muted)}.modern-stat-change svg{font-size:.75rem}.admin-metric-detail{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #f3f4f6}.metric-trend{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;color:var(--dashboard-text-muted)}.metric-period{font-size:.75rem;color:var(--dashboard-text-muted);font-weight:500}.modern-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.modern-section-title{font-size:1.5rem;font-weight:700;color:var(--dashboard-text);margin:0}.modern-section-actions{display:flex;gap:.75rem;align-items:center}.modern-tickets-section{margin-bottom:2rem}.dashboard-tickets-grid{display:grid;gap:clamp(.875rem,2vw,1.5rem);width:100%;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}@media (min-width: 1921px) and (max-width: 2560px){.dashboard-tickets-grid{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:1.25rem}}@media (min-width: 1441px) and (max-width: 1920px){.dashboard-tickets-grid{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:1.125rem}}@media (min-width: 1025px) and (max-width: 1440px){.dashboard-tickets-grid{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:1rem}}@media (min-width: 769px) and (max-width: 1024px){.dashboard-tickets-grid{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:1rem}}@media (min-width: 481px) and (max-width: 768px){.dashboard-tickets-grid{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:.875rem}}@media (max-width: 480px){.dashboard-tickets-grid{grid-template-columns:1fr;gap:.75rem}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:var(--dashboard-radius);font-size:.875rem;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--dashboard-primary);color:#fff}.btn-primary:hover{background:var(--dashboard-primary-dark);box-shadow:var(--dashboard-shadow-lg)}.btn-secondary{background:#fff;color:var(--dashboard-text);border-color:var(--dashboard-border)}.btn-secondary:hover{background:#f9fafb;border-color:var(--dashboard-primary);color:var(--dashboard-primary)}.btn-sm{padding:.5rem .75rem;font-size:.8125rem}.modern-empty-state{text-align:center;padding:3rem 1.5rem;color:var(--dashboard-text-secondary)}.modern-empty-state-full{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:var(--dashboard-text-secondary);background:var(--dashboard-card-bg);border-radius:12px;border:1px solid var(--dashboard-border);margin:2rem 0}.modern-empty-icon{width:80px;height:80px;margin:0 auto 1rem;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--dashboard-text-muted)}.modern-empty-state h3,.modern-empty-state-full h3{font-size:1.125rem;font-weight:600;color:var(--dashboard-text);margin:0 0 .5rem}.modern-empty-state p,.modern-empty-state-full p{margin:0 0 1.5rem;max-width:400px;margin-left:auto;margin-right:auto;line-height:1.5}.modern-empty-state-full .btn{margin-top:.5rem}@media (max-width: 1400px){.modern-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.modern-stats-grid{grid-template-columns:repeat(2,1fr)}.modern-stat-value{font-size:2.25rem}.modern-stat-icon{width:48px;height:48px;font-size:1.25rem}}@media (max-width: 768px){.modern-dashboard{padding:1rem}.modern-dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.modern-dashboard-title{font-size:1.875rem}.modern-stats-grid{grid-template-columns:1fr;gap:1rem}.compact-stats-bar{grid-template-columns:1fr;gap:.75rem}.dashboard-tickets-grid{grid-template-columns:1fr;gap:1rem}.modern-stat-card{padding:1.25rem}.modern-stat-value{font-size:2rem}}@media (max-width: 480px){.modern-dashboard-title{font-size:1.5rem}.modern-dashboard-subtitle{font-size:1rem}.modern-section-title{font-size:1.25rem}.modern-stat-value{font-size:1.75rem}.modern-stat-icon{width:40px;height:40px;font-size:1rem}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modern-stat-card{animation:slideInUp .4s ease-out}.modern-stat-card:nth-child(1){animation-delay:.1s}.modern-stat-card:nth-child(2){animation-delay:.2s}.modern-stat-card:nth-child(3){animation-delay:.3s}.modern-stat-card:nth-child(4){animation-delay:.4s}.modern-stat-card:nth-child(5){animation-delay:.5s}.modern-stat-card:nth-child(6){animation-delay:.6s}.stat-highlight{position:relative}.stat-highlight:after{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:var(--dashboard-error);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.modern-tabs{display:flex;border-bottom:2px solid var(--dashboard-border);margin:1rem 0 1.5rem;gap:.25rem}.modern-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;border-bottom:3px solid transparent;font-size:.9rem;font-weight:500;color:var(--dashboard-text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;min-height:44px}.modern-tab:hover{color:var(--dashboard-primary);background:#ff5d5d0d}.modern-tab.active{color:var(--dashboard-primary);border-bottom-color:var(--dashboard-primary);background:#ff5d5d14}.modern-tab svg{font-size:1rem;flex-shrink:0}.modern-tab span:first-of-type{font-weight:500}.tab-count{background:var(--dashboard-primary);color:#fff;font-size:.75rem;font-weight:600;padding:.125rem .375rem;border-radius:12px;min-width:20px;text-align:center;line-height:1.2}.modern-tab:not(.active) .tab-count{background:var(--dashboard-text-muted)}.modern-tab-content{margin-top:1rem}@media (max-width: 768px){.modern-tabs{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.modern-tabs::-webkit-scrollbar{display:none}.modern-tab{white-space:nowrap;flex-shrink:0;padding:.625rem .875rem}.modern-tab span:first-of-type{display:none}.modern-tab svg{font-size:1.1rem}}@media (max-width: 480px){.modern-tab{padding:.5rem .75rem;gap:.375rem}.tab-count{font-size:.7rem;padding:.1rem .3rem}}.modern-empty-state-full{text-align:center;padding:3rem 2rem;background:var(--dashboard-card-bg);border:1px solid var(--dashboard-border);border-radius:12px;margin:1rem 0}.modern-empty-state-full .modern-empty-icon{width:80px;height:80px;background:var(--dashboard-muted-bg);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;color:var(--dashboard-text-muted)}.modern-empty-state-full h3{margin:0 0 .5rem;font-size:1.3rem;font-weight:600;color:var(--dashboard-text-primary)}.modern-empty-state-full p{margin:0 0 1.5rem;color:var(--dashboard-text-secondary);font-size:1rem;line-height:1.5;max-width:400px;margin-left:auto;margin-right:auto}.auth-page{min-height:100vh;height:100vh;overflow:hidden;display:flex;background:linear-gradient(135deg,#667eea,#764ba2)}.auth-left{flex:1.2;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.auth-left:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="20" cy="20" r="1" fill="white" opacity="0.1"/><circle cx="80" cy="40" r="0.5" fill="white" opacity="0.05"/><circle cx="40" cy="80" r="1.5" fill="white" opacity="0.08"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none}.auth-hero-image{width:100%;max-width:600px;height:auto;z-index:1;position:relative}.auth-hero-image img{width:100%;height:auto;border-radius:20px}.auth-right{flex:1;background:#fff;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;box-shadow:-10px 0 30px #0000001a}.auth-container{width:100%;max-width:400px;padding:0}.auth-header{text-align:center;margin-bottom:1.5rem}.auth-logo{display:flex;align-items:center;justify-content:center}.auth-logo-image{width:120px;height:120px}.auth-title{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0 0 .5rem;line-height:1.1;letter-spacing:-.02em}.auth-welcome-text{color:#ff6b6b}.auth-subtitle{color:#6b7280;font-size:1rem;margin:0 0 1.5rem;font-weight:400;line-height:1.5}.auth-social-login{display:flex;gap:.5rem;margin-bottom:1rem}.auth-social-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:38px}.auth-social-button:hover{border-color:#9ca3af;background:#f9fafb}.auth-social-icon{width:18px;height:18px;flex-shrink:0}.auth-divider{text-align:center;margin:1rem 0;position:relative;color:#6b7280;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e5e7eb;z-index:1}.auth-divider span{background:#fff;padding:0 1rem;position:relative;z-index:2}.auth-form{display:grid;grid-template-columns:1fr;gap:1rem;width:100%}.auth-form-group{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:.5rem;width:100%}.auth-form-label{font-weight:600;color:#1f2937;font-size:.95rem;letter-spacing:.01em;margin-bottom:0}.auth-required{color:#dc2626;margin-left:.125rem}.auth-form-input{width:100%;height:38px;padding:.5rem 2.5rem .5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;transition:all .2s ease;background:#fff;color:#1f2937;box-sizing:border-box;font-weight:400;line-height:1.5}.auth-form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.auth-form-input::placeholder{color:#9ca3af;font-weight:400}.auth-password-wrapper{position:relative;width:100%;display:block}.auth-password-wrapper .auth-form-input{padding-right:2.5rem}.auth-password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;padding:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.auth-password-toggle:hover{color:#667eea}.auth-password-toggle svg{width:100%;height:100%}.auth-form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.auth-checkbox-container{display:flex;align-items:center;font-size:.875rem;color:#6b7280;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500}.auth-checkbox-container input[type=checkbox]{margin-right:.5rem;width:16px;height:16px;accent-color:#ff6b6b;border-radius:3px}.auth-forgot-password{color:#ff6b6b;text-decoration:none;font-size:.875rem;font-weight:600;transition:color .2s ease}.auth-forgot-password:hover{color:#ff5252;text-decoration:underline}.auth-error-message{background:#fef2f2;color:#dc2626;padding:1.125rem 1.25rem;border-radius:12px;margin-bottom:2rem;font-size:.95rem;border:1px solid #fecaca;font-weight:500}.auth-submit-button{width:100%;padding:.5rem 1rem;background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:38px;letter-spacing:.01em}.auth-submit-button:hover:not(:disabled){background:linear-gradient(135deg,#ff5252,#f44);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b6b4d}.auth-submit-button:active{transform:translateY(0)}.auth-submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-signup-link{text-align:center;font-size:.95rem;color:#222;margin-top:1.2rem;font-weight:500;line-height:1.6}.auth-signup-button{color:#ff6b6b;text-decoration:none;font-weight:700;transition:color .2s ease}.auth-signup-button:hover{color:#ff5252;text-decoration:underline}.sso-loading-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff}@media (max-width: 1024px){.auth-left{display:none}.auth-right{flex:1;padding:1.5rem .75rem}.auth-container{max-width:95vw}}@media (max-width: 768px){.auth-right{padding:1rem .5rem}.auth-container{max-width:100vw}.auth-title{font-size:1.3rem}.auth-logo-image{width:80px;height:80px}}