:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--primary-light: #dbeafe;--primary-dark: #1e3a5f;--primary-accent: #3b82f6;--secondary-color: #4b5563;--success-color: #16a34a;--success-light: #dcfce7;--success-dark: #15803d;--warning-color: #d97706;--warning-light: #fef3c7;--warning-dark: #a16207;--warning-border: #f59e0b;--warning-accent: #b45309;--danger-color: #dc2626;--danger-light: #fee2e2;--urgent-color: #b91c1c;--info-color: #4f46e5;--info-light: #e0e7ff;--closed-color: #374151;--closed-light: #e5e7eb;--cyan-color: #0891b2;--cyan-light: #cffafe;--purple-color: #7c3aed;--purple-light: #ede9fe;--bg-color: #f3f4f6;--card-bg: #ffffff;--border-color: #d1d5db;--text-primary: #111827;--text-secondary: #374151;--text-muted: #6b7280;--star-inactive: #9ca3af;--warning-light-accent: #fef9c3;--info-light-start: #eff6ff;--info-light-end: #dbeafe;--info-border: #93c5fd;--brand-gradient: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-color) 50%, var(--primary-accent) 100%);--warning-gradient: linear-gradient(135deg, var(--warning-light) 0%, var(--warning-light-accent) 100%);--info-gradient: linear-gradient(135deg, var(--info-light-start) 0%, var(--info-light-end) 100%);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-normal: .25s ease}[data-theme=dark]{--bg-color: #111827;--card-bg: #1f2937;--border-color: #374151;--text-primary: #f9fafb;--text-secondary: #e5e7eb;--text-muted: #9ca3af;--primary-light: #1e3a5f;--success-light: #064e3b;--warning-light: #78350f;--danger-light: #7f1d1d;--info-light: #312e81;--closed-light: #374151;--cyan-light: #164e63;--purple-light: #4c1d95;--warning-light-accent: #713f12;--info-light-start: #1e3a5f;--info-light-end: #1e3a5f;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .3);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .4), 0 8px 10px -6px rgb(0 0 0 / .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.5;min-height:100vh}#app{min-height:100vh}.screen{display:none;min-height:100vh}.screen.active{display:block}.loading-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--brand-gradient);gap:var(--spacing-lg)}.loading-logo{width:240px;height:auto;animation:pulse 2s ease-in-out infinite}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--brand-gradient);padding:var(--spacing-lg)}.login-card{background:var(--card-bg);border-radius:var(--radius-xl);padding:var(--spacing-2xl);text-align:center;box-shadow:var(--shadow-xl);max-width:420px;width:100%}.logo-section{margin-bottom:var(--spacing-xl)}.logo{width:180px;height:auto;margin-bottom:var(--spacing-lg)}.logo-section h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.tagline{color:var(--text-secondary);font-size:.95rem}.google-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--radius-lg);font-size:1rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.google-btn:hover{border-color:var(--primary-color);background:var(--primary-light)}.google-btn svg{flex-shrink:0}.login-note{margin-top:var(--spacing-lg);font-size:.85rem;color:var(--text-muted)}.main-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);background:var(--card-bg);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:var(--spacing-md)}.header-logo{height:72px;width:auto;margin:calc(-1 * var(--spacing-md)) 0}.header-title{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.header-nav{display:flex;gap:var(--spacing-sm)}.nav-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.nav-btn:hover{background:var(--bg-color);color:var(--text-primary)}.nav-btn.active{background:var(--primary-light);color:var(--primary-color)}.header-right{display:flex;align-items:center;gap:var(--spacing-lg)}.user-info{display:flex;align-items:center;gap:var(--spacing-sm)}.user-avatar{width:36px;height:36px;border-radius:var(--radius-full);object-fit:cover}.user-name{font-size:.9rem;font-weight:500;color:var(--text-primary)}.logout-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.logout-btn:hover{background:var(--danger-color);color:#fff}.preferences-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.preferences-btn:hover{background:var(--primary-light);color:var(--primary-color)}.main-content{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.view{display:none}.view.active{display:block;animation:view-fade-in .25s ease-out}@keyframes view-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.view.active,.empty-state-illustration{animation:none}}.view-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl)}.view-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.ticket-count{font-weight:400;color:var(--text-secondary);font-size:1.1rem}.filter-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.9rem;color:var(--text-primary);background:var(--card-bg);cursor:pointer}.search-box{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:var(--text-muted);pointer-events:none}.search-input{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 38px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.9rem;color:var(--text-primary);background:var(--card-bg);width:220px;transition:all var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.search-input::placeholder{color:var(--text-muted)}.tickets-list{display:flex;flex-direction:column;gap:var(--spacing-md);contain:layout style}#all-tickets-view{max-width:1200px;margin:0 auto}.admin-search-row{display:flex;justify-content:center;margin-bottom:var(--spacing-lg)}.admin-search-row .search-input{width:400px}#admin-tickets-list{display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:900px;margin:0 auto}.ticket-card.compact{display:grid;grid-template-columns:85px 1fr auto;grid-template-rows:auto auto;gap:var(--spacing-xs) var(--spacing-md);align-items:center;padding:var(--spacing-sm) var(--spacing-md)}.ticket-card.compact .ticket-card-header{display:contents}.ticket-card.compact .ticket-id{grid-row:1;grid-column:1;width:85px}.ticket-card.compact .status-badge{grid-row:1;grid-column:3;justify-self:end}.ticket-card.compact .ticket-subject{grid-row:1;grid-column:2;font-size:.95rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-card.compact .ticket-meta{grid-row:2;grid-column:1 / -1;display:grid;grid-template-columns:160px 180px 180px auto;align-items:center;gap:var(--spacing-sm);font-size:.8rem}.ticket-card.compact .ticket-meta .ticket-meta-item{display:flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-card.compact .ticket-meta .ticket-assignee{max-width:none}.ticket-card.compact .ticket-meta .meta-label{font-weight:500;color:var(--text-secondary)}.ticket-card.compact .ticket-meta .unassigned{font-style:italic;color:var(--text-muted)}.pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-top:var(--spacing-md)}.pagination-info{font-size:.9rem;color:var(--text-secondary)}.pagination-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.pagination-pages{font-size:.9rem;font-weight:500;padding:0 var(--spacing-md);color:var(--text-primary)}.pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.ticket-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-fast);contain:layout style}.ticket-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.ticket-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-sm)}.ticket-id{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.ticket-subject{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.ticket-preview{font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ticket-meta{display:flex;align-items:center;gap:var(--spacing-lg);font-size:.85rem;color:var(--text-muted)}.ticket-meta-item{display:flex;align-items:center;gap:var(--spacing-xs)}.ticket-meta-item .meta-label{font-weight:500;color:var(--text-secondary)}.ticket-meta-item .unassigned{color:var(--text-muted);font-style:italic}.status-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.open{background:var(--primary-light);color:var(--primary-color)}.status-badge.in-progress{background:var(--warning-light);color:var(--warning-dark)}.status-badge.resolved{background:var(--success-light);color:var(--success-dark)}.status-badge.closed{background:var(--closed-light);color:var(--closed-color)}.priority-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;background:transparent;border:2px solid}.priority-badge.low{border-color:var(--secondary-color);color:var(--secondary-color)}.priority-badge.medium{border-color:var(--primary-color);color:var(--primary-color)}.priority-badge.high{border-color:var(--warning-accent);color:var(--warning-accent)}.priority-badge.urgent{border-color:var(--urgent-color);color:var(--urgent-color)}.due-date-badge{display:inline-flex;align-items:center;gap:4px;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;background:var(--bg-tertiary);color:var(--text-secondary)}.due-date-badge svg{flex-shrink:0}.due-date-badge.on-track{background:rgba(var(--secondary-rgb, 76, 175, 80),.15);color:var(--success-color, #4caf50)}.due-date-badge.due-soon{background:rgba(var(--warning-rgb, 255, 193, 7),.15);color:var(--warning-accent, #ff9800)}.due-date-badge.due-today{background:rgba(var(--warning-rgb, 255, 152, 0),.2);color:var(--warning-accent, #ff9800);animation:pulse-warning 2s infinite}.due-date-badge.overdue{background:rgba(var(--danger-rgb, 244, 67, 54),.15);color:var(--danger-color, #f44336)}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.7}}.due-date-input-wrapper{display:flex;align-items:center;gap:var(--spacing-xs)}.due-date-input-wrapper input[type=date]{flex:1;min-width:0}.due-date-input-wrapper .btn-clear-date{padding:var(--spacing-xs);color:var(--text-tertiary);flex-shrink:0;background:transparent;border:none;cursor:pointer;border-radius:var(--radius-sm)}.due-date-input-wrapper .btn-clear-date:hover{color:var(--danger-color);background:var(--hover-bg)}.due-date-status{display:block;font-size:.75rem;margin-top:var(--spacing-xs);font-weight:500}.due-date-status.on-track{color:var(--success-color, #4caf50)}.due-date-status.due-soon,.due-date-status.due-today{color:var(--warning-accent, #ff9800)}.due-date-status.overdue{color:var(--danger-color, #f44336)}.ticket-form{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:800px;margin:0 auto}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;font-size:.9rem;font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.form-group input[type=text],.form-group input[type=number],.form-group input[type=email],.form-group input[type=date],.form-group textarea,.form-group select{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:inherit;font-size:.95rem;color:var(--text-primary);background:var(--card-bg);transition:border-color var(--transition-fast)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.form-group textarea{resize:vertical;min-height:120px}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.custom-fields{border-top:1px solid var(--border-color);padding-top:var(--spacing-lg);margin-top:var(--spacing-lg)}.custom-fields:empty{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--bg-color);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color)}.btn-danger{background:var(--danger-color);color:#fff}.btn-danger:hover{background:var(--urgent-color)}.btn-full-width{width:100%;justify-content:center}.delete-ticket-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.ticket-checklist-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.ticket-checklist-attached{display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary);padding:var(--spacing-sm);border-radius:var(--radius-md)}.checklist-attached-name{font-size:.9rem;font-weight:500}.ticket-checklist-display{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-lg)}.ticket-checklist-display-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.ticket-checklist-display-header svg{color:var(--primary-color)}.ticket-checklist-display-header h4{margin:0;flex:1;font-size:1rem;font-weight:600}.checklist-progress-inline{background:var(--primary-light);color:var(--primary-color);padding:4px 10px;border-radius:var(--radius-full);font-size:.8rem;font-weight:600}.ticket-checklist-display-items{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.ticket-checklist-display-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:background .2s;background:var(--bg-color);border:1px solid var(--border-color)}.ticket-checklist-display-item:hover{border-color:var(--primary-color)}.ticket-checklist-display-item input[type=checkbox]{margin-top:2px;cursor:pointer;width:18px;height:18px}.ticket-checklist-display-item span{flex:1}.ticket-checklist-display-item.completed span{text-decoration:line-through;color:var(--text-secondary)}.ticket-checklist-display-item.completed{background:var(--success-light);border-color:var(--success-color)}.ticket-checklist{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-sm)}.ticket-checklist-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-color)}.ticket-checklist-header .checklist-name{font-weight:600;font-size:.9rem;color:var(--text-color)}.btn-remove-checklist{background:none;border:none;cursor:pointer;padding:4px;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all .2s}.btn-remove-checklist:hover{background:var(--danger-color);color:#fff}.ticket-checklist-items{display:flex;flex-direction:column;gap:var(--spacing-xs)}.ticket-checklist-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-xs);border-radius:var(--radius-sm);cursor:pointer;transition:background .2s;font-size:.85rem}.ticket-checklist-item:hover{background:var(--bg-color)}.ticket-checklist-item input[type=checkbox]{margin-top:2px;cursor:pointer}.ticket-checklist-item.completed span{text-decoration:line-through;color:var(--text-secondary)}.checklist-progress{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.checklist-progress-bar{height:6px;background:var(--border-color);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-xs)}.checklist-progress-fill{height:100%;background:var(--success-color);border-radius:var(--radius-full);transition:width .3s ease}.checklist-progress-text{font-size:.75rem;color:var(--text-secondary)}.attach-checklist-select{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.9rem;background:var(--bg-color);margin-bottom:var(--spacing-sm)}.btn-attach-checklist{width:100%}.cc-section{margin-top:var(--spacing-md)}.cc-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);min-height:24px}.cc-tag{display:inline-flex;align-items:center;gap:var(--spacing-xs);background-color:var(--primary-light);color:var(--primary-color);padding:4px 8px;border-radius:var(--radius-full);font-size:.8rem;max-width:200px}.cc-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-remove{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:1rem;line-height:1;padding:0;opacity:.7;transition:opacity var(--transition-fast)}.cc-remove:hover{opacity:1}.cc-input-wrapper{flex:1;position:relative}.cc-input-wrapper input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.85rem}.cc-input-wrapper input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.cc-dropdown{position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:var(--card-bg);border:1px solid var(--border-color);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-md);z-index:1000}.cc-dropdown-item{display:flex;flex-direction:column;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:var(--transition-fast)}.cc-dropdown-item:hover{background:var(--primary-light)}.cc-dropdown-name{font-size:.9rem;font-weight:500;color:var(--text-primary)}.cc-dropdown-email{font-size:.75rem;color:var(--text-muted)}.feedback-section{margin-top:var(--spacing-md)}.feedback-display{background:var(--warning-gradient);border:1px solid var(--warning-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.feedback-rating{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.feedback-stars{font-size:1.2rem;color:var(--warning-color);letter-spacing:2px}.feedback-rating-text{font-size:.9rem;font-weight:600;color:var(--text-primary)}.feedback-comment{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid rgba(251,191,36,.3)}.feedback-comment-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.feedback-comment-text{margin-top:var(--spacing-xs);font-size:.9rem;color:var(--text-primary);line-height:1.5;overflow-wrap:break-word;word-break:break-word}.feedback-date{margin-top:var(--spacing-sm);font-size:.75rem;color:var(--text-muted)}.btn-text{background:transparent;color:var(--text-secondary);padding:var(--spacing-sm)}.btn-text:hover{color:var(--primary-color)}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:.85rem}.ticket-detail{max-width:1200px;margin:0 auto}.ticket-detail-wrapper{display:flex;gap:var(--spacing-xl);align-items:flex-start}.ticket-detail-main{flex:1;min-width:0}.ticket-detail-sidebar{width:280px;flex-shrink:0;position:sticky;top:80px}.ticket-detail-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.ticket-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.ticket-detail-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.ticket-detail-badges{display:flex;gap:var(--spacing-sm)}.ticket-detail-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.ticket-info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.ticket-info-label{font-size:.8rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.ticket-info-value{font-size:.95rem;color:var(--text-primary)}.ticket-detail-description{background:var(--bg-color);border-radius:var(--radius-md);padding:var(--spacing-lg);white-space:pre-wrap;line-height:1.7;overflow-wrap:break-word;word-break:break-word}.scroll-to-bottom-btn,.scroll-to-top-btn{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:50%;background:var(--primary);color:#000;border:none;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;z-index:100;opacity:0}.scroll-to-top-btn{bottom:84px}.scroll-to-bottom-btn.visible,.scroll-to-top-btn.visible{display:flex;opacity:1}.scroll-to-bottom-btn:hover,.scroll-to-top-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.scroll-to-bottom-btn:active,.scroll-to-top-btn:active{transform:translateY(0)}.scroll-to-bottom-btn svg,.scroll-to-top-btn svg{flex-shrink:0}.ai-summary-section{background:var(--info-gradient);border:1px solid var(--info-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.ai-summary-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.ai-summary-header svg{color:var(--primary-color)}.ai-summary-header h4{margin:0;font-size:.95rem;font-weight:600;color:var(--primary-color);flex-grow:1}.ai-summary-header .btn-sm{font-size:.8rem;padding:4px 8px;gap:4px}.ai-summary-content{color:var(--text-primary)}.ai-summary-text{margin:0;line-height:1.6;font-size:.95rem}.ai-summary-loading{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:.9rem}.ai-summary-error{margin:0;color:var(--danger-color);font-size:.9rem}.file-upload-area{position:relative;border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-fast);cursor:pointer}.file-upload-area:hover,.file-upload-area.drag-over{border-color:var(--primary-color);background:var(--primary-light)}.file-upload-area input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-upload-content{pointer-events:none}.file-upload-content svg{color:var(--text-muted);margin-bottom:var(--spacing-md)}.file-upload-content p{color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.file-browse{color:var(--primary-color);font-weight:500}.file-hint{font-size:.8rem;color:var(--text-muted)}.file-preview-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.file-preview-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md)}.file-preview-info{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.file-preview-icon{color:var(--text-muted);flex-shrink:0}.file-preview-name{font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-preview-size{font-size:.8rem;color:var(--text-muted);margin-left:var(--spacing-sm);flex-shrink:0}.file-preview-remove{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.file-preview-remove:hover{background:var(--danger-color);color:#fff}.file-preview-error{border-color:var(--danger-color);background:var(--danger-light)}.file-preview-error .file-preview-name{color:var(--danger-color)}.upload-progress{margin-top:var(--spacing-md)}.progress-bar{height:8px;background:var(--border-color);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-xs)}.progress-fill{height:100%;background:var(--primary-color);border-radius:var(--radius-full);transition:width .3s ease;width:0%}#progress-text{font-size:.8rem;color:var(--text-muted)}.attachments-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.attachments-section h4{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.attachments-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.attachment-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.attachment-item:hover{border-color:var(--primary-color)}.attachment-icon{color:var(--primary-color);display:flex;align-items:center}.attachment-info{display:flex;flex-direction:column;gap:2px}.attachment-name{font-size:.85rem;color:var(--primary-color);text-decoration:none;font-weight:500}.attachment-name:hover{text-decoration:underline}.attachment-size{font-size:.75rem;color:var(--text-muted)}.ticket-custom-fields{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.ticket-custom-fields h4{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.updates-section{margin-top:var(--spacing-xl)}.updates-section h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.update-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.update-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.update-avatar{width:32px;height:32px;border-radius:var(--radius-full)}.update-meta{flex:1}.update-author{font-weight:500;color:var(--text-primary)}.update-time{font-size:.8rem;color:var(--text-muted)}.update-content{white-space:pre-wrap;line-height:1.6;overflow-wrap:break-word;word-break:break-word}.update-content .update-link{color:var(--primary-color);text-decoration:none;word-break:break-all}.update-content .update-link:hover{text-decoration:underline}.update-form{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.ticket-closed-notice{display:flex;align-items:center;gap:var(--spacing-md);background:var(--warning-gradient);border:1px solid var(--warning-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);color:var(--text-primary);font-size:.95rem}.ticket-closed-notice svg{flex-shrink:0;color:var(--warning-color)}.update-form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.update-form-header label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.canned-response-select{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.85rem;background:var(--bg-color);color:var(--text-primary);cursor:pointer;max-width:200px}.canned-response-select:focus{outline:none;border-color:var(--primary-color)}.update-form textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.95rem;resize:vertical;min-height:100px;margin-bottom:var(--spacing-md)}.update-form textarea:focus{outline:none;border-color:var(--primary-color)}.update-form-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.btn-dropdown-wrapper{position:relative;display:flex}.btn-dropdown-wrapper .btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.btn-dropdown-toggle{padding:var(--spacing-sm) var(--spacing-sm);border-top-left-radius:0;border-bottom-left-radius:0;border-left:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center}.btn-dropdown-toggle svg{transition:transform var(--transition-fast)}.btn-dropdown-menu{position:absolute;top:100%;right:0;margin-top:var(--spacing-xs);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:180px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--transition-fast)}.btn-dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.btn-dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;text-align:left;font-size:.9rem;color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast)}.btn-dropdown-item:hover{background:var(--bg-color)}.btn-dropdown-item svg{color:var(--success-color)}.private-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:.9rem;color:var(--text-secondary)}.private-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.private-checkbox:hover{color:var(--text-primary)}.update-file-upload{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.update-file-upload-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.85rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.update-file-upload-btn:hover{background:var(--card-bg);border-color:var(--primary-color);color:var(--primary-color)}.update-file-upload-btn svg{flex-shrink:0}.update-file-hint{font-size:.8rem;color:var(--text-muted)}.update-file-preview-list{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.update-file-preview-list:empty{margin-bottom:0}.update-attachments{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.update-attachment-item{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.85rem}.update-attachment-item .attachment-icon{display:flex;align-items:center;color:var(--text-muted)}.update-attachment-item .attachment-icon svg{width:16px;height:16px}.update-attachment-item .attachment-name{color:var(--primary-color);text-decoration:none;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.update-attachment-item .attachment-name:hover{text-decoration:underline}.update-attachment-item .attachment-size{color:var(--text-muted);font-size:.75rem}.update-card.update-private{background:var(--warning-light);border-color:var(--warning-border)}.private-badge{display:inline-block;background:var(--warning-color);color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:var(--radius-sm);margin-left:var(--spacing-sm);text-transform:uppercase}.edited-badge{display:inline-block;background:var(--secondary-color);color:#fff;font-size:.65rem;font-weight:500;padding:2px 5px;border-radius:var(--radius-sm);margin-left:var(--spacing-sm);text-transform:lowercase}.update-actions{display:flex;gap:var(--spacing-xs);margin-left:auto}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast)}.btn-icon:hover{background:var(--bg-color);color:var(--text-primary)}.btn-icon-danger:hover{background:var(--danger-light);color:var(--danger-color)}.update-edit-form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.update-edit-textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--primary-color);border-radius:var(--radius-md);font-size:.95rem;font-family:inherit;resize:vertical;min-height:80px;line-height:1.6}.update-edit-textarea:focus{outline:none;box-shadow:0 0 0 3px var(--primary-light)}.update-edit-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.update-edit-buttons{display:flex;gap:var(--spacing-sm)}.admin-container{display:grid;grid-template-columns:240px 1fr;gap:var(--spacing-xl);min-height:calc(100vh - 200px)}.admin-sidebar{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);height:fit-content;position:sticky;top:100px}.admin-sidebar h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.admin-nav{display:flex;flex-direction:column;gap:var(--spacing-xs)}.admin-nav-btn{display:block;width:100%;padding:var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;color:var(--text-secondary);text-align:left;cursor:pointer;transition:all var(--transition-fast)}.admin-nav-btn:hover{background:var(--bg-color);color:var(--text-primary)}.admin-nav-btn.active{background:var(--primary-light);color:var(--primary-color)}.admin-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.admin-view{display:none}.admin-view.active{display:block}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl)}.admin-header h3{font-size:1.25rem;font-weight:600}.admin-filters,.view-actions{display:flex;gap:var(--spacing-md);align-items:center}.import-export-actions{display:flex;gap:var(--spacing-sm);align-items:center;margin-left:auto}.import-export-actions .btn{display:flex;align-items:center;gap:var(--spacing-xs)}.import-export-actions .btn svg{flex-shrink:0}.import-export-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-lg)}.import-export-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.import-export-card h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.import-export-card>p{color:var(--text-muted);margin-bottom:var(--spacing-lg)}.import-export-card .import-export-actions{margin-bottom:var(--spacing-md)}.import-export-note{font-size:.85rem;color:var(--text-muted);font-style:italic}.export-date-range{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap}.export-date-range label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.9rem;color:var(--text-secondary)}.export-date-range input[type=date]{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-color);color:var(--text-primary);font-size:.9rem}.export-date-range input[type=date]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}.btn-danger-outline{color:var(--error-color);border-color:var(--error-color)}.btn-danger-outline:hover{background:var(--error-color);color:#fff}.work-calendar-section{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-top:var(--spacing-lg)}.work-calendar-settings{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.work-calendar-settings .weekend-toggle{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1rem;cursor:pointer}.work-calendar-settings .weekend-toggle input{width:18px;height:18px}.work-calendar-add{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.work-calendar-add h4{margin-bottom:var(--spacing-md);color:var(--text-primary)}.add-closed-day-form{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap}.add-closed-day-form .form-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.95rem;background:var(--bg-secondary);color:var(--text-primary)}.add-closed-day-form input[type=date]{min-width:160px}.add-closed-day-form input[type=text]{flex:1;min-width:200px}.work-calendar-list{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.work-calendar-list h4{margin-bottom:var(--spacing-md);color:var(--text-primary)}.closed-days-list{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:300px;overflow-y:auto}.closed-day-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md)}.closed-day-info{display:flex;align-items:center;gap:var(--spacing-md)}.closed-day-date{font-weight:600;color:var(--text-primary);min-width:100px}.closed-day-description{color:var(--text-muted)}.closed-day-remove{background:none;border:none;color:var(--error-color);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.closed-day-remove:hover{background:var(--error-bg)}.closed-days-empty{color:var(--text-muted);font-style:italic;padding:var(--spacing-md);text-align:center}.work-calendar-preview{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.work-calendar-preview h4{margin-bottom:var(--spacing-md);color:var(--text-primary)}.calendar-nav{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.calendar-nav span{font-weight:600;font-size:1.1rem;min-width:150px;text-align:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:var(--spacing-md)}.calendar-header{padding:var(--spacing-sm);text-align:center;font-weight:600;font-size:.85rem;color:var(--text-muted)}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:.9rem;cursor:pointer;transition:all .15s ease}.calendar-day.empty{cursor:default}.calendar-day.working{background:var(--success-bg);color:var(--success-color)}.calendar-day.weekend{background:var(--warning-bg);color:var(--warning-color)}.calendar-day.closed{background:var(--error-bg);color:var(--error-color)}.calendar-day.today{outline:2px solid var(--primary-color);outline-offset:-2px}.calendar-day:not(.empty):hover{opacity:.8;transform:scale(1.05)}.calendar-legend{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.85rem;color:var(--text-muted)}.legend-dot{width:12px;height:12px;border-radius:50%}.legend-dot.working{background:var(--success-color)}.legend-dot.weekend{background:var(--warning-color)}.legend-dot.closed{background:var(--error-color)}.fields-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.field-card{display:flex;align-items:center;justify-content:space-between;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg)}.field-info{flex:1}.field-name{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.field-meta{font-size:.85rem;color:var(--text-muted)}.field-actions{display:flex;gap:var(--spacing-sm)}.users-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.users-section-header{font-size:.9rem;font-weight:600;color:var(--text-secondary);padding:var(--spacing-sm) 0;margin-top:var(--spacing-md);border-bottom:1px solid var(--border-color)}.users-section-header:first-child{margin-top:0}.users-section-header.users-section-collapsible{cursor:pointer;display:flex;align-items:center;justify-content:space-between;user-select:none}.users-section-header.users-section-collapsible:hover{color:var(--text-primary)}.users-section-header .collapse-icon{transition:transform .2s ease}.users-section-header .collapse-icon.rotated{transform:rotate(180deg)}.users-archived-section,.users-section-content{overflow:hidden;transition:max-height .3s ease,opacity .3s ease;max-height:2000px;opacity:1}.users-archived-section.collapsed,.users-section-content.collapsed{max-height:0;opacity:0}.user-card{display:flex;align-items:center;justify-content:space-between;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg)}.user-card.user-card-archived{opacity:.7;background:var(--bg-secondary)}.user-card-info{display:flex;align-items:center;gap:var(--spacing-md)}.user-card-avatar{width:40px;height:40px;border-radius:var(--radius-full)}.user-card-details{display:flex;flex-direction:column}.user-card-name{font-weight:500;color:var(--text-primary)}.user-card-email{font-size:.85rem;color:var(--text-muted)}.user-role{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase}.user-role.admin{background:var(--warning-light);color:var(--warning-dark)}.user-role.user{background:var(--closed-light);color:var(--closed-color)}.notify-toggle{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;font-size:.85rem;color:var(--text-muted)}.notify-toggle input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary-color)}.notify-toggle-label{white-space:nowrap}.notify-toggle:hover{color:var(--text-primary)}.responses-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.response-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg)}.response-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.response-title{font-weight:600;color:var(--text-primary)}.response-actions{display:flex;gap:var(--spacing-sm)}.response-preview{font-size:.9rem;color:var(--text-secondary);white-space:pre-wrap;line-height:1.5;max-height:80px;overflow:hidden;position:relative}.response-preview:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30px;background:linear-gradient(transparent,var(--bg-color))}.admin-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--spacing-lg)}.checklists-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.checklist-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg)}.checklist-card.inactive{opacity:.6}.checklist-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-sm)}.checklist-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.checklist-name{font-weight:600;color:var(--text-primary);font-size:1rem}.checklist-description{font-size:.85rem;color:var(--text-secondary)}.checklist-actions{display:flex;gap:var(--spacing-sm)}.checklist-items-preview{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.items-count{font-size:.8rem;color:var(--text-muted);background:var(--border-color);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.inactive-badge{font-size:.75rem;color:var(--warning-color);background:var(--warning-light);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:500}.checklist-preview-list{list-style:none;padding:0;margin:0}.checklist-preview-list li{font-size:.85rem;color:var(--text-secondary);padding:var(--spacing-xs) 0;padding-left:var(--spacing-md);position:relative}.checklist-preview-list li:before{content:"☐";position:absolute;left:0;color:var(--text-muted)}.checklist-preview-list li.more-items{color:var(--text-muted);font-style:italic}.checklist-preview-list li.more-items:before{content:""}.checklist-items-container{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);max-height:300px;overflow-y:auto}.checklist-item-row{display:flex;align-items:center;gap:var(--spacing-sm)}.checklist-item-row .item-number{font-weight:500;color:var(--text-secondary);min-width:24px}.checklist-item-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.9rem}.checklist-item-input:focus{outline:none;border-color:var(--primary-color)}.modal-lg{max-width:600px}.modal-sm{max-width:420px}.modal-body{margin-bottom:var(--spacing-md)}.import-summary{background:var(--bg-color);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.import-summary p{margin:var(--spacing-xs) 0;font-size:.9rem}.import-summary strong{color:var(--text-primary)}.radio-group{display:flex;flex-direction:column;gap:var(--spacing-md)}.radio-label{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.radio-label:hover{border-color:var(--primary-color);background:var(--hover-bg)}.radio-label input[type=radio]{margin-top:3px;flex-shrink:0}.radio-label input[type=radio]:checked+.radio-text strong{color:var(--primary-color)}.radio-text{display:flex;flex-direction:column;gap:var(--spacing-xs)}.radio-text strong{font-weight:600;color:var(--text-primary)}.radio-text small{font-size:.8rem;color:var(--text-muted);line-height:1.4}.modal{display:none;position:fixed;inset:0;z-index:1000}.modal.active{display:flex;align-items:center;justify-content:center}.modal-overlay{position:absolute;inset:0;background:#00000080}.modal-content{position:relative;background:var(--card-bg);border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl)}.modal-header h3{font-size:1.25rem;font-weight:600}.modal-close{width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);font-size:1.5rem;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.modal-close:hover{background:var(--bg-color);color:var(--text-primary)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.toast-container{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);z-index:2000;display:flex;flex-direction:column;gap:var(--spacing-md)}.toast{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:slideIn .3s ease;min-width:300px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast.success{border-left:4px solid var(--success-color)}.toast.error{border-left:4px solid var(--danger-color)}.toast.warning{border-left:4px solid var(--warning-color)}.toast-message{flex:1;font-size:.9rem}.toast-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:1.25rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--text-muted)}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-muted)}.empty-state svg{width:64px;height:64px;margin-bottom:var(--spacing-lg);opacity:.5}.empty-state h3{font-size:1.1rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.empty-state-illustrated{padding:var(--spacing-3xl) var(--spacing-2xl)}.empty-state-illustrated .empty-state-illustration{width:180px;height:140px;margin-bottom:var(--spacing-xl);opacity:1}.empty-state-illustrated h3{font-size:1.25rem;margin-bottom:var(--spacing-md)}.empty-state-illustrated p{font-size:.95rem;color:var(--text-tertiary);max-width:280px;margin:0 auto}.empty-state-illustration{animation:float-gentle 4s ease-in-out infinite}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.status-controls{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.status-controls-title{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.status-controls-grid{display:flex;flex-direction:column;gap:var(--spacing-sm)}.status-controls-grid .control-row{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:var(--spacing-sm)}.status-controls-grid label{font-size:.75rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0}.status-controls-grid select,.status-controls-grid input[type=date]{width:100%;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.85rem;background:var(--bg-color);color:var(--text-primary)}.status-controls-grid select:focus,.status-controls-grid input[type=date]:focus{border-color:var(--primary-color);outline:none}.due-date-control{display:flex;flex-direction:column;gap:2px}.due-date-control .due-date-input-wrapper{display:flex;align-items:center;gap:var(--spacing-xs)}.due-date-control .due-date-input-wrapper input[type=date]{flex:1;min-width:0}.due-date-control .due-date-status{font-size:.7rem;margin:0}.status-controls .form-group{margin-bottom:var(--spacing-md);margin-top:var(--spacing-md)}.status-controls .form-group:last-child{margin-bottom:0}.status-controls .form-group>label{font-size:.8rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:var(--spacing-xs)}.status-controls select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.9rem;background:var(--bg-color)}.status-controls select:focus{border-color:var(--primary-color);outline:none}@media (max-width: 900px){.ticket-detail-wrapper{flex-direction:column}.ticket-detail-sidebar{width:100%;position:static;order:-1}}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.kpi-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);transition:all var(--transition-fast)}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-icon.kpi-total{background:var(--primary-light);color:var(--primary-color)}.kpi-icon.kpi-open{background:var(--warning-light);color:var(--warning-accent)}.kpi-icon.kpi-progress{background:var(--info-light);color:var(--info-color)}.kpi-icon.kpi-resolved{background:var(--success-light);color:var(--success-dark)}.kpi-icon.kpi-closed{background:var(--closed-light);color:var(--closed-color)}.kpi-icon.kpi-rate{background:var(--cyan-light);color:var(--cyan-color)}.kpi-icon.kpi-urgent{background:var(--danger-light);color:var(--urgent-color)}.kpi-icon.kpi-avg{background:var(--purple-light);color:var(--purple-color)}.kpi-content{display:flex;flex-direction:column}.kpi-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1.2}.kpi-label{font-size:.85rem;color:var(--text-muted);margin-top:2px}.reports-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.reports-section-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.reports-section-header .view-actions{display:flex;align-items:center;gap:var(--spacing-md)}.current-reports-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.reports-section{display:flex;gap:var(--spacing-lg)}.reports-column{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-lg)}.report-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.report-card.full-width{grid-column:1 / -1}.report-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.report-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.report-content{min-height:100px}.report-description{color:var(--text-secondary);font-size:.95rem;margin:0}.report-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.report-row:last-child{border-bottom:none}.report-row-label{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-primary);font-size:.95rem}.report-row-value{font-weight:600;color:var(--text-primary)}.report-bar{flex:1;height:8px;background:var(--bg-color);border-radius:var(--radius-full);margin:0 var(--spacing-md);overflow:hidden}.report-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.report-bar-fill.status-open{background:var(--warning-color)}.report-bar-fill.status-in-progress{background:var(--info-color)}.report-bar-fill.status-resolved{background:var(--success-color)}.report-bar-fill.status-closed{background:var(--secondary-color)}.report-bar-fill.priority-urgent{background:var(--urgent-color)}.report-bar-fill.priority-high{background:var(--warning-accent)}.report-bar-fill.priority-medium{background:var(--warning-color)}.report-bar-fill.priority-low{background:var(--success-color)}.report-bar-fill.assignee{background:var(--primary-color)}.report-bar-fill.creator{background:var(--purple-color)}.report-bar-fill.currently-assigned{background:var(--cyan-color)}.report-bar-fill.resolved-by{background:var(--success-color)}@media (max-width: 1200px){.current-reports-grid{grid-template-columns:repeat(2,1fr)}.reports-section{flex-wrap:wrap}.reports-column{flex:1 1 calc(50% - var(--spacing-lg) / 2);min-width:300px}}@media (max-width: 768px){.current-reports-grid{grid-template-columns:1fr}.reports-section{flex-direction:column}.reports-column{flex:1 1 100%}.main-header{flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-md)}.header-nav{order:3;width:100%;justify-content:center;flex-wrap:wrap}.nav-btn span{display:none}.admin-container{grid-template-columns:1fr}.admin-sidebar{position:static}.view-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.ticket-detail-header{flex-direction:column;gap:var(--spacing-md)}.ticket-detail-info{grid-template-columns:1fr}.form-actions{flex-direction:column}}.feedback-container{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl)}.feedback-card{background:var(--card-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:500px;width:100%;padding:var(--spacing-2xl)}.feedback-header{text-align:center;margin-bottom:var(--spacing-xl)}.feedback-icon{color:var(--warning-color);margin-bottom:var(--spacing-md)}.feedback-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.feedback-subtitle{color:var(--text-secondary);font-size:.95rem}.rating-selector{text-align:center;margin-bottom:var(--spacing-xl)}.rating-selector>p{font-weight:500;margin-bottom:var(--spacing-md)}.star-rating{display:flex;flex-direction:row-reverse;justify-content:center;gap:var(--spacing-xs)}.star-rating input{display:none}.star-rating label{cursor:pointer;color:var(--star-inactive);transition:color var(--transition-fast)}.star-rating label:hover,.star-rating label:hover~label,.star-rating input:checked~label{color:var(--warning-color)}.rating-description{margin-top:var(--spacing-md);font-size:.9rem;color:var(--text-secondary);font-weight:500}.feedback-form .form-group{margin-bottom:var(--spacing-lg)}.feedback-success{text-align:center;padding:var(--spacing-xl)}.feedback-success .success-icon{color:var(--success-color);margin-bottom:var(--spacing-md)}.feedback-success h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.feedback-success p{color:var(--text-secondary);margin-bottom:var(--spacing-md)}.feedback-rating-display{font-size:1.25rem;margin-bottom:var(--spacing-lg)}.kpi-icon.kpi-rating{background:var(--warning-gradient);color:var(--warning-dark)}.rating-summary{text-align:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.rating-avg{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.rating-avg-value{font-size:2.5rem;font-weight:700;color:var(--warning-color)}.rating-avg-label{font-size:.9rem;font-weight:500;color:var(--text-primary)}.rating-avg-count{font-size:.85rem;color:var(--text-muted)}.rating-label{min-width:160px}.empty-state-sm{text-align:center;padding:var(--spacing-lg);color:var(--text-muted)}.empty-state-sm p{font-size:.9rem}.ticket-transfer-section{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-top:var(--spacing-lg)}.ticket-transfer-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:700px}.ticket-transfer-card h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.transfer-form{display:flex;align-items:flex-end;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.transfer-form .form-group{flex:1;min-width:200px;margin-bottom:0}.transfer-form .form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--text-primary);font-size:.9rem}.transfer-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.9rem;background:var(--card-bg)}.transfer-arrow{display:flex;align-items:center;justify-content:center;padding-bottom:4px;color:var(--text-muted)}.transfer-preview{background:var(--primary-light);border:1px solid var(--primary-color);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.transfer-preview p{margin:0;color:var(--text-primary)}.transfer-actions{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.transfer-actions .btn{display:flex;align-items:center;gap:var(--spacing-xs)}.transfer-actions .btn svg{flex-shrink:0}.transfer-results{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:700px}.transfer-results h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.transfer-success{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--success-dark);background:var(--success-light);border:1px solid var(--success-color);border-radius:var(--radius-md);padding:var(--spacing-md)}.transfer-success svg{flex-shrink:0;color:var(--success-color)}.transfer-partial{padding:var(--spacing-md);background:var(--warning-light);border:1px solid var(--warning-border);border-radius:var(--radius-md)}.transfer-partial p{margin:0 0 var(--spacing-xs);color:var(--text-primary)}.transfer-errors{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--danger-light);border-radius:var(--radius-md)}.transfer-errors ul{margin:var(--spacing-xs) 0 0 var(--spacing-lg);padding:0}.transfer-errors li{color:var(--danger-color);font-size:.85rem}.transfer-error{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--danger-color);background:var(--danger-light);border:1px solid var(--danger-color);border-radius:var(--radius-md);padding:var(--spacing-md)}.transfer-error svg{flex-shrink:0}.spinner-small{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.preferences-body{padding:var(--spacing-lg)}.preferences-section{margin-bottom:var(--spacing-xl)}.preferences-section:last-child{margin-bottom:0}.preferences-section h4{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.05em}.preferences-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);cursor:pointer;padding:var(--spacing-sm) 0}.preferences-toggle-label{font-size:.95rem;color:var(--text-primary);font-weight:500}.preferences-toggle input[type=checkbox]{display:none}.toggle-slider{position:relative;width:44px;height:24px;background:var(--border-color);border-radius:var(--radius-full);transition:background var(--transition-fast);flex-shrink:0}.toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform var(--transition-fast);box-shadow:var(--shadow-sm)}.preferences-toggle input[type=checkbox]:checked+.toggle-slider{background:var(--primary-color)}.preferences-toggle input[type=checkbox]:checked+.toggle-slider:after{transform:translate(20px)}.preferences-hint{font-size:.8rem;color:var(--text-muted);margin-top:var(--spacing-xs);line-height:1.4}