*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary:#1a1a1a;--bg-secondary:hsla(0,0%,100%,.05);--bg-tertiary:hsla(0,0%,100%,.03);--bg-hover:hsla(0,0%,100%,.1);--text-primary:#fff;--text-secondary:hsla(0,0%,100%,.9);--text-tertiary:hsla(0,0%,100%,.7);--text-quaternary:hsla(0,0%,100%,.6);--text-quinary:hsla(0,0%,100%,.5);--border-color:hsla(0,0%,100%,.1);--border-hover:hsla(0,0%,100%,.2);--primary-color:#1a73e8;--primary-hover:#1557b0;--primary-active:#0d47a1;--shadow:rgba(0,0,0,.5);--modal-overlay:rgba(0,0,0,.7)}body.light-theme{--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-tertiary:#fafafa;--bg-hover:rgba(0,0,0,.05);--text-primary:#1a1a1a;--text-secondary:#2d2d2d;--text-tertiary:#4a4a4a;--text-quaternary:#6b6b6b;--text-quinary:#8a8a8a;--border-color:rgba(0,0,0,.1);--border-hover:rgba(0,0,0,.2);--primary-color:#1a73e8;--primary-hover:#1557b0;--primary-active:#0d47a1;--shadow:rgba(0,0,0,.15);--modal-overlay:rgba(0,0,0,.5)}body{font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;padding:0;transition:background-color .3s ease,color .3s ease}.app-container{width:100%;min-height:100vh;padding:20px}.app-header{display:flex;justify-content:space-between;align-items:center;padding:5px 20px;margin-bottom:10px;position:-webkit-sticky;position:sticky;top:0;z-index:100;background-color:var(--bg-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background-color .3s ease}.header-left{display:flex;flex-direction:column;gap:4px}.header-title{font-size:32px;font-weight:600;color:#1a73e8;margin:0;line-height:1.2}.header-subtitle{font-size:14px;color:var(--text-quaternary);margin:0;line-height:1.4;transition:color .3s ease}.header-right{gap:12px}.header-button,.header-right{display:flex;align-items:center}.header-button{gap:8px;padding:10px 16px;border-radius:8px;border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.header-button:hover{background-color:var(--bg-hover);border-color:var(--border-hover)}.header-button:active{background-color:var(--bg-hover);opacity:.8}.header-icon{width:16px;height:16px;flex-shrink:0}.settings-wrapper{position:relative}.settings-button{background-color:var(--bg-secondary)}.settings-dropdown{position:absolute;top:110%;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.35);padding:12px;min-width:220px;display:flex;flex-direction:column;gap:8px;z-index:200}.settings-user-info{padding:12px 0;border-bottom:1px solid var(--border-color);margin-bottom:4px}.settings-user-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px;line-height:1.4}.settings-user-email{font-size:14px;color:var(--text-quaternary);line-height:1.4}.theme-toggle-button{width:100%;justify-content:flex-start;background-color:var(--bg-secondary)}.search-container{position:relative;display:flex;align-items:center;min-width:250px;max-width:350px}.search-icon{position:absolute;left:12px;width:16px;height:16px;color:var(--text-quaternary);pointer-events:none;z-index:1}.search-input{width:100%;padding:10px 16px 10px 40px;border-radius:8px;border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .2s ease;outline:none}.search-input::placeholder{color:var(--text-quaternary)}.search-input:focus{border-color:var(--primary-color);background-color:var(--bg-hover)}.search-clear{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--text-quaternary);cursor:pointer;border-radius:4px;transition:all .2s ease}.search-clear:hover{background-color:var(--bg-hover);color:var(--text-primary)}.search-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:300px;overflow-y:auto;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px var(--shadow);z-index:1000;margin-top:4px}.search-suggestion-item{padding:12px 16px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--border-color)}.search-suggestion-item:last-child{border-bottom:none}.search-suggestion-item:hover{background-color:var(--bg-hover)}.suggestion-name{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.suggestion-email{font-size:12px;color:var(--text-quaternary)}.notification-button{position:relative;padding:10px;min-width:40px;justify-content:center}.notification-badge{top:4px;right:4px;background-color:#4461ef;color:#fff;font-size:11px;font-weight:600;padding:9px 6px;border-radius:10px;min-width:20px;height:20px;display:flex!important;align-items:center;justify-content:center;text-align:center;line-height:1;box-shadow:0 2px 4px rgba(0,0,0,.2);border:2px solid var(--bg-primary);z-index:100;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:-.2px}.primary-button{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.primary-button:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.primary-button:active{background-color:var(--primary-active)}.calendar-week-view{width:100%;max-width:1400px;margin:0 auto}.calendar-header-week{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:10px 0}.month-display{font-size:28px;font-weight:500;color:var(--text-primary);flex:1 1;text-align:center;transition:color .3s ease}.nav-button-week{background:transparent;border:none;font-size:24px;color:var(--text-primary);cursor:pointer;padding:8px 12px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.nav-button-week:active,.nav-button-week:hover{background-color:var(--bg-hover)}.nav-button-week:active{opacity:.8}.view-selector{display:flex;background-color:var(--bg-secondary);border-radius:6px;padding:2px;gap:2px;transition:background-color .3s ease}.view-button{background:transparent;border:none;color:var(--text-tertiary);padding:6px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.view-button:hover{background-color:var(--bg-hover);color:var(--text-secondary)}.view-button.active{background-color:var(--bg-hover);color:var(--text-primary)}.today-button-week{background:transparent;border:1px solid var(--border-hover);color:var(--text-primary);padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-left:auto}.today-button-week:hover{background-color:var(--bg-hover);border-color:var(--border-hover)}.today-button-week:active{background-color:var(--bg-hover);opacity:.8}.calendar-grid-container{display:flex;background-color:var(--bg-primary);border-radius:8px;overflow:hidden;transition:background-color .3s ease}.calendar-grid{flex:1 1;display:flex;flex-direction:column;position:relative}.days-header{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--border-color);position:-webkit-sticky;position:sticky;top:0;background-color:var(--bg-primary);z-index:10;transition:background-color .3s ease,border-color .3s ease}.day-header{padding:12px 8px;text-align:center;border-right:1px solid var(--border-color);min-height:64px;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;transition:border-color .3s ease}.day-header:last-child{border-right:none}.day-header.today{background-color:var(--bg-hover)}.day-abbr{font-size:11px;color:var(--text-quaternary);margin-bottom:4px;font-weight:400}.day-abbr,.day-number{transition:color .3s ease}.day-number{font-size:20px;font-weight:500;color:var(--text-primary)}.days-columns{display:grid;grid-template-columns:repeat(7,1fr);min-height:400px}.day-column{border-right:1px solid var(--border-color);padding:8px;min-height:400px;height:100%;display:flex;flex-direction:column;overflow:hidden;transition:border-color .3s ease}.day-column:last-child{border-right:none}.calendar-month-view{width:100%;display:flex;flex-direction:column}.month-weekdays{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--border-color);background-color:var(--bg-primary);transition:background-color .3s ease,border-color .3s ease}.month-weekday{padding:12px 8px;text-align:center;font-size:12px;font-weight:500;color:var(--text-quaternary);border-right:1px solid var(--border-color);transition:color .3s ease,border-color .3s ease}.month-weekday:last-child{border-right:none}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:120px}.month-day{border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:8px;height:120px;display:flex;flex-direction:column;cursor:pointer;transition:all .2s ease;overflow:hidden}.month-day:hover{background-color:var(--bg-hover)}.month-day.clickable-day{transition:all .2s ease}.month-day.clickable-day:hover{background-color:var(--bg-hover);transform:scale(1.02);cursor:pointer}.month-day.other-month{background-color:var(--bg-tertiary)}.month-day.other-month .month-day-number{color:var(--text-quinary)}.month-day.today{background-color:var(--bg-hover)}.month-day.today .month-day-number{background-color:var(--primary-color);color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-weight:500}.month-day-number{font-size:14px;font-weight:400;color:var(--text-secondary);margin-bottom:4px;width:-moz-fit-content;width:fit-content;transition:color .3s ease}.month-day-content{flex:1 1;font-size:12px;color:var(--text-tertiary);display:flex;flex-direction:column;gap:4px;overflow:hidden;min-height:0;transition:color .3s ease}.ticket-item-month{display:flex;align-items:center;gap:6px;font-size:11px;padding:2px 0;overflow:visible;text-overflow:ellipsis;white-space:nowrap;position:relative;min-width:0;flex:0 0 auto;max-width:100%}.ticket-item-month:hover .ticket-delete-btn-month{opacity:1}.ticket-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;display:inline-block}.ticket-name-month{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);flex:1 1;min-width:0;transition:color .3s ease}.ticket-delete-btn,.ticket-delete-btn-month{background:transparent;border:none;color:var(--text-quinary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;flex-shrink:0}.ticket-delete-btn-month:hover,.ticket-delete-btn:hover{background-color:rgba(239,68,68,.2);color:#ef4444}.ticket-delete-btn-month:active,.ticket-delete-btn:active{background-color:rgba(239,68,68,.3)}.ticket-delete-btn-month{opacity:0;width:16px;height:16px}.ticket-item-week{background-color:var(--bg-secondary);border-left:3px solid var(--border-hover);border-radius:4px;padding:8px;margin-bottom:8px;transition:all .2s ease;overflow:hidden;min-width:0;position:relative}.ticket-item-week:hover{background-color:var(--bg-hover);border-left-color:var(--primary-color);transform:translateX(2px)}.ticket-header-week{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px}.ticket-name-week{font-size:13px;font-weight:600;color:var(--text-secondary);flex:1 1;min-width:0;white-space:nowrap}.ticket-description-week,.ticket-name-week{overflow:hidden;text-overflow:ellipsis;transition:color .3s ease}.ticket-description-week{font-size:11px;color:var(--text-tertiary);margin-bottom:6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-height:2.8em}.ticket-status-week{font-size:11px;font-weight:500;margin-bottom:6px}.ticket-social-media{display:flex;align-items:center;gap:6px;margin-top:4px}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-tertiary);transition:color .2s ease}.social-icon:hover{color:var(--text-secondary)}.social-icon svg{width:100%;height:100%}.ticket-visual-thumbnail{position:absolute;bottom:4px;right:4px;width:32px;height:32px;border-radius:4px;overflow:hidden;background-color:var(--bg-primary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;z-index:1;opacity:.8;transition:opacity .2s ease,transform .2s ease}.ticket-item-week:hover .ticket-visual-thumbnail{opacity:1;transform:scale(1.05)}.ticket-visual-thumbnail img{width:100%;height:100%;object-fit:cover}.ticket-visual-thumbnail-month{position:absolute;bottom:0;right:0;width:20px;height:20px;border-radius:3px;overflow:hidden;background-color:var(--bg-primary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;z-index:1;opacity:.8;flex-shrink:0}.ticket-visual-thumbnail-month img{width:100%;height:100%;object-fit:cover}.ticket-loading{font-size:11px;color:var(--text-quinary);text-align:center;padding:4px;transition:color .3s ease}.week-stats-container{margin-top:30px;padding:20px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:background-color .3s ease,border-color .3s ease}.week-stats-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 16px;transition:color .3s ease}.week-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:12px;gap:12px}.week-stat-card{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:12px;display:flex;align-items:center;gap:12px;transition:all .2s ease}.week-stat-card:hover{background-color:var(--bg-hover);border-color:var(--border-hover)}.week-stat-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.week-stat-content{flex:1 1;display:flex;flex-direction:column;gap:4px}.week-stat-label{font-size:12px;color:var(--text-tertiary);font-weight:400;transition:color .3s ease}.week-stat-value{font-size:20px;font-weight:600;color:var(--text-primary);line-height:1.2;transition:color .3s ease}.reporting-container{max-width:1400px;margin:0 auto;padding:20px}.reporting-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px;margin-bottom:30px}.kpi-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s ease}.kpi-card:hover{background-color:var(--bg-hover);border-color:var(--border-hover);transform:translateY(-2px)}.kpi-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-icon svg{width:24px;height:24px}.kpi-content{flex:1 1;display:flex;flex-direction:column;gap:4px}.kpi-label{font-size:14px;color:var(--text-tertiary);font-weight:400}.kpi-label,.kpi-value{transition:color .3s ease}.kpi-value{font-size:32px;font-weight:600;color:var(--text-primary);line-height:1.2}.reporting-section{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px;margin-bottom:30px;transition:background-color .3s ease,border-color .3s ease}.reporting-section-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 20px;transition:color .3s ease}.status-distribution{display:flex;flex-direction:column;gap:16px}.status-bar-container{display:flex;flex-direction:column;gap:8px}.status-bar-wrapper{width:100%;height:40px;background-color:var(--bg-tertiary);border-radius:8px;overflow:hidden;position:relative;transition:background-color .3s ease}.status-bar{height:100%;display:flex;align-items:center;justify-content:flex-start;padding:0 12px;border-radius:8px;transition:width .3s ease;min-width:40px}.status-bar-value{color:#fff;font-size:14px;font-weight:600;white-space:nowrap}.status-label{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--text-secondary);transition:color .3s ease}.status-percentage{font-weight:600;color:var(--text-tertiary);transition:color .3s ease}.recent-tickets-list{display:flex;flex-direction:column;gap:12px}.recent-ticket-item{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:16px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.recent-ticket-item:hover{background-color:var(--bg-hover);border-color:var(--border-hover)}.recent-ticket-content{flex:1 1;display:flex;flex-direction:column;gap:4px}.recent-ticket-title{font-size:16px;font-weight:600;color:var(--text-primary);transition:color .3s ease}.recent-ticket-subtitle{font-size:14px;color:var(--text-quaternary);transition:color .3s ease}.recent-ticket-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.recent-ticket-status{font-size:13px;font-weight:600}.recent-ticket-date{font-size:12px;color:var(--text-quinary);transition:color .3s ease}.empty-message,.loading-message{text-align:center;padding:40px;color:var(--text-quinary);font-size:14px;transition:color .3s ease}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;transition:background-color .3s ease}.modal-content{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px var(--shadow);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.modal-title{font-size:24px;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.modal-close{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.modal-close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.modal-form{padding:24px}.form-group{margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.form-label{display:block;font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:8px;transition:color .3s ease}.required{color:#ef4444}.form-input,.form-select,.form-textarea{width:100%;padding:12px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);background-color:var(--bg-hover)}.form-textarea{resize:vertical;min-height:80px}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-select option{background-color:#2a2a2a!important;color:#fff!important;padding:8px}.form-select optgroup{background-color:#1a1a1a!important;color:#ccc!important;font-weight:600}body.light-theme .form-select{background-color:#e5e5e5;color:#1a1a1a}body.light-theme .form-select option{background-color:#fff;color:#1a1a1a;padding:8px}body.light-theme .form-select optgroup{background-color:#f5f5f5;color:#333;font-weight:600}body.light-theme .form-select:hover{background-color:#d0d0d0}body.light-theme .form-select:focus{background-color:#e5e5e5;color:#1a1a1a}.social-media-checkboxes{display:flex;flex-wrap:wrap;gap:12px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;transition:all .2s ease}.checkbox-label:hover{background-color:var(--bg-hover);border-color:var(--border-hover)}.checkbox-input{width:18px;height:18px;cursor:pointer;accent-color:#1a73e8}.checkbox-text{font-size:14px;color:var(--text-secondary);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .3s ease}.form-error{font-size:12px;color:#ef4444;margin-top:6px;display:block}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color);transition:border-color .3s ease}.modal-button{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent;font-family:inherit}.modal-button:disabled{opacity:.5;cursor:not-allowed}.cancel-button{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-secondary)}.cancel-button:hover:not(:disabled){background-color:var(--bg-hover);border-color:var(--border-hover)}.submit-button{background-color:#1a73e8;border-color:#1a73e8;color:#fff}.submit-button:hover:not(:disabled){background-color:#1557b0;border-color:#1557b0}.delete-button{background-color:#ef4444;border-color:#ef4444;color:#fff}.delete-button:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626}.delete-modal{max-width:480px;padding:32px;text-align:center}.delete-modal-icon{display:flex;justify-content:center;margin-bottom:20px}.delete-modal-content{margin-bottom:24px}.delete-modal-title{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 16px;transition:color .3s ease}.delete-modal-message{font-size:16px;color:var(--text-secondary);margin:0 0 12px;line-height:1.5;transition:color .3s ease}.delete-modal-message strong{color:var(--text-primary);font-weight:600}.delete-modal-warning{font-size:14px;color:var(--text-tertiary);margin:0;line-height:1.5;transition:color .3s ease}.ticket-details-modal{max-width:1200px;width:95%}.ticket-details-content{padding:6px;display:flex;flex-direction:column;gap:12px}.ticket-details-meta-wrapper{display:flex;align-items:center;justify-content:space-between;padding:6px;border-bottom:1px solid var(--border-color);gap:16px}.ticket-details-meta{display:flex;align-items:center;gap:24px;flex-wrap:wrap;flex:1 1}.ticket-details-edit-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--border-color);border-radius:6px;background-color:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.ticket-details-edit-button:hover{background-color:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.ticket-details-edit-button:active{opacity:.8;transform:scale(.95)}.ticket-details-edit-button svg{width:16px;height:16px}.ticket-details-meta-item{display:flex;align-items:center;gap:8px}.ticket-details-meta-icon{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0;transition:color .3s ease}.ticket-details-meta-text{font-size:14px;font-weight:400;color:var(--text-primary);transition:color .3s ease}.ticket-details-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:8px}.ticket-details-header-left{flex:0 0 auto}.ticket-details-header-icons{display:flex;align-items:center;gap:8px}.ticket-details-header-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-tertiary);transition:color .2s ease}.ticket-details-header-icon svg{width:20px;height:20px}.ticket-details-header-center{flex:1 1;text-align:center}.ticket-details-header-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.ticket-details-header-right{flex:0 0 auto}.ticket-details-header-status{display:inline-block;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;color:#fff}.ticket-details-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.ticket-details-left-column,.ticket-details-right-column{display:flex;flex-direction:column;gap:24px}.ticket-details-section{display:flex;flex-direction:column;gap:12px}.ticket-details-section-title{font-size:16px;font-weight:600;color:var(--text-primary)!important;margin:0 0 12px;transition:color .3s ease}body.light-theme .ticket-details-section-title{color:#1a1a1a!important}body:not(.light-theme) .ticket-details-section-title{color:#fff!important}.ticket-details-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.ticket-details-label{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin:0;transition:color .3s ease}.ticket-details-value{font-size:16px;font-weight:400;color:var(--text-primary);margin:0;line-height:1.5;transition:color .3s ease}.ticket-details-description-box{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;min-height:120px;transition:background-color .3s ease,border-color .3s ease}.ticket-details-description-text{font-size:14px;line-height:1.6;color:var(--text-primary);margin:0;white-space:pre-wrap;word-wrap:break-word;transition:color .3s ease}.ticket-details-status{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:500}.ticket-details-status-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.ticket-details-social-media{display:flex;flex-wrap:wrap;gap:12px}.ticket-details-social-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;transition:all .2s ease}.ticket-details-social-item:hover{background-color:var(--bg-hover);border-color:var(--border-hover)}.ticket-details-social-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-tertiary);flex-shrink:0}.ticket-details-social-icon svg{width:100%;height:100%}.ticket-details-social-name{font-size:14px;font-weight:500;color:var(--text-secondary);transition:color .3s ease}.ticket-details-validation-list{display:flex;flex-direction:column;gap:16px}.ticket-details-validation-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;transition:background-color .3s ease,border-color .3s ease}.ticket-details-validation-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:var(--primary-color);color:#fff;flex-shrink:0}.ticket-details-validation-icon svg{width:14px;height:14px}.ticket-details-validation-content{flex:1 1;display:flex;flex-direction:column;gap:4px}.ticket-details-validation-label{font-size:12px;font-weight:500;color:var(--text-tertiary);transition:color .3s ease}.ticket-details-validation-value{font-size:14px;font-weight:400;color:var(--text-primary);transition:color .3s ease}.ticket-details-validation-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600;color:#fff}.ticket-details-visuel-container{width:100%;border-radius:8px;overflow:hidden;border:1px solid var(--border-color);background-color:var(--bg-tertiary);transition:border-color .3s ease}.ticket-details-image{width:100%;max-height:500px;object-fit:contain;display:block;background-color:var(--bg-tertiary)}.ticket-details-image-error{padding:20px;text-align:center;color:var(--text-tertiary);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:14px}.form-preview-image{margin-top:12px;width:100%;max-height:200px;border-radius:8px;overflow:hidden;border:1px solid var(--border-color);background-color:var(--bg-tertiary)}.form-preview-image img{width:100%;max-height:200px;object-fit:contain;display:block}.form-preview-error{padding:12px;text-align:center;color:var(--text-tertiary);font-size:12px;background-color:var(--bg-secondary)}@media (max-width:968px){.ticket-details-layout{grid-template-columns:1fr}.ticket-details-header{flex-wrap:wrap;gap:12px}.ticket-details-header-center{order:-1;width:100%;text-align:left}.ticket-details-header-left,.ticket-details-header-right{flex:1 1}}@media (max-width:768px){.ticket-details-row{grid-template-columns:1fr;gap:24px}.ticket-details-modal{max-width:95%}.ticket-details-image{max-height:300px}.ticket-details-header-title{font-size:18px}}.admin-container{max-width:1200px;margin:0 auto;padding:24px}.admin-header{margin-bottom:32px;justify-content:space-between}.admin-header,.admin-header-left{display:flex;align-items:center;gap:16px}.admin-header-left{flex:1 1}.admin-back-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-back-button:hover{background-color:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.admin-title{font-size:32px;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease;flex:1 1}.admin-add-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background-color:var(--primary-color);border:1px solid var(--primary-color);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease;flex-shrink:0}.admin-add-button:hover{background-color:var(--primary-hover);border-color:var(--primary-hover);transform:scale(1.05)}.admin-add-button:active{background-color:var(--primary-active);transform:scale(.95)}.admin-add-button svg{width:20px;height:20px}.admin-message{display:flex;align-items:center;gap:12px;padding:16px;border-radius:8px;margin-bottom:24px;font-size:14px;font-weight:500}.admin-error{background-color:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444}.admin-success{background-color:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#22c55e}.admin-empty,.admin-loading{text-align:center;padding:48px;color:var(--text-tertiary);font-size:16px}.admin-users-table{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:background-color .3s ease,border-color .3s ease}.admin-table-header{padding:16px 24px;background-color:var(--bg-tertiary);font-weight:600;font-size:14px;color:var(--text-secondary);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.admin-table-header,.admin-table-row{display:grid;grid-template-columns:2fr 2fr 1.5fr 2fr 1.2fr;grid-gap:16px;gap:16px;border-bottom:1px solid var(--border-color)}.admin-table-row{padding:20px 24px;transition:background-color .2s ease}.admin-table-row:last-child{border-bottom:none}.admin-table-row:hover{background-color:var(--bg-hover)}.admin-table-cell{display:flex;align-items:center;font-size:14px;color:var(--text-secondary);transition:color .3s ease}.admin-user-info{display:flex;flex-direction:column;gap:4px}.admin-username{font-weight:500;color:var(--text-primary);transition:color .3s ease}.admin-user-id{font-size:12px;color:var(--text-quaternary);transition:color .3s ease}.admin-email{color:var(--text-secondary);transition:color .3s ease}.admin-status-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;color:#fff;text-align:center}.admin-status-select{padding:8px 12px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;font-family:inherit;cursor:pointer;transition:all .2s ease;min-width:150px}.admin-status-select:focus{outline:none;border-color:var(--primary-color);background-color:var(--bg-hover)}.admin-status-select:disabled{opacity:.6;cursor:not-allowed}.admin-updating{margin-left:12px;font-size:12px;color:var(--text-tertiary);font-style:italic}.admin-actions-buttons{display:flex;align-items:center;gap:8px}.admin-edit-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background-color:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.admin-edit-button:hover:not(:disabled){background-color:rgba(59,130,246,.1);border-color:rgba(59,130,246,.3);color:#3b82f6}.admin-edit-button:active:not(:disabled){background-color:rgba(59,130,246,.2);transform:scale(.95)}.admin-edit-button:disabled{opacity:.5;cursor:not-allowed}.admin-edit-button svg{width:20px;height:20px}.admin-delete-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background-color:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.admin-delete-button:hover:not(:disabled){background-color:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#ef4444}.admin-delete-button:active:not(:disabled){background-color:rgba(239,68,68,.2);transform:scale(.95)}.admin-delete-button:disabled{opacity:.5;cursor:not-allowed}.admin-delete-button svg{width:20px;height:20px}.admin-deleting{font-size:12px;color:var(--text-tertiary);font-style:italic}body.light-theme .admin-status-select,body.light-theme .admin-status-select option{background-color:#e5e5e5;color:#1a1a1a}body.light-theme .admin-status-select:hover{background-color:#d0d0d0}body.light-theme .admin-status-select:focus{background-color:#e5e5e5;color:#1a1a1a}.piliers-container{max-width:1400px;margin:0 auto;padding:20px}.piliers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.piliers-title{font-size:32px;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.piliers-new-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.piliers-new-button:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.piliers-new-button:active{background-color:var(--primary-active);transform:translateY(0)}.piliers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));grid-gap:24px;gap:24px}.pilier-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:all .2s ease;display:flex;flex-direction:column;gap:16px}.pilier-card:hover{background-color:var(--bg-hover);border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.pilier-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.pilier-title-section{display:flex;align-items:center;gap:12px;flex:1 1}.pilier-icon{color:var(--primary-color);flex-shrink:0}.pilier-card-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.pilier-status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap;flex-shrink:0}.pilier-status-en-cours{background-color:rgba(249,115,22,.2);color:#f97316}.pilier-status-en-attente{background-color:rgba(251,191,36,.2);color:#fbbf24}.pilier-client-name{color:var(--text-tertiary)}.pilier-client-name,.pilier-description{font-size:14px;transition:color .3s ease}.pilier-description{color:var(--text-secondary);line-height:1.6}.pilier-metadata{display:flex;gap:20px;flex-wrap:wrap}.pilier-metadata-item{display:flex;align-items:center;gap:6px;font-size:13px}.pilier-metadata-item,.pilier-metadata-item svg{color:var(--text-quaternary);transition:color .3s ease}.pilier-metadata-item svg{width:16px;height:16px}.pilier-divider{height:1px;background-color:var(--border-color);margin:8px 0;transition:background-color .3s ease}.pilier-visuals-section{display:flex;flex-direction:column;gap:12px}.pilier-visuals-title{font-size:14px;font-weight:600;color:var(--text-secondary);margin:0;transition:color .3s ease}.pilier-visuals-buttons{display:flex;gap:12px}.pilier-visuals-thumbnails{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.pilier-visual-thumbnail{width:80px;height:80px;border-radius:4px;overflow:hidden;border:1px solid var(--border-color);display:inline-flex;align-items:center;justify-content:center;background-color:var(--bg-tertiary)}.pilier-visual-thumbnail img{width:60px;height:60px;object-fit:cover;border-radius:3px}.pilier-visual-button{padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;border:1px solid var(--border-color);display:flex;align-items:center;gap:8px}.pilier-upload-button{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.pilier-upload-button:hover{background-color:var(--bg-hover);border-color:var(--border-hover)}.pilier-details-button{background-color:transparent;color:var(--text-secondary);border-color:var(--border-color)}.pilier-details-button:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hover)}.pilier-delete-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background-color:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.pilier-delete-button:hover{background-color:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#ef4444}.pilier-delete-button:active{background-color:rgba(239,68,68,.2);transform:scale(.95)}.pilier-delete-button svg{width:16px;height:16px}.piliers-loading{font-size:16px}.piliers-empty,.piliers-loading{text-align:center;padding:60px 20px;color:var(--text-tertiary);transition:color .3s ease}.piliers-empty p{font-size:16px;margin-bottom:20px;color:var(--text-quaternary);transition:color .3s ease}.visuals-input-container{margin-bottom:16px}.visuals-input-wrapper{display:flex;gap:8px;align-items:flex-start}.visuals-input-wrapper .form-input{flex:1 1}.visual-add-button{display:flex;align-items:center;gap:6px;padding:10px 16px;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap}.visual-add-button:hover:not(:disabled){background-color:var(--primary-hover)}.visual-add-button:active:not(:disabled){background-color:var(--primary-active)}.visual-add-button:disabled{opacity:.5;cursor:not-allowed}.visuals-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.visual-item{display:flex;align-items:center;gap:12px;padding:12px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;transition:all .2s ease}.visual-item:hover{background-color:var(--bg-hover);border-color:var(--border-hover)}.visual-preview{width:80px;height:80px;border-radius:8px;overflow:hidden;background-color:var(--bg-secondary);border:1px solid var(--border-color);flex-shrink:0;position:relative}.visual-preview img{width:100%;height:100%;object-fit:cover}.visual-error{width:100%;height:100%;display:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-quaternary);font-size:11px;text-align:center;padding:8px}.visual-error svg{width:20px;height:20px;color:var(--text-quaternary)}.visual-url{flex:1 1;font-size:13px;color:var(--text-secondary);word-break:break-all;transition:color .3s ease}.visual-remove-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background-color:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.visual-remove-button:hover{background-color:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#ef4444}.visual-remove-button:active{background-color:rgba(239,68,68,.2);transform:scale(.95)}.client-suggestions-modal{max-height:250px;overflow:hidden;display:flex;flex-direction:column}.suggestions-scroll-container{max-height:250px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-secondary)}.suggestions-scroll-container::-webkit-scrollbar{width:8px}.suggestions-scroll-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.suggestions-scroll-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.suggestions-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.client-suggestion-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--border-color);position:relative}.client-suggestion-item:last-child{border-bottom:none}.client-suggestion-item:hover{background-color:var(--bg-hover);transform:translateX(2px)}.client-suggestion-item:active{background-color:var(--bg-hover);transform:translateX(0)}.client-suggestion-item .suggestion-name{font-size:14px;font-weight:500;color:var(--text-primary);transition:color .2s ease}.client-suggestion-item:hover .suggestion-name{color:var(--primary-color)}.visual-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.visual-link-button{padding:8px 12px;border-radius:6px;border:1px solid var(--border-color);background-color:transparent;color:var(--primary-color);font-size:13px;text-decoration:none;transition:all .2s ease}.visual-link-button:hover{background-color:var(--bg-hover);border-color:var(--border-hover)}.visuals-empty{text-align:center;padding:20px;border:1px dashed var(--border-color);border-radius:8px;color:var(--text-quaternary);font-size:14px}.manage-visuals-list{margin-top:12px}.pilier-posts-button{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pilier-posts-button:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.pilier-posts-button:active{background-color:var(--primary-active);transform:scale(.98)}.pilier-posts-modal{max-width:800px;width:90%;overflow:hidden;display:flex;flex-direction:column}.pilier-posts-modal .modal-header{flex-shrink:0}.pilier-posts-content{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:4px;min-height:0}.pilier-posts-list{display:flex;flex-direction:column;gap:16px}.pilier-post-item{display:flex;gap:16px;padding:16px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;transition:all .2s ease}.pilier-post-item:hover{background-color:var(--bg-hover);border-color:var(--border-hover);transform:translateX(2px)}.pilier-post-info{flex:1 1;display:flex;flex-direction:column;gap:8px}.pilier-post-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.pilier-post-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pilier-post-date{font-size:13px;color:var(--text-tertiary);transition:color .3s ease}.pilier-post-status{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.pilier-post-thumbnail{width:100px;height:100px;border-radius:8px;overflow:hidden;background-color:var(--bg-secondary);border:1px solid var(--border-color);flex-shrink:0}.pilier-post-thumbnail img{width:100%;height:100%;object-fit:cover}.pilier-posts-empty{text-align:center;padding:60px 20px;color:var(--text-tertiary);font-size:16px}.pilier-posts-empty p{margin:0;color:var(--text-quaternary);transition:color .3s ease}.notifications-modal{max-width:600px;max-height:80vh;display:flex;flex-direction:column}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.notifications-title{font-size:24px;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.notifications-list{flex:1 1;overflow-y:auto;padding:0}.notification-item{display:flex;align-items:flex-start;gap:16px;padding:16px 24px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:all .2s ease;position:relative;background-color:var(--bg-primary)}.notification-item:hover{background-color:var(--bg-hover);border-color:var(--border-hover)}.notification-item.unread{background-color:var(--bg-secondary);border-left:3px solid var(--primary-color)}.notification-item.unread:hover{background-color:var(--bg-hover)}.notification-icon{flex-shrink:0;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.notification-icon.warning{background-color:rgba(239,68,68,.1);color:#ef4444}.notification-icon.success{background-color:rgba(34,197,94,.1);color:#22c55e}.notification-icon.info{background-color:rgba(59,130,246,.1);color:#3b82f6}.notification-content{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:6px;font-size:15px;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.notification-message{font-size:14px;color:var(--text-secondary);line-height:1.5;margin:0;white-space:pre-wrap;word-wrap:break-word;transition:color .3s ease}.notification-date{font-size:12px;color:var(--text-quaternary);transition:color .3s ease}.notification-badge{position:absolute;top:16px;right:16px;width:8px;height:8px;border-radius:50%;background-color:var(--primary-color);flex-shrink:0}.notifications-empty{text-align:center;padding:60px 20px;color:var(--text-tertiary);transition:color .3s ease}.notifications-empty p{font-size:16px;margin:0;color:var(--text-quaternary);transition:color .3s ease}body.light-theme .notification-item{background-color:#fff}body.light-theme .notification-item.unread{background-color:#f9fafb}body.light-theme .notification-item:hover{background-color:#f3f4f6}.switch{position:relative;display:inline-block;width:48px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#4b5563;border-radius:24px}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%}.switch input:checked+.slider{background-color:var(--primary-color,#6366f1)}.switch input:focus+.slider{box-shadow:0 0 1px var(--primary-color,#6366f1)}.switch input:checked+.slider:before{transform:translateX(24px)}.switch input:disabled+.slider{opacity:.5;cursor:not-allowed}body.light-theme .slider{background-color:#d1d5db}body.light-theme .switch input:checked+.slider{background-color:#6366f1}