:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Outfit", "Inter", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.22, 1, .36, 1);--transition-spring: .45s cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600;--brand-h: 250;--brand-s: 80%;--brand-l: 60%;--color-brand-hsl: var(--brand-h), var(--brand-s), var(--brand-l);--color-brand: hsl(var(--color-brand-hsl));--color-brand-hover: hsl(var(--brand-h), var(--brand-s), calc(var(--brand-l) - 8%));--color-brand-active: hsl(var(--brand-h), var(--brand-s), calc(var(--brand-l) - 15%));--color-brand-subtle: hsla(var(--color-brand-hsl), .1);--color-brand-glow: hsla(var(--color-brand-hsl), .4);--color-pending-hsl: 210, 10%, 60%;--color-processing-hsl: 210, 95%, 55%;--color-resolved-hsl: 142, 70%, 45%;--color-closed-hsl: 240, 6%, 30%;--color-pending: hsl(var(--color-pending-hsl));--color-processing: hsl(var(--color-processing-hsl));--color-resolved: hsl(var(--color-resolved-hsl));--color-closed: hsl(var(--color-closed-hsl));--color-pending-subtle: hsla(var(--color-pending-hsl), .15);--color-processing-subtle: hsla(var(--color-processing-hsl), .15);--color-resolved-subtle: hsla(var(--color-resolved-hsl), .15);--color-closed-subtle: hsla(var(--color-closed-hsl), .15);--color-priority-low: hsl(150, 40%, 45%);--color-priority-medium: hsl(200, 80%, 45%);--color-priority-high: hsl(35, 90%, 50%);--color-priority-urgent: hsl(0, 85%, 60%);--color-priority-low-subtle: hsla(150, 40%, 45%, .15);--color-priority-medium-subtle: hsla(200, 80%, 45%, .15);--color-priority-high-subtle: hsla(35, 90%, 50%, .15);--color-priority-urgent-subtle: hsla(0, 85%, 60%, .15)}html[data-theme=dark]{--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-hover: #334155;--color-surface-raised: #0b0f19;--color-border: #334155;--color-border-subtle: #1e293b;--color-text: #f8fafc;--color-text-secondary: #94a3b8;--color-text-tertiary: #64748b;--color-glass-bg: rgba(30, 41, 59, .7);--color-glass-border: rgba(255, 255, 255, .08);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .3), 0 0 1px rgba(255, 255, 255, .1);--shadow-lg: 0 12px 24px -4px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .05);--shadow-xl: 0 24px 48px -12px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .05);--shadow-glow: 0 0 20px rgba(99, 102, 241, .15);--color-scrollbar: #334155;--color-scrollbar-hover: #475569}html[data-theme=light]{--color-bg: #f8fafc;--color-surface: #ffffff;--color-surface-hover: #f1f5f9;--color-surface-raised: #edf2f7;--color-border: #e2e8f0;--color-border-subtle: #f1f5f9;--color-text: #0f172a;--color-text-secondary: #475569;--color-text-tertiary: #94a3b8;--color-glass-bg: rgba(255, 255, 255, .8);--color-glass-border: rgba(0, 0, 0, .06);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px -2px rgba(15, 23, 42, .08), 0 1px 2px -1px rgba(15, 23, 42, .04);--shadow-lg: 0 10px 25px -5px rgba(15, 23, 42, .1), 0 8px 10px -6px rgba(15, 23, 42, .05);--shadow-xl: 0 20px 50px -12px rgba(15, 23, 42, .15);--shadow-glow: 0 0 20px rgba(99, 102, 241, .08);--color-scrollbar: #cbd5e1;--color-scrollbar-hover: #94a3b8}*{margin:0;padding:0;box-sizing:border-box;outline-color:var(--color-brand)}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-hover)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.25}a{color:inherit;text-decoration:none}ul{list-style:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}.hidden{display:none!important}.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}.app-container{display:flex;min-height:100vh;position:relative}.sidebar{width:260px;background-color:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:var(--z-sticky);transition:background-color var(--transition-normal),border-color var(--transition-normal)}.sidebar-header{padding:var(--space-6) var(--space-5);border-bottom:1px solid var(--color-border-subtle)}.logo-container{display:flex;align-items:center;gap:var(--space-3)}.logo-icon{width:40px;height:40px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-brand) 0%,hsl(var(--brand-h),80%,45%) 100%);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-glow)}.logo-icon i{width:22px;height:22px}.logo-text h2{font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em}.logo-text span{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.sidebar-nav{flex:1;padding:var(--space-6) var(--space-3)}.sidebar-nav ul{display:flex;flex-direction:column;gap:var(--space-2)}.nav-item a{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:500;transition:all var(--transition-fast)}.nav-item a i{width:20px;height:20px}.nav-item:hover a{color:var(--color-text);background-color:var(--color-surface-hover)}.nav-item.active a{color:#fff;background-color:var(--color-brand);box-shadow:var(--shadow-glow)}.sidebar-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-subtle);background-color:var(--color-surface-hover)}.user-profile{display:flex;align-items:center;gap:var(--space-3)}.user-avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-border)}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{font-size:var(--text-sm);font-weight:600}.user-role{font-size:var(--text-xs);color:var(--color-text-secondary)}.main-wrapper{margin-left:260px;flex:1;display:flex;flex-direction:column;min-height:100vh;position:relative}.top-header{height:70px;padding:0 var(--space-8);border-bottom:1px solid var(--color-border);background-color:var(--color-surface);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:var(--z-sticky);transition:background-color var(--transition-normal),border-color var(--transition-normal)}.header-search{display:flex;align-items:center;background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--space-4);width:400px;height:40px;transition:all var(--transition-fast)}.header-search:focus-within{border-color:var(--color-brand);background-color:var(--color-surface);box-shadow:0 0 0 3px var(--color-brand-subtle)}.search-icon{width:18px;height:18px;color:var(--color-text-secondary);margin-right:var(--space-3)}.header-search input{border:none;background:transparent;width:100%;height:100%;font-size:var(--text-sm)}.header-search input:focus{outline:none}.search-shortcut{font-size:10px;background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-tertiary);padding:2px var(--space-2);border-radius:4px}.header-actions{display:flex;align-items:center;gap:var(--space-4)}.header-divider{width:1px;height:24px;background-color:var(--color-border)}.system-time{font-family:Outfit,sans-serif;font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500;min-width:70px;text-align:right}.view-content{padding:var(--space-8);flex:1}.view-section{display:none}.view-section.active{display:block;animation:view-fade-in var(--transition-slow) var(--transition-slow) both}@keyframes view-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.view-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--space-8)}.view-title-area h1{font-size:var(--text-3xl);font-weight:700;letter-spacing:-.03em;margin-bottom:var(--space-1)}.view-subtitle{color:var(--color-text-secondary);font-size:var(--text-sm)}.brand-glow{filter:drop-shadow(0 0 8px var(--color-brand-glow))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-md);font-weight:500;padding:var(--space-3) var(--space-5);font-size:var(--text-sm);cursor:pointer;border:1px solid transparent;transition:transform var(--transition-fast) var(--ease-out),box-shadow var(--transition-fast) var(--ease-out),background-color var(--transition-fast) var(--ease-in-out),border-color var(--transition-fast) var(--ease-in-out);-webkit-user-select:none;user-select:none}.btn i{width:16px;height:16px}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.98)}.btn-primary{background-color:var(--color-brand);color:#fff;box-shadow:0 4px 12px var(--color-brand-subtle)}.btn-primary:hover{background-color:var(--color-brand-hover);box-shadow:0 6px 16px var(--color-brand-glow)}.btn-primary:active{background-color:var(--color-brand-active)}.btn-secondary{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover{background-color:var(--color-surface-hover);border-color:var(--color-text-secondary)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-sm i{width:14px;height:14px}.btn-icon-only{padding:var(--space-2);border-radius:var(--radius-md);aspect-ratio:1}.icon-btn{width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all var(--transition-fast)}.icon-btn i{width:20px;height:20px;transition:transform var(--transition-fast)}.icon-btn:hover{background-color:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-text-secondary)}.icon-btn:hover i{transform:scale(1.05)}.icon-btn:active{transform:scale(.95)}.icon-btn .badge{position:absolute;top:-4px;right:-4px;background-color:var(--color-priority-urgent);color:#fff;border-radius:var(--radius-full);font-size:10px;font-weight:700;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-surface)}#theme-toggle .sun-icon,html[data-theme=light] #theme-toggle .moon-icon{display:none}html[data-theme=light] #theme-toggle .sun-icon{display:block}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.02em}.badge-info{background-color:var(--color-brand-subtle);color:var(--color-brand)}.status-badge{font-size:var(--text-xs);font-weight:600;padding:3px 8px;border-radius:4px;display:inline-flex;align-items:center;gap:6px;width:fit-content}.status-badge:before{content:"";width:6px;height:6px;border-radius:var(--radius-full)}.status-badge.status-pending{background-color:var(--color-pending-subtle);color:var(--color-text-secondary)}.status-badge.status-pending:before{background-color:var(--color-pending)}.status-badge.status-processing{background-color:var(--color-processing-subtle);color:var(--color-processing)}.status-badge.status-processing:before{background-color:var(--color-processing)}.status-badge.status-resolved{background-color:var(--color-resolved-subtle);color:var(--color-resolved)}.status-badge.status-resolved:before{background-color:var(--color-resolved)}.status-badge.status-closed{background-color:var(--color-closed-subtle);color:var(--color-text-secondary)}.status-badge.status-closed:before{background-color:var(--color-closed)}.priority-badge{font-size:var(--text-xs);font-weight:600;padding:2px 8px;border-radius:4px;display:inline-flex;align-items:center}.priority-badge.priority-low{background-color:var(--color-priority-low-subtle);color:var(--color-priority-low)}.priority-badge.priority-medium{background-color:var(--color-priority-medium-subtle);color:var(--color-priority-medium)}.priority-badge.priority-high{background-color:var(--color-priority-high-subtle);color:var(--color-priority-high)}.priority-badge.priority-urgent{background-color:var(--color-priority-urgent-subtle);color:var(--color-priority-urgent);animation:urgent-pulse 2s infinite}@keyframes urgent-pulse{0%{box-shadow:0 0 #f0424266}70%{box-shadow:0 0 0 6px #f0424200}to{box-shadow:0 0 #f0424200}}.category-badge{background-color:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:2px 8px;border-radius:4px;font-size:var(--text-xs);font-weight:500}.form-group{margin-bottom:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.form-group label.required:after{content:" *";color:var(--color-priority-urgent)}.form-group input:not([type=color]):not([type=checkbox]):not([type=radio]),.form-group select,.form-group textarea{background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text);width:100%;transition:all var(--transition-fast)}.form-group input:not([type=color]):not([type=checkbox]):not([type=radio]):focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-brand);background-color:var(--color-surface);box-shadow:0 0 0 3px var(--color-brand-subtle);outline:none}.form-row{display:flex;gap:var(--space-4)}.form-row .col-6{flex:1}.upload-drag-area{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;cursor:pointer;background-color:var(--color-surface-raised);transition:all var(--transition-normal);display:flex;flex-direction:column;align-items:center;justify-content:center}.upload-drag-area:hover,.upload-drag-area.drag-over{border-color:var(--color-brand);background-color:var(--color-brand-subtle)}.upload-drag-area i{width:40px;height:40px;color:var(--color-text-secondary);margin-bottom:var(--space-3);transition:color var(--transition-fast)}.upload-drag-area:hover i{color:var(--color-brand)}.upload-drag-area p{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:4px}.upload-drag-area p span{color:var(--color-brand);font-weight:600}.upload-tip{font-size:var(--text-xs);color:var(--color-text-tertiary)}.upload-preview-list{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.upload-preview-item{display:flex;align-items:center;justify-content:space-between;background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.file-info{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary)}.file-info i{width:14px;height:14px;color:var(--color-brand)}.btn-remove-file{background:transparent;border:none;cursor:pointer;color:var(--color-text-tertiary)}.btn-remove-file:hover{color:var(--color-priority-urgent)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal);opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-normal)}.backdrop.active{opacity:1;pointer-events:auto}.modal{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:90%;max-width:650px;max-height:85vh;display:flex;flex-direction:column;transform:scale(.95);opacity:0;transition:transform var(--transition-spring),opacity var(--transition-normal)}.backdrop.active .modal{transform:scale(1);opacity:1}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--space-3);background-color:var(--color-surface-hover);border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}#details-drawer-backdrop{justify-content:flex-end;align-items:stretch}.drawer{width:600px;background-color:var(--color-surface);border-left:1px solid var(--color-border);box-shadow:var(--shadow-xl);height:100%;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--transition-slow);z-index:var(--z-modal)}#details-drawer-backdrop.active .drawer{transform:translate(0)}.drawer-header{padding:var(--space-6);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;background-color:var(--color-surface-raised)}.drawer-header-title{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.ticket-id-badge{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-brand);font-weight:700}.drawer-header-title h2{font-size:var(--text-xl);font-weight:700;line-height:1.3}.drawer-body{flex:1;padding:var(--space-6);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-6)}.drawer-section h3{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-3);color:var(--color-text);border-left:3px solid var(--color-brand);padding-left:var(--space-2)}.meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);background-color:var(--color-surface-hover);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle)}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-label{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:500}.meta-value{font-size:var(--text-sm);font-weight:500}.dropdown-select-wrapper select{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text);width:100%;transition:all var(--transition-fast)}.dropdown-select-wrapper select:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-subtle)}.warning-alert-box{display:flex;gap:var(--space-3);background-color:var(--color-priority-urgent-subtle);border:1px solid hsla(0,85%,60%,.2);color:var(--color-priority-urgent);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.warning-alert-box i{flex-shrink:0;width:20px;height:20px;margin-top:2px}.warning-alert-box h4{font-size:var(--text-sm);font-weight:700;margin-bottom:2px}.warning-alert-box p{font-size:var(--text-xs);opacity:.9}.ticket-description-content{background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);font-size:var(--text-sm);line-height:var(--leading-relaxed);white-space:pre-wrap;color:var(--color-text-secondary)}.attachments-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.attachment-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface-raised);font-size:var(--text-xs);transition:all var(--transition-fast)}.attachment-card:hover{border-color:var(--color-brand);background-color:var(--color-surface-hover)}.attachment-icon-wrapper{width:30px;height:30px;border-radius:var(--radius-sm);background-color:var(--color-brand-subtle);color:var(--color-brand);display:flex;align-items:center;justify-content:center}.attachment-icon-wrapper i{width:16px;height:16px}.attachment-details{display:flex;flex-direction:column;overflow:hidden}.attachment-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{color:var(--color-text-tertiary)}.drawer-timeline{display:flex;flex-direction:column;gap:var(--space-4);position:relative;padding-left:var(--space-5);margin-left:8px}.drawer-timeline:before{content:"";position:absolute;top:6px;bottom:6px;left:0;width:2px;background-color:var(--color-border)}.timeline-item{position:relative}.timeline-dot{position:absolute;left:-24px;top:4px;width:10px;height:10px;border-radius:var(--radius-full);background-color:var(--color-border);border:2px solid var(--color-surface);box-shadow:0 0 0 2px var(--color-border)}.timeline-item.active .timeline-dot{background-color:var(--color-brand);box-shadow:0 0 0 2px var(--color-brand-subtle)}.timeline-item-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}.timeline-item-title{font-size:var(--text-xs);font-weight:700}.timeline-item-time{font-size:10px;color:var(--color-text-tertiary)}.timeline-item-desc{font-size:var(--text-xs);color:var(--color-text-secondary)}.comments-list{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-4)}.comment-item{background-color:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-4)}.comment-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.comment-user{display:flex;align-items:center;gap:var(--space-2)}.comment-avatar{width:24px;height:24px;border-radius:var(--radius-full);object-fit:cover}.comment-username{font-size:var(--text-xs);font-weight:700}.comment-user-badge{font-size:9px;background-color:var(--color-brand-subtle);color:var(--color-brand);padding:1px 4px;border-radius:2px;font-weight:600}.comment-time{font-size:10px;color:var(--color-text-tertiary)}.comment-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);word-break:break-word}.comment-attachment{margin-top:var(--space-2)}.add-comment-form{background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.comment-input-wrapper textarea{border:none;background:transparent;width:100%;resize:none;font-size:var(--text-sm);color:var(--color-text)}.comment-input-wrapper textarea:focus{outline:none}.comment-form-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--color-border-subtle);padding-top:var(--space-2)}.comment-attachment-btn{display:flex;align-items:center;gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--text-xs);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.comment-attachment-btn:hover{background-color:var(--color-surface-hover);color:var(--color-brand)}.comment-attachment-btn i{width:14px;height:14px}.drawer-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background-color:var(--color-surface-raised);display:flex;justify-content:space-between;gap:var(--space-2)}.toast-container{position:fixed;top:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);width:320px;pointer-events:none}.toast{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-4);display:flex;gap:var(--space-3);position:relative;overflow:hidden;pointer-events:auto;animation:toast-slide-in var(--transition-spring) both;transition:transform var(--transition-fast),opacity var(--transition-fast)}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.toast.removing{transform:translate(100px) scale(.9);opacity:0}.toast-icon{flex-shrink:0;width:20px;height:20px;margin-top:2px}.toast.toast-success .toast-icon{color:var(--color-resolved)}.toast.toast-error .toast-icon{color:var(--color-priority-urgent)}.toast.toast-warning .toast-icon{color:var(--color-priority-high)}.toast.toast-info .toast-icon{color:var(--color-processing)}.toast-content{flex:1}.toast-title{font-size:var(--text-sm);font-weight:700;margin-bottom:2px}.toast-message{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-normal)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background-color:var(--color-brand);width:100%;transform-origin:left}.toast.toast-success .toast-progress{background-color:var(--color-resolved)}.toast.toast-error .toast-progress{background-color:var(--color-priority-urgent)}.toast.toast-warning .toast-progress{background-color:var(--color-priority-high)}.toast.toast-info .toast-progress{background-color:var(--color-processing)}.notification-dropdown-wrapper{position:relative}.dropdown-panel{position:absolute;top:calc(100% + var(--space-3));right:0;width:360px;background-color:var(--color-glass-bg);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--color-glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;opacity:0;transform:translateY(10px) scale(.95);pointer-events:none;z-index:var(--z-dropdown);transition:opacity var(--transition-normal),transform var(--transition-normal)}.dropdown-panel.active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.dropdown-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.dropdown-header h3{font-size:var(--text-sm);font-weight:700}.text-btn{background:transparent;border:none;color:var(--color-brand);cursor:pointer;font-weight:600;font-size:var(--text-xs);transition:color var(--transition-fast)}.text-btn:hover{color:var(--color-brand-hover)}.dropdown-list{max-height:300px;overflow-y:auto}.dropdown-empty-state{padding:var(--space-8) var(--space-4);text-align:center;color:var(--color-text-tertiary);font-size:var(--text-xs)}.notification-item{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle);transition:background-color var(--transition-fast);cursor:pointer}.notification-item:hover{background-color:var(--color-surface-hover)}.notification-item:last-child{border-bottom:none}.notification-item.read{opacity:.65}.notification-item-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-1)}.notification-item-header h4{font-size:var(--text-xs);font-weight:700;color:var(--color-text)}.notification-time{font-size:9px;color:var(--color-text-tertiary)}.notification-item p{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.4}#tickets-list-container .tickets-table{min-width:2000px}#tickets-list-container .tickets-table th,#tickets-list-container .tickets-table td{white-space:nowrap}#tickets-list-container .tickets-table td.ticket-title-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.merchant-info-card{background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);margin-top:var(--space-1);animation:slideDown .25s var(--ease-out)}.merchant-info-card.hidden{display:none}.info-card-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:700;color:var(--color-brand);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.info-card-title i{width:14px;height:14px}.info-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3) var(--space-4)}.info-card-grid .info-item{display:flex;flex-direction:column;gap:2px}.info-card-grid .info-label{font-size:10px;color:var(--color-text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.02em}.info-card-grid .info-value{font-size:var(--text-xs);color:var(--color-text);font-weight:600}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);margin-bottom:var(--space-8)}.stat-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;align-items:center;gap:var(--space-4);position:relative;overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.stat-card:hover{transform:translateY(-2px);border-color:var(--color-brand);box-shadow:var(--shadow-md)}.stat-card:active{transform:translateY(0)}.stat-icon-wrapper{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.stat-icon-wrapper i{width:24px;height:24px}.stat-icon-wrapper.blue{background-color:var(--color-brand-subtle);color:var(--color-brand)}.stat-icon-wrapper.yellow{background-color:var(--color-priority-high-subtle);color:var(--color-priority-high)}.stat-icon-wrapper.purple{background-color:var(--color-processing-subtle);color:var(--color-processing)}.stat-icon-wrapper.green{background-color:var(--color-resolved-subtle);color:var(--color-resolved)}.stat-details{display:flex;flex-direction:column;gap:2px;flex:1}.stat-label{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:500}.stat-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700}.stat-trend{position:absolute;bottom:var(--space-3);right:var(--space-4);display:flex;align-items:center;gap:2px;font-size:10px;font-weight:600}.stat-trend.positive{color:var(--color-resolved)}.stat-trend.warning{color:var(--color-priority-urgent)}.stat-trend.neutral{color:var(--color-text-secondary)}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-6)}.dashboard-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;box-shadow:var(--shadow-sm);overflow:hidden}.dashboard-card .card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle);display:flex;justify-content:space-between;align-items:center}.dashboard-card .card-header h3{font-size:var(--text-sm);font-weight:700;color:var(--color-text);letter-spacing:-.01em}.dashboard-card .card-body{padding:var(--space-5);position:relative;flex:1}.dashboard-card .card-body.text-scroll{overflow-y:auto;max-height:320px}.chart-container-card,.priority-chart-card{grid-column:span 1}.priority-chart-card .card-body{display:flex;justify-content:center;align-items:center;min-height:220px}.pie-chart-wrapper{width:100%;max-width:200px;max-height:200px;position:relative}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:var(--radius-full);margin-right:4px}.legend-dot.blue{background-color:var(--color-brand)}.legend-dot.green{background-color:var(--color-resolved)}.legend-text{font-size:var(--text-xs);color:var(--color-text-secondary);margin-right:var(--space-3);font-weight:500}.team-load-list{display:flex;flex-direction:column;gap:var(--space-3)}.team-load-item{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.team-load-item:last-child{border-bottom:none;padding-bottom:0}.team-member-info{display:flex;align-items:center;gap:var(--space-3);width:45%}.member-avatar-wrapper{position:relative}.status-indicator{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:var(--radius-full);border:2px solid var(--color-surface)}.status-indicator.online{background-color:var(--color-resolved)}.status-indicator.busy{background-color:var(--color-priority-high)}.status-indicator.offline{background-color:var(--color-closed)}.team-member-name{font-size:var(--text-xs);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-member-role{font-size:10px;color:var(--color-text-tertiary)}.member-workload-bar{flex:1;display:flex;align-items:center;gap:var(--space-3)}.progress-track{flex:1;height:6px;background-color:var(--color-surface-hover);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);transition:width .8s ease}.progress-fill.green{background-color:var(--color-resolved)}.progress-fill.blue{background-color:var(--color-processing)}.progress-fill.orange{background-color:var(--color-priority-high)}.progress-fill.red{background-color:var(--color-priority-urgent)}.workload-count{font-size:var(--text-xs);font-weight:600;min-width:48px;text-align:right}.activity-timeline{display:flex;flex-direction:column;gap:var(--space-4);position:relative;padding-left:var(--space-4)}.activity-timeline:before{content:"";position:absolute;top:4px;bottom:4px;left:0;width:2px;background-color:var(--color-border)}.activity-item{position:relative}.activity-marker{position:absolute;left:-20px;top:4px;width:8px;height:8px;border-radius:var(--radius-full);background-color:var(--color-border);border:2px solid var(--color-surface)}.activity-item.urgent .activity-marker{background-color:var(--color-priority-urgent)}.activity-item.create .activity-marker{background-color:var(--color-brand)}.activity-item.resolve .activity-marker{background-color:var(--color-resolved)}.activity-item.comment .activity-marker{background-color:var(--color-processing)}.activity-details{display:flex;flex-direction:column;gap:2px}.activity-text{font-size:var(--text-xs);line-height:1.4}.activity-text strong{font-weight:700}.activity-time{font-size:10px;color:var(--color-text-tertiary)}.view-mode-toggle{display:flex;background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:2px}.mode-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:none;background:transparent;cursor:pointer;color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:600;transition:all var(--transition-fast)}.mode-btn.active{color:var(--color-text);background-color:var(--color-surface);box-shadow:var(--shadow-sm)}.mode-btn i{width:14px;height:14px}.filter-panel{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.search-input-wrapper{display:flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface-hover);padding:0 var(--space-4);height:40px;width:100%;transition:all var(--transition-fast)}.search-input-wrapper:focus-within{border-color:var(--color-brand);background-color:var(--color-surface);box-shadow:0 0 0 3px var(--color-brand-subtle)}.search-input-wrapper i{width:18px;height:18px;color:var(--color-text-secondary);margin-right:var(--space-3)}.search-input-wrapper input{border:none;background:transparent;width:100%;height:100%;font-size:var(--text-sm)}.search-input-wrapper input:focus{outline:none}.filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);width:100%}.filter-item{display:flex;flex-direction:column;gap:var(--space-2)}.filter-item label{font-size:var(--text-xs);font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.filter-item input:not([type=color]):not([type=checkbox]):not([type=radio]),.filter-item select{height:40px;background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--space-3);font-size:var(--text-sm);color:var(--color-text);width:100%;transition:all var(--transition-fast)}.filter-item input:not([type=color]):not([type=checkbox]):not([type=radio]):focus,.filter-item select:focus{outline:none;border-color:var(--color-brand);background-color:var(--color-surface);box-shadow:0 0 0 3px var(--color-brand-subtle)}.filter-item.extra-filter.hidden{display:none!important}.filter-controls-row{display:flex;justify-content:flex-end;gap:var(--space-2);border-top:1px dashed var(--color-border-subtle);padding-top:var(--space-4);margin-top:var(--space-2)}.tickets-view-container{display:none}.tickets-view-container.active{display:block}.table-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow-x:auto}.tickets-table{width:100%;border-collapse:collapse;text-align:left}.tickets-table th{background-color:var(--color-surface-hover);padding:var(--space-4) var(--space-5);font-size:var(--text-xs);font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);-webkit-user-select:none;user-select:none}.tickets-table th.sortable{cursor:pointer;transition:color var(--transition-fast)}.tickets-table th.sortable:hover{color:var(--color-text)}.tickets-table th i{width:12px;height:12px;display:inline-block;vertical-align:middle;margin-left:4px}.tickets-table td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle);font-size:var(--text-sm);vertical-align:middle}.tickets-table tbody tr{cursor:pointer;transition:background-color var(--transition-fast)}.tickets-table tbody tr:hover{background-color:var(--color-surface-hover)}.tickets-table tbody tr:last-child td{border-bottom:none}.ticket-id{font-family:var(--font-display);font-weight:700;color:var(--color-brand)}.ticket-title-cell{font-weight:600;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignee-cell{display:flex;align-items:center;gap:var(--space-2)}.assignee-avatar{width:24px;height:24px;border-radius:var(--radius-full);object-fit:cover}.text-right{text-align:right}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center}.empty-illustration{width:64px;height:64px;border-radius:var(--radius-full);background-color:var(--color-surface-hover);color:var(--color-text-tertiary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.empty-illustration i{width:32px;height:32px}.empty-state h3{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-1)}.empty-state p{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.kanban-board{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);align-items:start}.kanban-column{background-color:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);display:flex;flex-direction:column;max-height:75vh}.kanban-column .column-header{padding:var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.column-title{display:flex;align-items:center;gap:var(--space-2)}.status-dot{width:8px;height:8px;border-radius:var(--radius-full)}.status-dot.dot-pending{background-color:var(--color-pending)}.status-dot.dot-processing{background-color:var(--color-processing)}.status-dot.dot-resolved{background-color:var(--color-resolved)}.status-dot.dot-closed{background-color:var(--color-closed)}.column-title h3{font-size:var(--text-sm);font-weight:700;flex:1}.column-count{font-size:var(--text-xs);background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);font-weight:700;padding:2px 6px;border-radius:var(--radius-sm)}.kanban-cards-wrapper{padding:var(--space-3);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3);min-height:150px;transition:background-color var(--transition-fast)}.kanban-cards-wrapper.drag-over{background-color:var(--color-brand-subtle);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.kanban-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);cursor:grab;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);display:flex;flex-direction:column;gap:var(--space-3)}.kanban-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-text-tertiary)}.kanban-card:active{cursor:grabbing}.kanban-card.dragging{opacity:.5;border:2px dashed var(--color-brand);transform:scale(.95) rotate(1deg)}.card-tag-row{display:flex;justify-content:space-between;align-items:center}.kanban-card h4{font-size:var(--text-sm);font-weight:600;color:var(--color-text);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--color-border-subtle);padding-top:var(--space-2)}.card-date{font-size:10px;color:var(--color-text-tertiary)}.card-assignee{display:flex;align-items:center;gap:var(--space-1)}.card-assignee-avatar{width:20px;height:20px;border-radius:var(--radius-full);object-fit:cover}.card-assignee-name{font-size:10px;color:var(--color-text-secondary)}.view-sub-navigation{display:flex;gap:var(--space-2);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6);padding-bottom:2px}.sub-nav-btn{background:transparent;border:none;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md) var(--radius-md) 0 0;position:relative;transition:all var(--transition-fast)}.sub-nav-btn i{width:16px;height:16px}.sub-nav-btn:hover{color:var(--color-text);background-color:var(--color-surface-hover)}.sub-nav-btn.active{color:var(--color-brand);background-color:var(--color-surface-hover)}.sub-nav-btn.active:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-brand) 0%,hsl(var(--brand-h),80%,45%) 100%);border-radius:var(--radius-full)}.team-panels-wrapper{position:relative}.team-panel{display:none;animation:panel-fade var(--transition-normal) forwards}.team-panel.active{display:block}@keyframes panel-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.panel-header h3{font-size:var(--text-lg);font-weight:700}.orgs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.org-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal);position:relative;overflow:hidden}.org-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--color-brand)}.org-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.org-card-header{display:flex;justify-content:space-between;align-items:flex-start}.org-card-title h4{font-size:var(--text-base);font-weight:700;color:var(--color-text);margin-bottom:var(--space-1)}.org-badge{font-size:10px;background-color:var(--color-brand-subtle);color:var(--color-brand);padding:2px 6px;border-radius:var(--radius-sm);font-weight:700}.org-card-body{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.5;flex:1}.org-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--color-border-subtle);padding-top:var(--space-3);font-size:var(--text-xs)}.org-leader-info{display:flex;align-items:center;gap:var(--space-2)}.org-leader-avatar{width:20px;height:20px;border-radius:var(--radius-full);object-fit:cover}.org-leader-name{font-weight:600;color:var(--color-text)}.org-member-count{display:flex;align-items:center;gap:var(--space-1);color:var(--color-text-tertiary);font-weight:500}.org-member-count i{width:14px;height:14px}.org-actions{display:flex;gap:var(--space-2)}.perm-matrix-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--color-brand)}.member-info-cell{display:flex;align-items:center;gap:var(--space-3)}.member-info-cell img{width:32px;height:32px;border-radius:var(--radius-full);object-fit:cover}.member-name-text{font-weight:600;color:var(--color-text)}.member-role-tag{font-size:11px;font-weight:600;padding:2px 6px;border-radius:var(--radius-sm)}.role-admin{background-color:var(--color-priority-urgent-subtle);color:var(--color-priority-urgent)}.role-dispatcher{background-color:var(--color-priority-high-subtle);color:var(--color-priority-high)}.role-engineer{background-color:var(--color-processing-subtle);color:var(--color-processing)}.role-user{background-color:var(--color-pending-subtle);color:var(--color-text-secondary)}.workload-indicator{display:flex;align-items:center;gap:var(--space-2)}.workload-dot{width:8px;height:8px;border-radius:var(--radius-full)}.workload-dot.idle{background-color:var(--color-resolved)}.workload-dot.medium{background-color:var(--color-processing)}.workload-dot.busy{background-color:var(--color-priority-high)}.workload-dot.overloaded{background-color:var(--color-priority-urgent)}