:root{--color-primary: #f97316;--color-primary-dark: #ea580c;--color-primary-light: #fb923c;--color-secondary: #0ea5e9;--color-accent: #fbbf24;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-bg-primary: #ffffff;--color-bg-secondary: #fffbf5;--color-bg-tertiary: #fff7ed;--color-bg-elevated: #ffffff;--color-text-primary: #1c1917;--color-text-secondary: #57534e;--color-text-muted: #a8a29e;--color-text-inverse: #ffffff;--color-border: #e7e5e4;--color-border-light: #f5f5f4;--gradient-primary: linear-gradient(135deg, #f97316 0%, #ea580c 50%, #c2410c 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-warning: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--gradient-error: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--gradient-dark: linear-gradient(135deg, #292524 0%, #1c1917 100%);--gradient-hero: linear-gradient(135deg, #f97316 0%, #ea580c 50%, #dc2626 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-glow: 0 0 30px rgba(249, 115, 22, .4);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--sidebar-width: 280px;--header-height: 64px}[data-theme=dark]{--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-bg-elevated: #1e293b;--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #64748b;--color-border: #334155;--color-border-light: #1e293b;--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;background-color:var(--color-bg-secondary)}body{font-family:var(--font-sans);background-color:var(--color-bg-secondary);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;color:var(--color-text-primary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1rem}h6{font-size:.875rem}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--gradient-dark);color:var(--color-text-inverse);position:fixed;height:100vh;overflow-y:auto;z-index:100;transition:transform var(--transition-slow)}.sidebar-header{padding:var(--space-lg);border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-logo{display:flex;align-items:center;gap:var(--space-sm);font-size:1.25rem;font-weight:700;color:var(--color-text-inverse)}.sidebar-nav{padding:var(--space-md)}.nav-section{margin-bottom:var(--space-lg)}.nav-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffff80;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-xs)}.nav-link{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:#ffffffb3;transition:all var(--transition-fast);font-size:.9375rem}.nav-link:hover{background:#ffffff1a;color:var(--color-text-inverse)}.nav-link.active{background:var(--gradient-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-glow)}.nav-link:active{transform:scale(.97)}.nav-link svg{width:20px;height:20px}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left .3s ease}.sidebar-collapsed .main-content{margin-left:72px}.page-wrapper{min-height:calc(100vh - 64px);opacity:1;transform:translateY(0)}.page-wrapper.page-animate-in{animation:pageSlideIn .35s cubic-bezier(.22,1,.36,1) forwards}@keyframes pageSlideIn{0%{opacity:.3;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}button,a,.btn,.nav-link,.card,.stat-card,.table tbody tr,input,select,textarea,[role=button],[tabindex="0"]{transition:all .2s cubic-bezier(.4,0,.2,1)}button:active:not(:disabled),.btn:active:not(:disabled),[role=button]:active{transform:scale(.97);transition:transform .1s ease}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;transition:outline-offset .2s ease}.nav-link{transition:all .25s cubic-bezier(.4,0,.2,1)}.nav-link:hover{transform:translate(4px)}.nav-link:active{transform:translate(2px) scale(.98)}.card,.stat-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.table tbody tr{transition:background-color .2s ease,box-shadow .2s ease}.loading-overlay{animation:fadeIn .3s ease-out}.fade-in{animation:fadeIn .3s ease-out forwards}.fade-in-up{animation:fadeInUp .4s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.stagger-item{opacity:0;animation:fadeInUp .4s ease-out forwards}.stagger-item:nth-child(1){animation-delay:.05s}.stagger-item:nth-child(2){animation-delay:.1s}.stagger-item:nth-child(3){animation-delay:.15s}.stagger-item:nth-child(4){animation-delay:.2s}.stagger-item:nth-child(5){animation-delay:.25s}.stagger-item:nth-child(6){animation-delay:.3s}.stagger-item:nth-child(7){animation-delay:.35s}.stagger-item:nth-child(8){animation-delay:.4s}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 0%,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}html{background-color:var(--color-bg-secondary)}body{background-color:var(--color-bg-secondary);min-height:100vh}.main-content{background-color:var(--color-bg-secondary)}.page-header{background:#1a202ce6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06);padding:var(--space-lg) var(--space-xl);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}.page-title{display:flex;align-items:center;gap:var(--space-md)}.page-title h1{font-size:1.5rem;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-actions{display:flex;gap:var(--space-md)}.page-content{padding:var(--space-xl)}.card{background:#1a202ccc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:20px;box-shadow:0 8px 32px #0003;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{transform:translateY(-2px);box-shadow:0 16px 48px #00000040;border-color:#ffffff1a}.card-header{padding:var(--space-lg);border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:1.125rem;font-weight:600;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-body{padding:var(--space-lg)}.card-footer{padding:var(--space-lg);border-top:1px solid rgba(255,255,255,.06);background:#0003}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.stat-card{position:relative;background:#1a202ccc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:var(--space-lg);box-shadow:0 8px 32px #0003;display:flex;align-items:flex-start;gap:var(--space-md);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;text-decoration:none;color:inherit}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--card-accent, var(--color-primary)),transparent);opacity:0;transition:opacity .3s ease}.stat-card:hover:before{opacity:1}.stat-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px #0000004d;border-color:#ffffff26}.stat-card:active{transform:scale(.98) translateY(-2px)}.stat-card-clickable{cursor:pointer}.stat-card-disabled{opacity:.6;cursor:default}.stat-card-disabled:hover{transform:none;box-shadow:0 8px 32px #0003}.stat-icon{position:relative;width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 24px #0003}.stat-icon:after{content:"";position:absolute;inset:0;border-radius:inherit;background:inherit;filter:blur(12px);opacity:.4;z-index:-1}.stat-icon.primary{background:var(--gradient-primary);--card-accent: var(--color-primary)}.stat-icon.success{background:var(--gradient-success);--card-accent: var(--color-success)}.stat-icon.warning{background:var(--gradient-warning);--card-accent: #fbbf24}.stat-icon.error{background:var(--gradient-error);--card-accent: var(--color-error)}.stat-icon.info{background:linear-gradient(135deg,#6366f1,#8b5cf6);--card-accent: #6366f1}.stat-icon svg{width:24px;height:24px;color:#fff}.stat-content{flex:1}.stat-label{font-size:.8125rem;color:var(--color-text-tertiary);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.stat-value{font-size:2rem;font-weight:700;color:var(--color-text-primary);background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.stat-change{font-size:.75rem;margin-top:var(--space-xs);display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px}.stat-change.positive{color:var(--color-success);background:#10b9811a}.stat-change.negative{color:var(--color-error);background:#ef44441a}.stat-arrow{color:var(--color-text-tertiary);opacity:0;transform:translate(-8px);transition:all .3s ease}.stat-card:hover .stat-arrow{opacity:1;transform:translate(0)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:.9375rem;font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.96)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-border)}.btn-success{background:var(--gradient-success);color:#fff}.btn-warning{background:var(--gradient-warning);color:#fff}.btn-danger{background:var(--gradient-error);color:#fff}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:.8125rem}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:1rem}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-sm) var(--space-md);font-size:.9375rem;font-family:inherit;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);transition:all var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.form-input::placeholder{color:var(--color-text-muted)}.form-textarea{min-height:120px;resize:vertical}.form-error{color:var(--color-error);font-size:.75rem;margin-top:var(--space-xs)}.attachment-upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;cursor:pointer;transition:all var(--transition-fast);background:#6366f105;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.attachment-upload-zone:hover{border-color:var(--color-primary);background:#6366f10d}.attachment-upload-zone.drag-over{border-color:var(--color-success);background:#10b9811a;transform:scale(1.01)}.attachment-upload-zone .upload-icon{color:var(--color-primary);opacity:.7}.attachment-upload-zone .upload-text{font-size:.9375rem;font-weight:500;color:var(--color-text-secondary)}.attachment-upload-zone .upload-hint{font-size:.8125rem;color:var(--color-text-muted)}.attachment-previews{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-md)}.attachment-preview-item{position:relative;width:120px;background:var(--color-bg-secondary);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);transition:all var(--transition-fast)}.attachment-preview-item:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #00000026}.attachment-preview-item .preview-link{display:block;height:90px;overflow:hidden}.attachment-preview-item .preview-link img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-fast)}.attachment-preview-item:hover .preview-link img{transform:scale(1.05)}.attachment-preview-item .preview-info{padding:var(--space-xs) var(--space-sm);background:var(--color-bg-tertiary)}.attachment-preview-item .preview-name{display:block;font-size:.6875rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-preview-item .preview-size{display:block;font-size:.625rem;color:var(--color-text-muted)}.attachment-preview-item .preview-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#ef4444e6;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.attachment-preview-item:hover .preview-remove{opacity:1}.attachment-preview-item .preview-remove:hover{background:var(--color-error);transform:scale(1.1)}.char-counter{font-size:.75rem;margin-top:var(--space-xs);transition:color var(--transition-fast)}.char-counter.char-warn{color:var(--color-warning)}.char-counter.char-ok{color:var(--color-success)}.table-container{overflow-x:auto;border-radius:var(--radius-lg);background:var(--color-bg-primary);box-shadow:var(--shadow-md)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:var(--space-md) var(--space-lg);text-align:left;border-bottom:1px solid var(--color-border-light)}.table th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background:var(--color-bg-secondary)}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--color-bg-secondary)}.table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);font-size:.75rem;font-weight:500;border-radius:var(--radius-full);text-transform:capitalize}.badge-primary{background:#6366f11a;color:var(--color-primary)}.badge-success{background:#10b9811a;color:var(--color-success)}.badge-warning{background:#f59e0b1a;color:var(--color-warning)}.badge-error{background:#ef44441a;color:var(--color-error)}.badge-info{background:#3b82f61a;color:var(--color-info)}.ticket-number{font-family:var(--font-mono);font-size:.875rem;font-weight:500;color:var(--color-primary)}.priority-indicator{display:flex;align-items:center;gap:var(--space-xs)}.priority-dot{width:8px;height:8px;border-radius:var(--radius-full)}.priority-dot.low{background:var(--color-text-muted)}.priority-dot.medium{background:var(--color-info)}.priority-dot.high{background:var(--color-warning)}.priority-dot.critical{background:var(--color-error)}.avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.avatar-sm{width:32px;height:32px;font-size:.75rem}.avatar-lg{width:56px;height:56px;font-size:1.25rem}.user-info{display:flex;align-items:center;gap:var(--space-md)}.user-details{line-height:1.3}.user-name{font-weight:500;color:var(--color-text-primary)}.user-role{font-size:.8125rem;color:var(--color-text-muted)}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:3rem var(--space-lg) var(--space-lg);z-index:1000;animation:fadeIn var(--transition-fast);overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:560px;max-height:calc(100vh - 6rem);overflow-y:auto;animation:slideUp var(--transition-normal);flex-shrink:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:var(--space-lg);border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;padding:var(--space-xs);cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-md);transition:all var(--transition-fast)}.modal-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.modal-body{padding:var(--space-lg)}.modal-footer{padding:var(--space-lg);border-top:1px solid var(--color-border-light);display:flex;justify-content:flex-end;gap:var(--space-md)}.radio-group{display:flex;flex-direction:column;gap:var(--space-sm)}.radio-option{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-secondary);cursor:pointer;transition:all var(--transition-fast);font-weight:500;color:var(--color-text-secondary)}.radio-option:hover{border-color:var(--color-border-light);background:var(--color-bg-tertiary)}.radio-option.selected{border-color:var(--color-success);border-left:3px solid var(--color-success);background:var(--color-bg-tertiary);color:var(--color-success)}.radio-option.selected svg{color:var(--color-success)}.radio-group .radio-option:last-child.selected{border-color:var(--color-error);border-left:3px solid var(--color-error);background:var(--color-bg-tertiary);color:var(--color-error)}.radio-group .radio-option:last-child.selected svg{color:var(--color-error)}.radio-option input[type=radio]{display:none}.radio-option svg{flex-shrink:0;color:var(--color-text-muted);transition:color var(--transition-fast)}.search-bar input{width:100%;padding:var(--space-sm) var(--space-md);padding-left:40px;border-radius:var(--radius-full)}.search-bar svg{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--color-text-muted)}.empty-state{text-align:center;padding:var(--space-2xl)}.empty-state svg{width:64px;height:64px;color:var(--color-text-muted);margin-bottom:var(--space-lg)}.empty-state h3{color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.empty-state p{color:var(--color-text-muted);max-width:400px;margin:0 auto var(--space-lg)}.spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{position:fixed;inset:0;background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .15s ease-out}.loading-overlay.fade-out{animation:fadeOut .3s ease-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}.loading-container{display:flex;align-items:center;justify-content:center;min-height:200px;padding:var(--space-xl)}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.content-fade-in{animation:contentFadeIn .25s ease-out}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.timeline{position:relative;padding-left:var(--space-xl)}.timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:var(--color-border)}.timeline-item{position:relative;padding-bottom:var(--space-lg)}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:-24px;width:18px;height:18px;border-radius:50%;background:var(--color-bg-primary);border:2px solid var(--color-primary);display:flex;align-items:center;justify-content:center}.timeline-dot svg{width:10px;height:10px;color:var(--color-primary)}.timeline-content{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-md)}.timeline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.timeline-action{font-weight:500;color:var(--color-text-primary)}.timeline-time{font-size:.75rem;color:var(--color-text-muted)}.timeline-description{font-size:.875rem;color:var(--color-text-secondary)}@media(max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.page-actions{width:100%}.page-actions .btn{flex:1}}.image-gallery{margin-top:var(--space-lg)}.gallery-section{margin-bottom:var(--space-lg)}.gallery-title{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-md)}.gallery-thumbnail{aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;position:relative;background:var(--color-bg-tertiary);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.gallery-thumbnail:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.gallery-thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast);color:#fff}.gallery-thumbnail:hover .thumbnail-overlay{opacity:1}.document-list{display:flex;flex-direction:column;gap:var(--space-sm)}.document-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);color:var(--color-text-primary);text-decoration:none}.document-item:hover{background:var(--color-bg-tertiary);transform:translate(4px)}.document-icon{font-size:1.5rem}.document-info{flex:1;min-width:0}.document-name{display:block;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-meta{font-size:.75rem;color:var(--color-text-muted)}.download-icon{color:var(--color-text-muted)}.lightbox-overlay{position:fixed;inset:0;background:#000000f2;z-index:2000;display:flex;flex-direction:column;outline:none}.lightbox-close{position:absolute;top:var(--space-lg);right:var(--space-lg);background:#ffffff1a;border:none;padding:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;color:#fff;z-index:10;transition:background var(--transition-fast)}.lightbox-close:hover{background:#fff3}.lightbox-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);position:relative}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;padding:var(--space-md);border-radius:var(--radius-full);cursor:pointer;color:#fff;transition:background var(--transition-fast);z-index:5}.lightbox-nav:hover{background:#fff3}.lightbox-prev{left:var(--space-lg)}.lightbox-next{right:var(--space-lg)}.lightbox-image-container{max-width:100%;max-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;overflow:hidden}.lightbox-image{max-width:100%;max-height:100%;object-fit:contain;transition:transform var(--transition-fast);border-radius:var(--radius-md)}.lightbox-controls{position:absolute;bottom:var(--space-2xl);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-md);background:#0009;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lightbox-controls button,.lightbox-controls a{background:none;border:none;padding:var(--space-sm);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:background var(--transition-fast)}.lightbox-controls button:hover,.lightbox-controls a:hover{background:#ffffff1a}.zoom-level{color:#fff;font-size:.875rem;min-width:50px;text-align:center}.lightbox-download{text-decoration:none}.lightbox-info{position:absolute;bottom:var(--space-lg);left:var(--space-lg);color:#fff;display:flex;flex-direction:column;gap:var(--space-xs)}.lightbox-filename{font-weight:500;font-size:.875rem}.lightbox-meta{font-size:.75rem;opacity:.7}.lightbox-counter{font-size:.75rem;opacity:.5}.attachments-section{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border-light)}.attachments-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.attachments-header h4{font-size:1rem;font-weight:600}.attachments-count{background:var(--color-bg-tertiary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:.75rem;color:var(--color-text-muted)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.text-center{text-align:center}.text-right{text-align:right}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-sm{font-size:.875rem}.text-muted{color:var(--color-text-muted)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.handling-time-section{padding:var(--space-lg);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.handling-time-section h4{display:flex;align-items:center;margin-bottom:var(--space-lg);font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.total-time-display{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--gradient-primary);border-radius:var(--radius-lg);color:#fff;margin-bottom:var(--space-lg)}.total-time-display.time-paused{background:linear-gradient(135deg,#d97706,#b45309,#92400e)}.total-time-display svg{opacity:.9}.total-time-display .time-info{flex:1}.total-time-display .time-label{display:block;font-size:.75rem;opacity:.8;text-transform:uppercase;letter-spacing:.05em}.total-time-display .time-value{display:block;font-size:1.5rem;font-weight:700;font-family:var(--font-mono)}.time-breakdown{position:relative;padding-left:var(--space-lg)}.time-breakdown:before{content:"";position:absolute;left:6px;top:12px;bottom:12px;width:2px;background:var(--color-border);border-radius:1px}.time-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-sm) 0;position:relative}.time-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--color-bg-primary);box-shadow:0 0 0 2px var(--color-border);margin-left:-20px;flex-shrink:0;position:relative;z-index:1}.time-dot.created{background:var(--color-info);box-shadow:0 0 0 2px var(--color-info)}.time-dot.taken{background:var(--color-warning);box-shadow:0 0 0 2px var(--color-warning)}.time-dot.resolved{background:var(--color-success);box-shadow:0 0 0 2px var(--color-success)}.time-dot.closed{background:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary)}.time-dot.starting{background:var(--color-warning);box-shadow:0 0 0 2px var(--color-warning)}.time-dot.finished{background:var(--color-success);box-shadow:0 0 0 2px var(--color-success)}.time-details{display:flex;flex-direction:column;gap:2px}.time-details .time-label{font-weight:600;font-size:.875rem;color:var(--color-text-primary)}.time-details .time-stamp{font-size:.8125rem;color:var(--color-text-secondary)}.time-details .time-duration{font-size:.75rem;color:var(--color-primary);font-weight:500;background:#f973161a;padding:2px 8px;border-radius:var(--radius-full);display:inline-block;margin-top:4px}.date-filter-group{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text-secondary)}.date-filter-group label{font-size:.875rem;font-weight:500;white-space:nowrap}.date-filter-group svg{color:var(--color-primary)}.filters-row{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.date-filter-section{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-lg);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.date-presets{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.date-preset-label{font-size:.8125rem;color:var(--color-text-tertiary);margin-right:var(--space-xs)}.date-preset-btn{padding:6px 12px;font-size:.8125rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.date-preset-btn:hover{background:#f973161a;border-color:#f973164d;color:var(--color-primary)}.date-preset-btn.active{background:var(--gradient-primary);border-color:var(--color-primary);color:#fff}.date-preset-btn:active{transform:scale(.96)}.date-custom-range{display:flex;align-items:center;gap:var(--space-sm);margin-left:auto;padding:6px 12px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.date-custom-range svg{color:var(--color-primary);flex-shrink:0}.date-custom-range .form-input{padding:6px 10px;font-size:.8125rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);transition:border-color .2s ease}.date-custom-range .form-input:focus{border-color:var(--color-primary);outline:none}.date-separator{color:var(--color-text-tertiary);font-size:.875rem}.date-clear-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-tertiary);font-size:1rem;cursor:pointer;transition:all .2s ease}.date-clear-btn:hover{background:#ef44441a;border-color:#ef44444d;color:var(--color-error)}.search-bar{position:relative}.search-bar .search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:none;border-radius:50%;color:var(--color-text-tertiary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.search-bar .search-clear:hover{background:#ef444426;color:var(--color-error)}@media(max-width:768px){.date-filter-section{flex-direction:column;align-items:flex-start}.date-custom-range{margin-left:0}}[data-theme=forest]{--color-primary: #059669;--color-primary-dark: #047857;--color-primary-light: #10b981;--color-secondary: #0d9488;--color-accent: #34d399;--color-bg-primary: #0c1f17;--color-bg-secondary: #132f23;--color-bg-tertiary: #1a4332;--color-bg-elevated: #1a4332;--color-text-primary: #ecfdf5;--color-text-secondary: #a7f3d0;--color-text-muted: #6ee7b7;--color-border: #1a4332;--color-border-light: #132f23;--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4);--shadow-glow: 0 0 30px rgba(16, 185, 129, .4);--gradient-primary: linear-gradient(135deg, #059669 0%, #047857 50%, #065f46 100%);--gradient-hero: linear-gradient(135deg, #059669 0%, #047857 50%, #0d9488 100%)}[data-theme=forest] .sidebar{background:linear-gradient(180deg,#132f23,#0c1f17)!important}[data-theme=forest] .sidebar-user .avatar{background:var(--gradient-primary)!important}[data-theme=forest] .nav-link:hover,[data-theme=forest] .nav-link.active{background:#10b98126!important;color:#34d399!important}[data-theme=forest] .nav-link.active:before{background:#10b981!important}[data-theme=forest] .btn-primary{background:var(--gradient-primary)!important;box-shadow:0 4px 15px #10b9814d!important}[data-theme=forest] .btn-primary:hover{box-shadow:0 6px 20px #10b98166!important}[data-theme=forest] .stat-card{border-color:#1a4332!important}[data-theme=forest] .stat-card:hover{border-color:#10b981!important;box-shadow:0 0 30px #10b98133!important}[data-theme=forest] .stat-icon:after{background:radial-gradient(circle,rgba(16,185,129,.3) 0%,transparent 70%)!important}[data-theme=forest] .form-input:focus,[data-theme=forest] .form-textarea:focus,[data-theme=forest] .form-select:focus{border-color:#10b981!important;box-shadow:0 0 0 3px #10b98126!important}[data-theme=forest] .table tr:hover td{background:#10b98114!important}[data-theme=forest] .badge-success{background:linear-gradient(135deg,#059669,#047857)!important}[data-theme=forest] .badge-warning{background:linear-gradient(135deg,#d97706,#b45309)!important}[data-theme=forest] .badge-danger{background:linear-gradient(135deg,#dc2626,#b91c1c)!important}[data-theme=forest] a:not(.btn){color:#34d399}[data-theme=forest] a:not(.btn):hover{color:#6ee7b7}[data-theme=forest] ::-webkit-scrollbar-track{background:#0c1f17!important}[data-theme=forest] ::-webkit-scrollbar-thumb{background:#1a4332!important}[data-theme=forest] ::-webkit-scrollbar-thumb:hover{background:#10b981!important}[data-theme=forest] .daily-closed-section-v2{background:linear-gradient(135deg,#091f17f2,#132f23fa)!important;border-color:#10b98133!important}[data-theme=forest] .chart-bar-filled-v2{background:linear-gradient(180deg,#10b981,#059669)!important}[data-theme=forest] .chart-bar-current-v2{background:linear-gradient(180deg,#34d399,#10b981)!important;box-shadow:0 0 20px #34d39980,inset 0 1px #fff3!important}[data-theme=forest] .division-progress-fill-v2{background:linear-gradient(90deg,#10b981,#34d399)!important}[data-theme=forest] .monitoring-section{background:linear-gradient(135deg,#091f17f2,#132f23fa)!important;border-color:#10b98133!important}[data-theme=forest] .division-column{background:#1a433280!important;border-color:#10b98126!important}[data-theme=forest] .ticket-card{background:#132f23cc!important;border-color:#10b98133!important}[data-theme=forest] .ticket-card:hover{border-color:#10b981!important;box-shadow:0 8px 25px #10b98126!important}[data-theme=forest] .ticket-card-number{color:#34d399!important}[data-theme=forest] .modal-content,[data-theme=forest] .popup-content,[data-theme=forest] .popup-form{background:linear-gradient(135deg,#132f23,#1a4332)!important;border-color:#10b98133!important}[data-theme=forest] .modal-header,[data-theme=forest] .popup-header{background:#10b9811a!important;border-color:#10b98126!important}[data-theme=forest] .radio-option{background:#132f23cc!important;border-color:#10b98133!important}[data-theme=forest] .radio-option:hover{border-color:#10b98166!important}[data-theme=forest] .radio-option.selected{border-color:#10b981!important;background:#10b98126!important}[data-theme=forest] .tab-button.active,[data-theme=forest] .tab-item.active{color:#34d399!important;border-color:#10b981!important}[data-theme=forest] .dropdown-menu{background:#132f23!important;border-color:#10b98133!important}[data-theme=forest] .dropdown-item:hover{background:#10b98126!important;color:#34d399!important}[data-theme=forest] .loading-spinner,[data-theme=forest] .spinner{border-top-color:#10b981!important}[data-theme=forest] .pagination-button:hover{border-color:#10b981!important;color:#34d399!important}[data-theme=forest] .pagination-button.active{background:#10b981!important;border-color:#10b981!important}[data-theme=mono]{--color-primary: #71717a;--color-primary-dark: #52525b;--color-primary-light: #a1a1aa;--color-secondary: #71717a;--color-accent: #fafafa;--color-bg-primary: #18181b;--color-bg-secondary: #27272a;--color-bg-tertiary: #3f3f46;--color-bg-elevated: #27272a;--color-text-primary: #fafafa;--color-text-secondary: #d4d4d8;--color-text-muted: #a1a1aa;--color-border: #3f3f46;--color-border-light: #27272a;--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px rgba(250, 250, 250, .1);--gradient-primary: linear-gradient(135deg, #52525b 0%, #3f3f46 50%, #27272a 100%);--gradient-hero: linear-gradient(135deg, #71717a 0%, #52525b 50%, #3f3f46 100%)}[data-theme=mono] .sidebar{background:linear-gradient(180deg,#27272a,#18181b)!important}[data-theme=mono] .sidebar-user .avatar{background:var(--gradient-primary)!important}[data-theme=mono] .nav-link:hover,[data-theme=mono] .nav-link.active{background:#fafafa14!important;color:#fafafa!important}[data-theme=mono] .nav-link.active:before{background:#a1a1aa!important}[data-theme=mono] .btn-primary{background:var(--gradient-primary)!important;box-shadow:0 4px 15px #0000004d!important}[data-theme=mono] .btn-primary:hover{box-shadow:0 6px 20px #0006!important;filter:brightness(1.1)}[data-theme=mono] .stat-card{border-color:#3f3f46!important}[data-theme=mono] .stat-card:hover{border-color:#71717a!important;box-shadow:0 0 30px #fafafa0d!important}[data-theme=mono] .stat-icon:after{background:radial-gradient(circle,rgba(250,250,250,.1) 0%,transparent 70%)!important}[data-theme=mono] .form-input:focus,[data-theme=mono] .form-textarea:focus,[data-theme=mono] .form-select:focus{border-color:#a1a1aa!important;box-shadow:0 0 0 3px #a1a1aa26!important}[data-theme=mono] .table tr:hover td{background:#fafafa08!important}[data-theme=mono] .badge-success{background:linear-gradient(135deg,#52525b,#3f3f46)!important;color:#a1a1aa!important}[data-theme=mono] .badge-warning{background:linear-gradient(135deg,#71717a,#52525b)!important}[data-theme=mono] .badge-danger{background:linear-gradient(135deg,#52525b,#3f3f46)!important}[data-theme=mono] a:not(.btn){color:#d4d4d8}[data-theme=mono] a:not(.btn):hover{color:#fafafa}[data-theme=mono] ::-webkit-scrollbar-track{background:#18181b!important}[data-theme=mono] ::-webkit-scrollbar-thumb{background:#3f3f46!important}[data-theme=mono] ::-webkit-scrollbar-thumb:hover{background:#52525b!important}[data-theme=mono] .daily-closed-section-v2{background:linear-gradient(135deg,#18181bf2,#27272afa)!important;border-color:#a1a1aa26!important}[data-theme=mono] .chart-bar-filled-v2{background:linear-gradient(180deg,#71717a,#52525b)!important}[data-theme=mono] .chart-bar-current-v2{background:linear-gradient(180deg,#a1a1aa,#71717a)!important;box-shadow:0 0 20px #fafafa26,inset 0 1px #ffffff1a!important}[data-theme=mono] .division-progress-fill-v2{background:linear-gradient(90deg,#71717a,#a1a1aa)!important}[data-theme=mono] .monitoring-section{background:linear-gradient(135deg,#18181bf2,#27272afa)!important;border-color:#a1a1aa26!important}[data-theme=mono] .division-column{background:#27272a80!important;border-color:#a1a1aa1a!important}[data-theme=mono] .ticket-card{background:#27272acc!important;border-color:#a1a1aa1f!important}[data-theme=mono] .ticket-card:hover{border-color:#71717a!important;box-shadow:0 8px 25px #0003!important}[data-theme=mono] .ticket-card-number{color:#d4d4d8!important}[data-theme=mono] .modal-content,[data-theme=mono] .popup-content,[data-theme=mono] .popup-form{background:linear-gradient(135deg,#27272a,#3f3f46)!important;border-color:#a1a1aa26!important}[data-theme=mono] .modal-header,[data-theme=mono] .popup-header{background:#a1a1aa0d!important;border-color:#a1a1aa1a!important}[data-theme=mono] .radio-option{background:#27272acc!important;border-color:#a1a1aa26!important}[data-theme=mono] .radio-option:hover{border-color:#a1a1aa4d!important}[data-theme=mono] .radio-option.selected{border-color:#a1a1aa!important;background:#a1a1aa1a!important}[data-theme=mono] .tab-button.active,[data-theme=mono] .tab-item.active{color:#fafafa!important;border-color:#a1a1aa!important}[data-theme=mono] .dropdown-menu{background:#27272a!important;border-color:#a1a1aa26!important}[data-theme=mono] .dropdown-item:hover{background:#fafafa0d!important;color:#fafafa!important}[data-theme=mono] .loading-spinner,[data-theme=mono] .spinner{border-top-color:#a1a1aa!important}[data-theme=mono] .pagination-button:hover{border-color:#71717a!important;color:#fafafa!important}[data-theme=mono] .pagination-button.active{background:#52525b!important;border-color:#52525b!important}[data-theme=light]{--color-primary: #ea580c;--color-primary-dark: #c2410c;--color-primary-light: #f97316;--color-secondary: #0284c7;--color-accent: #d97706;--color-success: #059669;--color-warning: #d97706;--color-error: #dc2626;--color-info: #0369a1;--color-bg-primary: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-tertiary: #f1f5f9;--color-bg-elevated: #ffffff;--color-text-primary: #0f172a;--color-text-secondary: #334155;--color-text-muted: #64748b;--color-text-tertiary: #94a3b8;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-xl: none;--shadow-glow: none;--gradient-primary: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);--gradient-success: linear-gradient(135deg, #059669 0%, #047857 100%);--gradient-warning: linear-gradient(135deg, #d97706 0%, #b45309 100%);--gradient-error: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);--gradient-dark: linear-gradient(135deg, #334155 0%, #1e293b 100%);--gradient-hero: linear-gradient(135deg, #ea580c 0%, #c2410c 100%)}[data-theme=light] body{background-color:#f8fafc!important;color:#0f172a!important}[data-theme=light] .sidebar{background:linear-gradient(180deg,#1c1917,#0c0a09)!important;border-right:1px solid rgba(255,255,255,.06)!important}[data-theme=light] .sidebar-header{border-bottom:1px solid rgba(255,255,255,.06)!important}[data-theme=light] .sidebar-logo{color:#fff!important}[data-theme=light] .sidebar-logo svg,[data-theme=light] .sidebar-logo .logo-icon{color:#f97316!important}[data-theme=light] .sidebar-user{background:#0000004d!important;border-top:1px solid rgba(255,255,255,.06)!important}[data-theme=light] .sidebar-user .avatar{background:linear-gradient(135deg,#f97316,#ea580c)!important;color:#fff!important}[data-theme=light] .sidebar-user .user-name{color:#fff!important}[data-theme=light] .sidebar-user .user-role{color:#fff9!important}[data-theme=light] .nav-section-title{color:#ffffff80!important}[data-theme=light] .nav-link{color:#ffffffb3!important}[data-theme=light] .nav-link svg{color:#ffffff80!important}[data-theme=light] .nav-link:hover{background:#ffffff14!important;color:#fff!important}[data-theme=light] .nav-link:hover svg{color:#f97316!important}[data-theme=light] .nav-link.active{background:linear-gradient(135deg,#f97316,#ea580c)!important;color:#fff!important;box-shadow:0 0 20px #f9731666!important}[data-theme=light] .nav-link.active svg{color:#fff!important}[data-theme=light] .nav-link.active:before{background:#f97316!important}[data-theme=light] .page-header{background:#fff!important;border-bottom:1px solid #e2e8f0!important}[data-theme=light] .page-title h1{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#0f172a!important;background-clip:unset!important;color:#0f172a!important}[data-theme=light] .btn-primary{background:linear-gradient(135deg,#ea580c,#c2410c)!important;color:#fff!important;box-shadow:none!important;border:none!important}[data-theme=light] .btn-primary:hover{background:linear-gradient(135deg,#c2410c,#9a3412)!important;box-shadow:none!important}[data-theme=light] .btn-secondary{background:#f1f5f9!important;color:#334155!important;border:1px solid #e2e8f0!important}[data-theme=light] .btn-secondary:hover{background:#e2e8f0!important;color:#0f172a!important}[data-theme=light] .btn-ghost{color:#334155!important}[data-theme=light] .btn-ghost:hover{background:#f1f5f9!important;color:#0f172a!important}[data-theme=light] .card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:none!important}[data-theme=light] .card:hover{box-shadow:none!important;border-color:#cbd5e1!important}[data-theme=light] .card-header{background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}[data-theme=light] .card-title{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#0f172a!important;background-clip:unset!important;color:#0f172a!important}[data-theme=light] .card-footer{background:#f8fafc!important;border-top:1px solid #e2e8f0!important}[data-theme=light] .stat-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:none!important}[data-theme=light] .stat-card:before{display:none!important}[data-theme=light] .stat-card:hover{border-color:#cbd5e1!important;box-shadow:none!important;transform:none!important}[data-theme=light] .stat-icon{box-shadow:none!important}[data-theme=light] .stat-icon:after{display:none!important}[data-theme=light] .stat-icon.primary{background:linear-gradient(135deg,#ea580c,#c2410c)!important}[data-theme=light] .stat-icon.success{background:linear-gradient(135deg,#059669,#047857)!important}[data-theme=light] .stat-icon.warning{background:linear-gradient(135deg,#d97706,#b45309)!important}[data-theme=light] .stat-icon.error{background:linear-gradient(135deg,#dc2626,#b91c1c)!important}[data-theme=light] .stat-icon.info{background:linear-gradient(135deg,#7c3aed,#6d28d9)!important}[data-theme=light] .stat-icon svg{color:#fff!important}[data-theme=light] .stat-label{color:#64748b!important}[data-theme=light] .stat-value{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#0f172a!important;background-clip:unset!important;color:#0f172a!important}[data-theme=light] .form-input,[data-theme=light] .form-select,[data-theme=light] .form-textarea{background:#fff!important;border:1px solid #e2e8f0!important;color:#0f172a!important}[data-theme=light] .form-input::placeholder,[data-theme=light] .form-textarea::placeholder{color:#94a3b8!important}[data-theme=light] .form-input:focus,[data-theme=light] .form-select:focus,[data-theme=light] .form-textarea:focus{border-color:#ea580c!important;box-shadow:0 0 0 2px #ea580c26!important;outline:none!important}[data-theme=light] .form-label{color:#334155!important}[data-theme=light] .table-container{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:none!important}[data-theme=light] .table th{background:#f8fafc!important;color:#64748b!important;border-bottom:1px solid #e2e8f0!important}[data-theme=light] .table td{color:#0f172a!important;border-bottom:1px solid #f1f5f9!important}[data-theme=light] .table tr:hover td{background:#f8fafc!important}[data-theme=light] .badge-primary{background:#ea580c1a!important;color:#c2410c!important}[data-theme=light] .badge-success{background:#0596691a!important;color:#047857!important}[data-theme=light] .badge-warning{background:#d977061a!important;color:#b45309!important}[data-theme=light] .badge-error,[data-theme=light] .badge-danger{background:#dc26261a!important;color:#b91c1c!important}[data-theme=light] .badge-info{background:#0369a11a!important;color:#075985!important}[data-theme=light] a:not(.btn){color:#ea580c}[data-theme=light] a:not(.btn):hover{color:#c2410c}[data-theme=light] .modal-overlay{background:#0f172a80!important}[data-theme=light] .modal,[data-theme=light] .modal-content,[data-theme=light] .popup-content,[data-theme=light] .popup-form{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 4px 6px #0000000d!important}[data-theme=light] .modal-header,[data-theme=light] .popup-header{background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}[data-theme=light] .modal-title{color:#0f172a!important}[data-theme=light] .modal-footer{background:#f8fafc!important;border-top:1px solid #e2e8f0!important}[data-theme=light] .radio-option{background:#fff!important;border:1px solid #e2e8f0!important;color:#334155!important}[data-theme=light] .radio-option:hover{background:#f8fafc!important;border-color:#cbd5e1!important}[data-theme=light] .radio-option.selected{border-color:#059669!important;border-left:3px solid #059669!important;background:#0596690d!important;color:#047857!important}[data-theme=light] .radio-option svg{color:#64748b!important}[data-theme=light] .radio-option.selected svg{color:#059669!important}[data-theme=light] ::-webkit-scrollbar-track{background:#f8fafc!important}[data-theme=light] ::-webkit-scrollbar-thumb{background:#cbd5e1!important}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#94a3b8!important}[data-theme=light] .daily-closed-section-v2{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:none!important}[data-theme=light] .daily-closed-section-v2 .grid-overlay{background-image:linear-gradient(#f1f5f9 1px,transparent 1px),linear-gradient(90deg,#f1f5f9 1px,transparent 1px)!important}[data-theme=light] .daily-closed-section-v2 .glow-orb{display:none!important}[data-theme=light] .daily-closed-header-v2{background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}[data-theme=light] .realtime-badge-v2{background:#ea580c!important;color:#fff!important;border:none!important}[data-theme=light] .realtime-badge-v2 .pulse-ring{background:#fff!important}[data-theme=light] .realtime-badge-v2 .pulse-ring:before{border-color:#fff!important}[data-theme=light] .realtime-badge-v2 .zap-icon{color:#fff!important}[data-theme=light] .daily-closed-title-v2 h2{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#0f172a!important;background-clip:unset!important;color:#0f172a!important;text-shadow:none!important}[data-theme=light] .daily-closed-subtitle-v2{color:#64748b!important}[data-theme=light] .stat-big-value-v2{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#059669!important;background-clip:unset!important;color:#059669!important;text-shadow:none!important}[data-theme=light] .stat-glow{display:none!important}[data-theme=light] .stat-big-label-v2{color:#64748b!important}[data-theme=light] .stat-change-badge-v2{background:#dcfce7!important;border:1px solid #86efac!important;box-shadow:none!important}[data-theme=light] .stat-change-badge-v2 svg{color:#059669!important}[data-theme=light] .stat-change-badge-v2 span{color:#047857!important}[data-theme=light] .stat-change-badge-v2 .vs-yesterday-v2{color:#64748b!important}[data-theme=light] .stat-change-badge-v2.negative{background:#fee2e2!important;border-color:#fca5a5!important}[data-theme=light] .stat-change-badge-v2.negative svg,[data-theme=light] .stat-change-badge-v2.negative span{color:#dc2626!important}[data-theme=light] .daily-closed-content-v2{background:#fff!important}[data-theme=light] .chart-y-axis span{color:#64748b!important}[data-theme=light] .chart-bar-v2.filled{background:#10b981!important}[data-theme=light] .chart-bar-v2.current{background:#ea580c!important;box-shadow:none!important}[data-theme=light] .chart-bar-v2.current .scanner-line{background:linear-gradient(to bottom,transparent,#ffffff,transparent)!important}[data-theme=light] .chart-bar-v2.empty{background:#e2e8f0!important}[data-theme=light] .bar-value-v2{color:#fff!important;text-shadow:none!important}[data-theme=light] .chart-hour-v2{color:#64748b!important}[data-theme=light] .chart-hour-v2.current{color:#ea580c!important;font-weight:700!important}[data-theme=light] .bar-tooltip{background:#1e293b!important;border:none!important;box-shadow:0 4px 12px #00000026!important}[data-theme=light] .bar-tooltip .tooltip-header{color:#fff!important;border-color:#334155!important}[data-theme=light] .bar-tooltip .tooltip-content{color:#e2e8f0!important}[data-theme=light] .bar-tooltip .tooltip-row span{color:#94a3b8!important}[data-theme=light] .bar-tooltip .tooltip-row strong{color:#fff!important}[data-theme=light] .bar-tooltip .tooltip-click-hint{color:#10b981!important}[data-theme=light] .bar-tooltip .tooltip-arrow{border-top-color:#1e293b!important}[data-theme=light] .division-breakdown-v2 h3{color:#0f172a!important}[data-theme=light] .division-name-v2{color:#334155!important}[data-theme=light] .division-bar-track-v2{background:#e2e8f0!important}[data-theme=light] .division-bar-fill-v2{background:linear-gradient(90deg,#ea580c,#f97316)!important}[data-theme=light] .division-bar-fill-v2 .bar-shine{display:none!important}[data-theme=light] .division-count-v2{color:#0f172a!important;font-weight:600!important}[data-theme=light] .back-button-v2{background:#f1f5f9!important;color:#334155!important;border:1px solid #e2e8f0!important}[data-theme=light] .back-button-v2:hover{background:#e2e8f0!important;color:#0f172a!important}[data-theme=light] .back-button-v2 .button-glow{display:none!important}[data-theme=light] .list-header-v2{background:#f8fafc!important;border:1px solid #e2e8f0!important}[data-theme=light] .list-header-icon{background:#ea580c!important;color:#fff!important}[data-theme=light] .list-header-text h3{color:#0f172a!important}[data-theme=light] .list-header-text span{color:#64748b!important}[data-theme=light] .ticket-item-v2{background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .ticket-item-v2:hover{background:#f8fafc!important;border-color:#ea580c!important}[data-theme=light] .ticket-item-number{color:#ea580c!important}[data-theme=light] .ticket-item-subject{color:#334155!important}[data-theme=light] .ticket-item-time{color:#64748b!important}[data-theme=light] .ticket-item-arrow{color:#ea580c!important}[data-theme=light] .list-loading span,[data-theme=light] .list-empty span{color:#64748b!important}[data-theme=light] .list-empty svg{color:#94a3b8!important}[data-theme=light] .loading-spinner-v2{border-color:#e2e8f0!important;border-top-color:#ea580c!important}[data-theme=light] .daily-closed-footer-v2{background:#f8fafc!important;border-top:1px solid #e2e8f0!important}[data-theme=light] .daily-closed-footer-v2 .pulse-icon{color:#10b981!important}[data-theme=light] .daily-closed-footer-v2 span{color:#64748b!important}[data-theme=light] .monitoring-section{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:none!important}[data-theme=light] .monitoring-header{background:#1e293b!important;border-bottom:1px solid #334155!important}[data-theme=light] .monitoring-header h2,[data-theme=light] .monitoring-title{color:#fff!important}[data-theme=light] .monitoring-subtitle{color:#94a3b8!important}[data-theme=light] .live-indicator{background:#dc2626!important;color:#fff!important}[data-theme=light] .live-indicator svg{color:#fff!important}[data-theme=light] .monitoring-time{color:#f97316!important}[data-theme=light] .monitoring-time svg{color:#f97316!important}[data-theme=light] .monitoring-column{background:#f1f5f9!important;border:1px solid #e2e8f0!important}[data-theme=light] .column-header{background:#e2e8f0!important;border-bottom:1px solid #cbd5e1!important}[data-theme=light] .column-title{color:#0f172a!important}[data-theme=light] .division-name{color:#0f172a!important;font-weight:600!important}[data-theme=light] .ticket-count{background:#0f172a!important;color:#fff!important}[data-theme=light] .ticket-percentage{color:#64748b!important}[data-theme=light] .column-body{background:#f8fafc!important}[data-theme=light] .empty-column{color:#64748b!important}[data-theme=light] .empty-column svg{color:#94a3b8!important}[data-theme=light] .monitoring-ticket-card{background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .monitoring-ticket-card:hover{border-color:#f97316!important;background:#fffbeb!important}[data-theme=light] .ticket-number-badge{color:#f97316!important;font-weight:600!important}[data-theme=light] .ticket-card-subject{color:#0f172a!important}[data-theme=light] .ticket-card-footer,[data-theme=light] .ticket-meta{color:#64748b!important}[data-theme=light] .ticket-meta svg{color:#94a3b8!important}[data-theme=light] .ticket-assignee{color:#64748b!important}[data-theme=light] .ticket-assignee svg{color:#94a3b8!important}[data-theme=light] .monitoring-footer{background:#f8fafc!important;border-top:1px solid #e2e8f0!important;color:#64748b!important}[data-theme=light] .monitoring-footer svg{color:#10b981!important}[data-theme=light] .tab-button,[data-theme=light] .tab-item{color:#64748b!important}[data-theme=light] .tab-button:hover,[data-theme=light] .tab-item:hover{color:#0f172a!important}[data-theme=light] .tab-button.active,[data-theme=light] .tab-item.active{color:#ea580c!important;border-color:#ea580c!important}[data-theme=light] .dropdown-menu{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 4px 6px #0000000d!important}[data-theme=light] .dropdown-item{color:#334155!important}[data-theme=light] .dropdown-item:hover{background:#f8fafc!important;color:#ea580c!important}[data-theme=light] .loading-spinner,[data-theme=light] .spinner{border-color:#e2e8f0!important;border-top-color:#ea580c!important}[data-theme=light] .loading-overlay{background:#f8fafce6!important}[data-theme=light] .pagination-button{background:#fff!important;border:1px solid #e2e8f0!important;color:#334155!important}[data-theme=light] .pagination-button:hover{background:#f8fafc!important;border-color:#ea580c!important;color:#ea580c!important}[data-theme=light] .pagination-button.active{background:#ea580c!important;border-color:#ea580c!important;color:#fff!important}[data-theme=light] .timeline:before{background:#e2e8f0!important}[data-theme=light] .timeline-dot{background:#fff!important;border-color:#ea580c!important}[data-theme=light] .timeline-content{background:#f8fafc!important;border:1px solid #e2e8f0!important}[data-theme=light] .timeline-action{color:#0f172a!important}[data-theme=light] .timeline-time{color:#64748b!important}[data-theme=light] .timeline-description{color:#334155!important}[data-theme=light] .handling-time-section{background:#f8fafc!important;border:1px solid #e2e8f0!important}[data-theme=light] .handling-time-section h4{color:#0f172a!important}[data-theme=light] .total-time-display{background:linear-gradient(135deg,#ea580c,#c2410c)!important}[data-theme=light] .time-breakdown:before{background:#e2e8f0!important}[data-theme=light] .time-details .time-label{color:#0f172a!important}[data-theme=light] .time-details .time-stamp{color:#64748b!important}[data-theme=light] .empty-state svg{color:#94a3b8!important}[data-theme=light] .empty-state h3{color:#334155!important}[data-theme=light] .empty-state p{color:#64748b!important}[data-theme=light] .avatar{background:linear-gradient(135deg,#ea580c,#c2410c)!important;color:#fff!important}[data-theme=light] .ticket-number{color:#ea580c!important}[data-theme=light] .priority-dot.low{background:#94a3b8!important}[data-theme=light] .priority-dot.medium{background:#0369a1!important}[data-theme=light] .priority-dot.high{background:#d97706!important}[data-theme=light] .priority-dot.critical{background:#dc2626!important}[data-theme=light] .date-preset-btn{background:#fff!important;border:1px solid #e2e8f0!important;color:#334155!important}[data-theme=light] .date-preset-btn:hover{background:#ea580c1a!important;border-color:#ea580c4d!important;color:#ea580c!important}[data-theme=light] .date-preset-btn.active{background:linear-gradient(135deg,#ea580c,#c2410c)!important;border-color:#ea580c!important;color:#fff!important}[data-theme=light] .date-custom-range{background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .date-custom-range svg{color:#ea580c!important}[data-theme=light] .search-bar input{background:#fff!important;border:1px solid #e2e8f0!important;color:#0f172a!important}[data-theme=light] .search-bar svg{color:#94a3b8!important}[data-theme=light] .gallery-thumbnail{background:#f1f5f9!important;box-shadow:none!important}[data-theme=light] .gallery-thumbnail:hover{box-shadow:none!important;border:1px solid #ea580c!important}[data-theme=light] .gallery-title{color:#334155!important}[data-theme=light] .document-item{background:#f8fafc!important;color:#0f172a!important}[data-theme=light] .document-item:hover{background:#f1f5f9!important}[data-theme=light] .document-name{color:#0f172a!important}[data-theme=light] .document-meta{color:#64748b!important}[data-theme=light] .attachments-count{background:#f1f5f9!important;color:#64748b!important}[data-theme=light] .sidebar-logo img{filter:brightness(1.1)!important}[data-theme=light] .hamburger-line{background:#ffffffb3!important}[data-theme=light] .sidebar-toggle-btn:hover .hamburger-line{background:#fff!important}[data-theme=light] .sidebar-toggle-btn:hover{background:#ffffff1a!important}[data-theme=light] .sidebar-footer{border-top:1px solid rgba(255,255,255,.1)!important}[data-theme=light] .sidebar-user-link:hover{background:#ffffff14!important}[data-theme=light] .sidebar-actions .btn{color:#ffffffb3!important}[data-theme=light] .sidebar-actions .btn:hover{background:#ffffff1a!important;color:#fff!important}[data-theme=light] .nav-submenu-items{border-left:2px solid rgba(255,255,255,.1)!important}[data-theme=light] .stat-card.gradient-primary{background:#1d4ed8!important;border:none!important}[data-theme=light] .stat-card.gradient-primary .stat-icon{background:#fff3!important}[data-theme=light] .stat-card.gradient-primary .stat-icon svg{color:#fff!important}[data-theme=light] .stat-card.gradient-primary .stat-value{-webkit-text-fill-color:#ffffff!important;color:#fff!important}[data-theme=light] .stat-card.gradient-primary .stat-label{color:#ffffffe6!important}[data-theme=light] .stat-card.gradient-success{background:#059669!important;border:none!important}[data-theme=light] .stat-card.gradient-success .stat-icon{background:#fff3!important}[data-theme=light] .stat-card.gradient-success .stat-icon svg{color:#fff!important}[data-theme=light] .stat-card.gradient-success .stat-value{-webkit-text-fill-color:#ffffff!important;color:#fff!important}[data-theme=light] .stat-card.gradient-success .stat-label{color:#ffffffe6!important}[data-theme=light] .stat-card.gradient-warning{background:#d97706!important;border:none!important}[data-theme=light] .stat-card.gradient-warning .stat-icon{background:#fff3!important}[data-theme=light] .stat-card.gradient-warning .stat-icon svg{color:#fff!important}[data-theme=light] .stat-card.gradient-warning .stat-value{-webkit-text-fill-color:#ffffff!important;color:#fff!important}[data-theme=light] .stat-card.gradient-warning .stat-label{color:#ffffffe6!important}[data-theme=light] .stat-card.gradient-info{background:#0891b2!important;border:none!important}[data-theme=light] .stat-card.gradient-info .stat-icon{background:#fff3!important}[data-theme=light] .stat-card.gradient-info .stat-icon svg{color:#fff!important}[data-theme=light] .stat-card.gradient-info .stat-value{-webkit-text-fill-color:#ffffff!important;color:#fff!important}[data-theme=light] .stat-card.gradient-info .stat-label{color:#ffffffe6!important}[data-theme=light] .mail-setup{background:#f8fafc!important}[data-theme=light] .mail-setup .orb{display:none!important}[data-theme=light] .setup-container{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:none!important}[data-theme=light] .setup-header h2{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#0f172a!important;background-clip:unset!important;color:#0f172a!important}[data-theme=light] .setup-header p{color:#64748b!important}[data-theme=light] .setup-icon{background:linear-gradient(135deg,#ea580c,#c2410c)!important;box-shadow:none!important}[data-theme=light] .setup-icon.config-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;box-shadow:none!important}[data-theme=light] .icon-glow{display:none!important}[data-theme=light] .mail-setup .form-label{color:#334155!important}[data-theme=light] .mail-setup .form-hint{color:#64748b!important}[data-theme=light] .mail-setup .form-input,[data-theme=light] .mail-setup .form-select{background:#fff!important;border:1px solid #e2e8f0!important;color:#0f172a!important}[data-theme=light] .mail-setup .form-input::placeholder{color:#94a3b8!important}[data-theme=light] .mail-setup .form-input:focus,[data-theme=light] .mail-setup .form-select:focus{border-color:#ea580c!important;box-shadow:0 0 0 2px #ea580c26!important}[data-theme=light] .input-icon-btn{color:#64748b!important}[data-theme=light] .input-icon-btn:hover{color:#ea580c!important}[data-theme=light] .config-toggle{background:#f8fafc!important;border:1px solid #e2e8f0!important}[data-theme=light] .config-toggle:hover{background:#f1f5f9!important;border-color:#cbd5e1!important}[data-theme=light] .config-toggle.active{background:#ea580c0d!important;border-color:#ea580c!important}[data-theme=light] .toggle-content{color:#64748b!important}[data-theme=light] .config-toggle.active .toggle-content{color:#ea580c!important}[data-theme=light] .toggle-title{color:#0f172a!important}[data-theme=light] .config-toggle.active .toggle-title{color:#ea580c!important}[data-theme=light] .toggle-desc{color:#64748b!important}[data-theme=light] .toggle-track{background:#e2e8f0!important}[data-theme=light] .config-toggle.active .toggle-track{background:linear-gradient(135deg,#ea580c,#c2410c)!important}[data-theme=light] .setup-actions .btn-primary{background:linear-gradient(135deg,#ea580c,#c2410c)!important;color:#fff!important;box-shadow:none!important}[data-theme=light] .setup-actions .btn-primary:hover{background:linear-gradient(135deg,#c2410c,#9a3412)!important}[data-theme=light] .btn-glow:before{display:none!important}[data-theme=light] .setup-actions .btn-secondary{background:#f1f5f9!important;color:#334155!important;border:1px solid #e2e8f0!important}[data-theme=light] .setup-actions .btn-secondary:hover{background:#e2e8f0!important;color:#0f172a!important}[data-theme=light] .setup-loading h2{color:#0f172a!important}[data-theme=light] .setup-loading p{color:#64748b!important}[data-theme=light] .loading-ring{background:#f1f5f9!important}[data-theme=light] .spin{color:#ea580c!important}[data-theme=light] .setup-success h2{color:#059669!important}[data-theme=light] .setup-success p{color:#64748b!important}[data-theme=light] .success-icon{color:#059669!important}[data-theme=light] .mail-setup .alert-error{background:#fef2f2!important;color:#dc2626!important;border:1px solid #fecaca!important}.division-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg)}.division-card{position:relative;background:#1a202cd9;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:var(--space-lg);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.division-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--card-accent, var(--color-primary)) 0%,transparent 100%);opacity:.7;transition:opacity .3s ease}.division-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000004d;border-color:#ffffff26}.division-card:hover:before{opacity:1}.division-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.division-name{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;line-height:1.3}.division-code{display:inline-flex;align-items:center;padding:4px 10px;background:#f9731626;border:1px solid rgba(249,115,22,.3);border-radius:6px;font-size:.75rem;font-weight:600;color:#fb923c;letter-spacing:.5px;text-transform:uppercase;flex-shrink:0}.division-meta{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;border-top:1px solid rgba(255,255,255,.06);margin-top:var(--space-sm)}.division-meta-item{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--color-text-muted);padding:4px 8px;background:#ffffff0a;border-radius:6px;transition:all .2s ease}.division-meta-item:hover{background:#ffffff14;color:var(--color-text-secondary)}.division-meta-item svg{width:14px;height:14px;opacity:.7}.division-meta-item.users{color:#60a5fa}.division-meta-item.level{color:#a78bfa}.division-meta-item.area{color:#34d399}.division-meta-item.dept{color:#fbbf24}.division-actions{position:absolute;top:var(--space-md);right:var(--space-md);display:flex;gap:6px;opacity:0;transform:translate(8px);transition:all .25s ease}.division-card:hover .division-actions{opacity:1;transform:translate(0)}.division-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:#ffffff1a;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.division-action-btn:hover{background:#fff3;color:var(--color-text-primary);transform:scale(1.1)}.division-action-btn.edit:hover{background:#3b82f633;color:#60a5fa}.division-action-btn.delete:hover{background:#ef444433;color:#f87171}.division-action-btn svg{width:16px;height:16px}.division-description{font-size:.8125rem;color:var(--color-text-muted);line-height:1.5;margin-top:var(--space-sm);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.division-card[data-level="1"]:before{background:linear-gradient(90deg,#10b981 0%,transparent 100%);--card-accent: #10b981}.division-card[data-level="2"]:before{background:linear-gradient(90deg,#3b82f6 0%,transparent 100%);--card-accent: #3b82f6}.division-card[data-level="3"]:before{background:linear-gradient(90deg,#8b5cf6 0%,transparent 100%);--card-accent: #8b5cf6}.division-card[data-level="4"]:before,.division-card[data-level="5"]:before{background:linear-gradient(90deg,#f59e0b 0%,transparent 100%);--card-accent: #f59e0b}.division-empty{grid-column:1 / -1;text-align:center;padding:var(--space-2xl);color:var(--color-text-muted)}.division-empty svg{width:48px;height:48px;margin-bottom:var(--space-md);opacity:.5}[data-theme=light] .division-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000001a}[data-theme=light] .division-card:hover{box-shadow:0 10px 25px #00000026;border-color:#cbd5e1}[data-theme=light] .division-name{background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .division-code{background:#f973161a;border-color:#f9731633;color:#ea580c}[data-theme=light] .division-meta{border-top-color:#e2e8f0}[data-theme=light] .division-meta-item{background:#f1f5f9;color:#64748b}[data-theme=light] .division-meta-item:hover{background:#e2e8f0;color:#334155}[data-theme=light] .division-action-btn{background:#f1f5f9;color:#64748b}[data-theme=light] .division-action-btn:hover{background:#e2e8f0;color:#334155}[data-theme=light] .division-description{color:#64748b}.division-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-sm);margin-top:var(--space-sm);border-top:1px solid rgba(255,255,255,.06)}.division-footer .division-meta{border-top:none;margin-top:0;padding-top:0}.division-footer .division-actions{position:static;opacity:1;transform:none;display:flex;gap:4px}.division-footer .division-action-btn{width:28px;height:28px;border-radius:6px}[data-theme=light] .division-footer{border-top-color:#e2e8f0}.division-modal{max-width:440px!important}.division-modal .modal-header h2{font-size:1.125rem}.division-form{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.division-form-row{display:flex;gap:var(--space-sm)}.division-form-row.three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-sm)}.division-form-field{display:flex;flex-direction:column;gap:4px}.division-form-field.flex-1{flex:1}.division-form-field.flex-2{flex:2}.division-form-field label{font-size:.6875rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.division-input{width:100%;padding:10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--color-text-primary);font-size:.9375rem;transition:all .2s ease}.division-input:focus{outline:none;border-color:var(--color-primary);background:#ffffff14}.division-input::placeholder{color:var(--color-text-muted)}.division-input.code-input{text-transform:uppercase;letter-spacing:1px;font-weight:600;text-align:center}textarea.division-input{resize:none;min-height:60px}select.division-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}.division-error{padding:8px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:6px;color:#f87171;font-size:.8125rem}.division-form-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md);border-top:1px solid rgba(255,255,255,.06);margin:0 calc(-1 * var(--space-md)) calc(-1 * var(--space-md));background:#0003;border-radius:0 0 16px 16px}.btn-cancel{padding:8px 16px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#ffffff0d;border-color:#fff3}.btn-submit{padding:8px 20px;background:var(--gradient-primary);border:none;border-radius:6px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #f973164d}.btn-submit:disabled{opacity:.5;cursor:not-allowed}[data-theme=light] .division-input{background:#f8fafc;border-color:#e2e8f0;color:#0f172a}[data-theme=light] .division-input:focus{background:#fff;border-color:#ea580c}[data-theme=light] .division-input::placeholder{color:#94a3b8}[data-theme=light] .division-form-actions{background:#f1f5f9;border-top-color:#e2e8f0}[data-theme=light] .btn-cancel{background:#fff;border-color:#e2e8f0;color:#64748b}[data-theme=light] .btn-cancel:hover{background:#f1f5f9;border-color:#cbd5e1}[data-theme=light] .division-error{background:#fef2f2;border-color:#fecaca;color:#dc2626}