*{margin:0;padding:0;box-sizing:border-box}:root{--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:#271c9b;--primary-hover:#1f1580;--primary-active:#190f66;--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;overflow-y:scroll;scrollbar-gutter:stable;transition:background-color .3s ease,color .3s ease}.app-container{width:100%;gap:0}.app-container,.app-sidebar{min-height:100vh;display:flex}.app-sidebar{width:260px;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;transition:width .3s ease,background-color .3s ease,border-color .3s ease}.app-sidebar.collapsed{width:80px}.sidebar-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;transition:padding .3s ease}.app-sidebar.collapsed .sidebar-header{padding:20px 12px}.sidebar-logo{height:40px;width:auto;object-fit:contain;transition:opacity .2s ease}.app-sidebar.collapsed .sidebar-logo{display:none}.sidebar-logo-favicon{width:32px;height:32px;object-fit:contain;border-radius:6px}.sidebar-new-post-button{display:flex;align-items:center;justify-content:center;gap:10px;margin:16px;padding:14px 20px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;box-shadow:0 4px 12px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.1);position:relative;overflow:hidden}.app-sidebar.collapsed .sidebar-new-post-button{margin:16px 12px;padding:14px;width:auto}.app-sidebar.collapsed .sidebar-new-post-button span{display:none}.sidebar-new-post-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transition:left .5s ease}.sidebar-new-post-button:hover{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.15)}.sidebar-new-post-button:hover:before{left:100%}.sidebar-new-post-button:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,.15)}.sidebar-new-post-icon{width:20px;height:20px;flex-shrink:0}.sidebar-nav{display:flex;flex-direction:column;padding:8px 16px;gap:8px;flex:1 1;transition:padding .3s ease}.app-sidebar.collapsed .sidebar-nav{padding:8px 12px}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;border:none;background-color:transparent;color:var(--text-tertiary);font-size:15px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;text-align:left;width:100%;position:relative}.app-sidebar.collapsed .sidebar-nav-item{justify-content:center;padding:12px}.app-sidebar.collapsed .sidebar-nav-item span{display:none}.sidebar-nav-item:hover{background:linear-gradient(90deg,rgba(0,0,0,.03),transparent);color:var(--text-primary);transform:translateX(4px)}.sidebar-nav-item.active{background:linear-gradient(90deg,rgba(0,0,0,.06),rgba(0,0,0,.02));color:var(--text-primary);font-weight:600;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.sidebar-nav-item.active:hover{background:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.03));transform:translateX(4px)}.sidebar-icon{width:20px;height:20px;flex-shrink:0}.sidebar-footer{margin-top:auto;padding:16px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px;transition:padding .3s ease;flex-shrink:0;min-height:auto}.app-sidebar.collapsed .sidebar-footer{padding:16px 12px}.sidebar-toggle-button{display:flex!important;align-items:center;justify-content:center;padding:6px;border-radius:999px;border:1px solid var(--border-color);background-color:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease;width:100%;margin-top:4px;min-height:0;font-size:14px;opacity:.75!important;visibility:visible!important;position:relative;z-index:10;flex-shrink:0}.sidebar-toggle-button svg{width:14px;height:14px}.sidebar-toggle-button:hover{background-color:rgba(0,0,0,.08);color:var(--text-primary);border-color:var(--border-hover);opacity:1!important}.sidebar-toggle-button:active{transform:scale(.94)}.app-sidebar.collapsed .sidebar-toggle-button{margin:4px auto 0;padding:6px}.settings-wrapper-sidebar{position:relative;width:100%}.sidebar-settings-button{width:100%}.settings-dropdown-sidebar{position:absolute;bottom:100%;left:0;right:0;margin-bottom:8px;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}.app-main-content{flex:1 1;display:flex;flex-direction:column;min-height:100vh;padding:0}.app-main-content>:not(.app-header){padding-left:20px;padding-right:20px}.app-header{justify-content:space-between;padding:20px 20px 5px;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;width:100%}.app-header,.header-left{display:flex;align-items:center}.header-left{gap:16px}.header-title{font-size:32px;font-weight:600;color:var(--primary-color);margin:0;line-height:1.2}.header-logo{height:40px;width:auto;object-fit:contain}.header-pill{color:#fff;padding:8px 24px;font-size:16px;font-weight:500;white-space:nowrap;width:160px;text-align:center}.header-divider,.header-pill{background-color:#ff59be;border-radius:999px}.header-divider{height:2px;flex:1 1;margin:0 16px}.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}.calendar-ticket-skeleton{pointer-events:none;cursor:default}.calendar-ticket-skeleton .skeleton-title{height:36px;width:100%;margin-bottom:0}.calendar-ticket-skeleton .skeleton-status,.calendar-ticket-skeleton .skeleton-title{border-radius:6px;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-hover) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.calendar-ticket-skeleton .skeleton-status{width:60px;height:20px;border:none;padding:0}.calendar-ticket-skeleton .skeleton-social{display:flex;gap:4px}.calendar-ticket-skeleton .skeleton-social-icon{width:20px;height:20px;border-radius:4px;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-hover) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.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}.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;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:25px auto 0}.calendar-header-week{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:0}.month-display{font-size:18px;font-weight:600;color:var(--text-primary);flex:1 1;text-align:left;transition:color .3s ease;letter-spacing:-.3px;min-width:180px}.nav-button-week{background:var(--bg-secondary);border:1px solid var(--border-color);font-size:14px;color:var(--text-primary);cursor:pointer;padding:0;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0}.nav-button-week:hover{background:var(--bg-hover);border-color:var(--border-hover);transform:translateY(-1px)}.nav-button-week:active{transform:translateY(0);background:var(--bg-secondary)}.view-selector{display:flex;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:3px;gap:3px;transition:all .2s ease}.view-button{background:transparent;border:none;color:var(--text-tertiary);padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.view-button:hover{color:var(--text-secondary)}.view-button.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 1px 3px rgba(0,0,0,.1);font-weight:600}.today-button-week{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);margin-left:auto;white-space:nowrap}.today-button-week:hover{background:var(--bg-hover);border-color:var(--border-hover);transform:translateY(-1px)}.today-button-week:active{transform:translateY(0)}.calendar-grid-container{display:flex;background-color:var(--bg-primary);border-radius:12px;overflow:hidden;transition:background-color .3s ease;border:1px solid var(--border-color)}.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:14px 10px;text-align:center;border-right:1px solid var(--border-color);min-height:70px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;transition:all .2s ease;position:relative}.day-header:last-child{border-right:none}.day-header.today{background:linear-gradient(180deg,rgba(0,0,0,.02),transparent)}.day-header.today:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--text-primary)}.day-abbr{font-size:11px;color:var(--text-quaternary);margin-bottom:6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:color .3s ease}.day-header.today .day-abbr{color:var(--text-primary);font-weight:700}.day-number{font-size:18px;font-weight:600;color:var(--text-primary);transition:all .3s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px}.day-header.today .day-number{background:var(--text-primary);color:var(--bg-primary);font-weight:700}.days-columns{display:grid;grid-template-columns:repeat(7,1fr);min-height:400px}.day-column{border-right:1px solid var(--border-color);padding:10px;min-height:400px;height:100%;display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease;background:linear-gradient(180deg,var(--bg-primary) 0,hsla(0,0%,98%,.2) 100%)}.day-column:last-child{border-right:none}.day-column:hover{background:linear-gradient(180deg,rgba(0,0,0,.01),rgba(0,0,0,.005))}.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:11px;font-weight:600;color:var(--text-quaternary);border-right:1px solid var(--border-color);transition:color .2s ease,border-color .2s ease;text-transform:uppercase;letter-spacing:.5px}.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:10px;height:120px;display:flex;flex-direction:column;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);overflow:hidden;background:var(--bg-primary)}.month-day:hover{background:var(--bg-hover)}.month-day.clickable-day{transition:all .2s cubic-bezier(.4,0,.2,1)}.month-day.clickable-day:hover{background:var(--bg-hover);transform:scale(1.01);cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.month-day.other-month{background:var(--bg-tertiary);opacity:.5}.month-day.other-month .month-day-number{color:var(--text-quinary)}.month-day.today{background:linear-gradient(180deg,rgba(0,0,0,.02),transparent);border-left:2px solid var(--text-primary)}.month-day.today .month-day-number{background:var(--text-primary);color:var(--bg-primary);border-radius:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-weight:700}.month-day-number{font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:6px;width:-moz-fit-content;width:fit-content;transition:all .2s 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:6px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;flex-shrink:0;width:24px;height:24px;opacity:.6}.ticket-delete-btn-month:hover,.ticket-delete-btn:hover{background-color:rgba(224,41,45,.1);color:#e0292d;opacity:1}.ticket-delete-btn-month:active,.ticket-delete-btn:active{background-color:rgba(224,41,45,.2)}.ticket-delete-btn-month{opacity:0;width:16px;height:16px}.ticket-item-week{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:0;margin-bottom:10px;transition:all .2s cubic-bezier(.4,0,.2,1);overflow:hidden;min-width:0;position:relative;box-shadow:0 1px 3px rgba(0,0,0,.04);display:flex;flex-direction:column}.ticket-item-week:hover{background:var(--bg-secondary);border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.ticket-content-week{padding:10px;display:flex;flex-direction:column;gap:8px}.ticket-name-week{font-size:13px;font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;letter-spacing:-.2px;min-height:2.6em}.ticket-footer-week{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:auto;padding-top:4px}.ticket-status-week{font-size:10px;font-weight:700;padding:4px 10px;border-radius:6px;display:inline-flex;align-items:center;text-transform:uppercase;letter-spacing:.4px;line-height:1.2;flex-shrink:0}.ticket-social-media{display:flex;align-items:center;gap:4px;flex-wrap:wrap;flex-direction:row;width:100%}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-tertiary);transition:all .2s ease;border-radius:4px;opacity:.7}.social-icon:hover{opacity:1;transform:scale(1.1)}.social-icon svg{width:100%;height:100%}.ticket-visual-thumbnail{width:100%;height:80px;overflow:hidden;background-color:var(--bg-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.ticket-visual-thumbnail:after{content:"";position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(180deg,transparent 0,var(--bg-primary) 100%);pointer-events:none}.ticket-visual-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.ticket-item-week:hover .ticket-visual-thumbnail img{transform:scale(1.05)}.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:24px;padding:20px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;transition:all .2s ease}.week-stats-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 16px;transition:color .2s ease;text-transform:uppercase;letter-spacing:.5px}.week-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:10px;gap:10px}.week-stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:12px;display:flex;align-items:center;gap:10px;transition:all .2s cubic-bezier(.4,0,.2,1)}.week-stat-card:hover{background:var(--bg-hover);border-color:var(--border-hover);transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.06)}.week-stat-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 1px 3px rgba(0,0,0,.2)}.week-stat-content{flex:1 1;display:flex;flex-direction:column;gap:4px}.week-stat-label{font-size:11px;color:var(--text-tertiary);font-weight:500;transition:color .2s ease;text-transform:uppercase;letter-spacing:.3px}.week-stat-value{font-size:20px;font-weight:700;color:var(--text-primary);line-height:1.2;transition:all .2s ease;letter-spacing:-.3px}.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:#e0292d}.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}.form-select optgroup{background-color:#1a1a1a!important;color:#ccc!important}.form-select{background-color:#e5e5e5;color:#1a1a1a}.form-select option{background-color:#fff;color:#1a1a1a;padding:8px}.form-select optgroup{background-color:#f5f5f5;color:#333;font-weight:600}.form-select:hover{background-color:#d0d0d0}.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:var(--primary-color)}.checkbox-text{font-size:14px;color:var(--text-secondary);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .3s ease}.social-media-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:10px;gap:10px;margin-top:8px}.social-media-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 8px;background-color:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit;position:relative;overflow:hidden}.social-media-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.social-media-card:active:not(:disabled){transform:translateY(0)}.social-media-card.selected{box-shadow:0 2px 8px rgba(0,0,0,.15)}.social-media-card:disabled{opacity:.5;cursor:not-allowed}.social-media-card-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:20px;transition:transform .2s ease}.social-media-card:hover:not(:disabled) .social-media-card-icon{transform:scale(1.1)}.social-media-card-label{font-size:11px;font-weight:600;text-align:center;line-height:1.2;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.form-error{font-size:12px;color:#e0292d;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:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-color:transparent;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.1);position:relative;overflow:hidden}.submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transition:left .5s ease}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border-color:transparent;box-shadow:0 4px 12px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.15);transform:translateY(-1px)}.submit-button:hover:not(:disabled):before{left:100%}.submit-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,.1)}.delete-button{background-color:#e0292d;border-color:#e0292d;color:#fff}.delete-button:hover:not(:disabled){background-color:#b51f24;border-color:#b51f24}.delete-modal-overlay{background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.delete-modal-container{max-width:400px;width:90%;background:var(--bg-primary);border-radius:8px;box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);overflow:hidden}.delete-modal-header{padding:24px 24px 0}.delete-modal-title{font-size:20px;font-weight:500;color:var(--text-primary);margin:0;letter-spacing:.15px}.delete-modal-body{padding:20px 24px}.delete-modal-message{font-size:14px;color:var(--text-secondary);margin:0 0 8px;line-height:1.5;letter-spacing:.25px}.delete-modal-message strong{color:var(--text-primary);font-weight:500}.delete-modal-warning{font-size:12px;color:var(--text-tertiary);margin:0;line-height:1.4;letter-spacing:.4px}.delete-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:8px 16px 16px}.delete-modal-button{min-width:64px;height:36px;padding:0 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);letter-spacing:.4px;text-transform:uppercase}.delete-modal-button:disabled{opacity:.38;cursor:not-allowed}.delete-modal-button-cancel{background:transparent;color:var(--text-primary)}.delete-modal-button-cancel:hover:not(:disabled){background:rgba(0,0,0,.04)}.delete-modal-button-cancel:active:not(:disabled){background:rgba(0,0,0,.08)}.delete-modal-button-delete{background:transparent;color:#d32f2f}.delete-modal-button-delete:hover:not(:disabled){background:rgba(211,47,47,.08)}.delete-modal-button-delete:active:not(:disabled){background:rgba(211,47,47,.12)}.delete-modal-button-delete[style*="color: #007934"]{color:#007934!important}.delete-modal-button-delete[style*="color: #007934"]:hover:not(:disabled){background:rgba(0,121,52,.08)}.delete-modal-button-delete[style*="color: #007934"]:active:not(:disabled){background:rgba(0,121,52,.12)}.delete-modal-button-delete[style*="color: #FFA500"]{color:orange!important}.delete-modal-button-delete[style*="color: #FFA500"]:hover:not(:disabled){background:rgba(255,165,0,.08)}.delete-modal-button-delete[style*="color: #FFA500"]:active:not(:disabled){background:rgba(255,165,0,.12)}.archived-posts-overlay{background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.archived-posts-container{max-width:900px;width:90%;background:var(--bg-primary);border-radius:12px;box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);overflow:hidden;max-height:85vh;display:flex;flex-direction:column}.archived-posts-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border-color)}.archived-posts-header-content{display:flex;align-items:center;gap:16px}.archived-posts-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(0,0,0,.06),rgba(0,0,0,.03));border-radius:12px;color:var(--text-primary);font-size:24px}.archived-posts-title{font-size:24px;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.3px}.archived-posts-subtitle{font-size:14px;color:var(--text-secondary);margin:4px 0 0}.archived-posts-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease}.archived-posts-close:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.archived-posts-body{padding:24px;overflow-y:auto;flex:1 1}.archived-posts-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid var(--bg-tertiary);border-top-color:var(--text-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.archived-posts-loading p{color:var(--text-secondary);font-size:14px;margin:0}.archived-posts-empty{flex-direction:column;padding:60px 20px;text-align:center}.archived-posts-empty,.archived-posts-empty-icon{display:flex;align-items:center;justify-content:center}.archived-posts-empty-icon{width:80px;height:80px;background:linear-gradient(135deg,rgba(0,0,0,.04),rgba(0,0,0,.02));border-radius:20px;color:var(--text-tertiary);font-size:36px;margin-bottom:20px}.archived-posts-empty-text{color:var(--text-secondary);font-size:16px;margin:0}.archived-post-card,.archived-posts-list{display:flex;flex-direction:column;gap:12px}.archived-post-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.archived-post-card:hover{background:var(--bg-secondary);border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.archived-post-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.archived-post-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3;flex:1 1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.archived-post-status{padding:6px 12px;border-radius:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;border:1.5px solid;white-space:nowrap;flex-shrink:0}.archived-post-content{display:flex;flex-direction:column;gap:8px}.archived-post-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.archived-post-meta-icon{width:14px;height:14px;opacity:.6}.archived-post-social{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:4px}.archived-post-social-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--text-tertiary);transition:all .2s ease;border-radius:4px;opacity:.7}.archived-post-social-icon:hover{opacity:1;transform:scale(1.1)}.archived-post-social-icon svg{width:100%;height:100%}.archived-post-unarchive-button{display:flex;align-items:center;gap:8px;padding:8px 16px;margin-top:8px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit;box-shadow:0 2px 8px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.1);align-self:flex-start}.archived-post-unarchive-button:hover{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.15)}.archived-post-unarchive-button:active{transform:translateY(0)}.archived-post-unarchive-button svg{width:14px;height:14px}.ticket-details-modal{max-width:1200px;width:95%}.ticket-details-content{padding:16px;display:flex;flex-direction:column;gap:16px}.ticket-details-meta-wrapper{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-color);gap:12px}.ticket-details-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;flex:1 1}.ticket-details-edit-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;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:14px;height:14px}.ticket-details-delete-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid rgba(220,38,38,.3);border-radius:6px;background-color:rgba(220,38,38,.08);color:#dc2626;cursor:pointer;transition:all .2s ease;flex-shrink:0}.ticket-details-delete-button:hover{background-color:rgba(220,38,38,.15);border-color:rgba(220,38,38,.5);color:#b91c1c}.ticket-details-delete-button:active{opacity:.8;transform:scale(.95)}.ticket-details-delete-button svg{width:14px;height:14px}.ticket-details-meta-item{display:flex;align-items:center;gap:6px}.ticket-details-meta-icon{width:14px;height:14px;color:var(--text-tertiary);flex-shrink:0;transition:color .3s ease}.ticket-details-meta-text{font-size:13px;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:20px;gap:20px;align-items:start}.ticket-details-left-column,.ticket-details-right-column{display:flex;flex-direction:column;gap:16px;align-items:stretch}.ticket-details-section{display:flex;flex-direction:column;gap:8px}.ticket-details-section-title{font-size:14px;font-weight:600;color:var(--text-primary)!important;margin:0;transition:color .3s ease;color:#1a1a1a!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:6px;padding:12px;min-height:80px;transition:background-color .3s ease,border-color .3s ease}.ticket-details-description-text{font-size:13px;line-height:1.5;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-validation-steps{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:8px 4px 0;margin-top:0}.ticket-validation-line{position:absolute;top:20px;left:16px;right:16px;height:4px;background:linear-gradient(90deg,rgba(148,163,184,.3),rgba(148,163,184,.3));border-radius:999px;pointer-events:none}.ticket-validation-step{position:relative;z-index:1;flex:1 1;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}.ticket-validation-circle{width:20px;height:20px;border-radius:999px;border:3px solid rgba(148,163,184,.6);background-color:var(--bg-primary);display:flex;align-items:center;justify-content:center;color:#111827;font-size:11px;font-weight:600}.ticket-validation-circle.validated{border-color:#007934;background-color:#007934;color:#fff}.ticket-validation-texts{margin-top:6px;display:flex;flex-direction:column;gap:2px}.ticket-validation-label{font-size:12px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.ticket-validation-date{font-size:11px;color:var(--text-quaternary)}@media (max-width:640px){.ticket-validation-steps{padding-inline:0}.ticket-validation-label{font-size:11px}.ticket-validation-date{display:none}}.validate-publication-button{margin-top:16px;padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 8px rgba(16,185,129,.2);position:relative;overflow:hidden}.validate-publication-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.validate-publication-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px rgba(16,185,129,.3);transform:translateY(-1px)}.validate-publication-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px rgba(16,185,129,.25)}.validate-publication-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.validate-publication-button svg{width:14px;height:14px;stroke-width:2.5}.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-comment-input{flex:1 1;padding:8px 12px;border-radius:8px;border:1px solid #e5e7eb;font-size:13px;font-family:inherit;resize:none;background-color:#fff;color:#1a1a1a;transition:all .2s ease;min-height:36px;max-height:150px;overflow-y:auto;line-height:1.5}.ticket-comment-input:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 3px rgba(26,26,26,.1)}.ticket-comment-input::placeholder{color:#9ca3af}.ticket-comment-send-button{padding:8px 16px;border-radius:8px;border:none;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s ease;flex-shrink:0;height:36px;white-space:nowrap;box-shadow:0 2px 4px rgba(0,0,0,.1)}.ticket-comment-send-button:hover:not(:disabled){background:linear-gradient(135deg,#2d2d2d,#3d3d3d);box-shadow:0 4px 8px rgba(0,0,0,.15);transform:translateY(-1px)}.ticket-comment-send-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.1)}.ticket-comment-send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.ticket-comment-category-select{padding:6px 10px;border-radius:8px;border:1px solid #e5e7eb;font-size:12px;font-family:inherit;background-color:#fff;color:#374151;cursor:pointer;transition:all .2s ease}.ticket-comment-category-select:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 2px rgba(26,26,26,.12)}.ticket-comment-category-select:hover{border-color:#9ca3af}.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:250px;object-fit:contain;display:block;background-color:var(--bg-tertiary);transition:all .2s ease}.ticket-details-image:hover{opacity:.9;transform:scale(1.02)}.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:200px}.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;gap:8px;min-width:180px;height:40px;padding:0 16px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease;flex-shrink:0}.admin-add-button:hover{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);transform:translateY(-1px)}.admin-add-button:active{background:#111;transform:translateY(0)}.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(224,41,45,.1);border:1px solid rgba(224,41,45,.3);color:#e0292d}.admin-success{background-color:rgba(0,121,52,.1);border:1px solid rgba(0,121,52,.3);color:#007934}.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:250px 300px 150px 200px 100px;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;min-width:0;overflow:hidden}.admin-user-info{display:flex;flex-direction:column;gap:4px}.admin-username{font-weight:500;color:var(--text-primary);transition:color .3s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.admin-user-id{font-size:12px;color:var(--text-quaternary);transition:color .3s ease}.admin-email{color:var(--text-secondary);transition:color .3s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.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:28px;height:28px;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:14px;height:14px}.admin-delete-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;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(224,41,45,.1);border-color:rgba(224,41,45,.3);color:#e0292d}.admin-delete-button:active:not(:disabled){background-color:rgba(224,41,45,.2);transform:scale(.95)}.admin-delete-button:disabled{opacity:.5;cursor:not-allowed}.admin-delete-button svg{width:14px;height:14px}.admin-deleting{font-size:12px;color:var(--text-tertiary);font-style:italic}.admin-status-select,.admin-status-select option{background-color:#e5e5e5;color:#1a1a1a}.admin-status-select:hover{background-color:#d0d0d0}.admin-status-select:focus{background-color:#e5e5e5;color:#1a1a1a}.users-list-container{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;margin-top:24px}.users-list-header{display:grid;grid-template-columns:200px 220px 160px 100px 150px 120px;grid-gap:12px;gap:12px;padding:14px 20px;background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);font-weight:600;font-size:12px;color:var(--text-secondary);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.users-list-header-cell{display:flex;align-items:center}.users-list{display:flex;flex-direction:column}.users-list-row{display:grid;grid-template-columns:200px 220px 160px 100px 150px 120px;grid-gap:12px;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-color);transition:background-color .2s ease;align-items:center}.users-list-row:last-child{border-bottom:none}.users-list-row:hover{background-color:var(--bg-hover)}.users-list-cell{display:flex;align-items:center;font-size:13px;color:var(--text-secondary);transition:color .3s ease;min-width:0;overflow:hidden}.users-list-cell-avatar{display:flex;align-items:center;gap:10px}.users-list-avatar{width:36px;height:36px;border-radius:8px;background:hsla(220,9%,46%,.15);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:16px;flex-shrink:0}.users-list-user-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1}.users-list-username{font-weight:500;color:var(--text-primary);transition:color .3s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.users-list-user-id{font-size:12px;color:var(--text-quaternary);transition:color .3s ease}.users-list-email{display:flex;align-items:center;gap:8px;color:var(--text-secondary);transition:color .3s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.users-list-email-icon{width:13px;height:13px;color:var(--text-tertiary);flex-shrink:0}.users-list-entreprise{display:flex;align-items:center;gap:8px;color:var(--text-secondary);transition:color .3s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.users-list-entreprise-icon{width:13px;height:13px;color:var(--text-tertiary);flex-shrink:0}.users-list-no-entreprise{color:var(--text-quaternary);font-style:italic}.users-list-assign-button{padding:6px 12px;background:linear-gradient(135deg,#2a2a2a,#1f1f1f);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px rgba(0,0,0,.15)}.users-list-assign-button:hover{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.2)}.users-list-assign-button:active{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);transform:translateY(0);box-shadow:0 1px 3px rgba(0,0,0,.15)}.users-list-assign-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.assign-clients-list{max-height:420px;overflow-y:auto;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-tertiary);padding:8px}.assign-clients-list::-webkit-scrollbar{width:8px}.assign-clients-list::-webkit-scrollbar-track{background:transparent}.assign-clients-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.assign-clients-list::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.assign-clients-list-empty{padding:48px 32px;text-align:center;color:var(--text-quaternary);display:flex;flex-direction:column;align-items:center;justify-content:center}.assign-client-item{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-primary);border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;margin-bottom:6px}.assign-client-item:last-child{margin-bottom:0}.assign-client-item:hover{background:var(--bg-hover);border-color:var(--border-color);transform:translateX(4px)}.assign-client-item:active{background:var(--border-color);transform:translateX(2px)}.assign-client-item:disabled{opacity:.5;cursor:not-allowed;transform:none}.assign-client-item-icon-wrapper{width:40px;height:40px;border-radius:8px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.assign-client-item:hover .assign-client-item-icon-wrapper{background:var(--primary-color)}.assign-client-item-logo{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block}.assign-client-item-icon{width:18px;height:18px;color:var(--primary-color);transition:all .2s ease;display:block}.assign-client-item:hover .assign-client-item-icon{color:#fff}.assign-client-item-content{flex:1 1;display:flex;flex-direction:column;gap:4px;min-width:0}.assign-client-item-name{font-size:15px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assign-client-item-id{font-size:12px;color:var(--text-quaternary);font-weight:400}.assign-client-item-arrow{width:16px;height:16px;color:var(--text-quaternary);flex-shrink:0;opacity:0;transition:all .2s ease}.assign-client-item:hover .assign-client-item-arrow{opacity:1;color:var(--primary-color)}.user-edit-entreprise-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.user-edit-entreprise-info{display:flex;align-items:center;justify-content:space-between;gap:12px}.user-edit-entreprise-name{display:flex;align-items:center;gap:8px;flex:1 1}.user-edit-entreprise-icon{width:16px;height:16px;color:var(--text-tertiary)}.user-edit-entreprise-text{font-size:14px;color:var(--text-secondary)}.user-edit-reassign-button{padding:6px 12px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.user-edit-reassign-button:hover{background:var(--primary-hover)}.user-edit-reassign-button:active{background:var(--primary-active)}.user-edit-reassign-button:disabled{opacity:.5;cursor:not-allowed}.users-list-status-badge{display:inline-block;padding:5px 10px;border-radius:6px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff;text-align:center;white-space:nowrap}.users-list-select-wrapper{display:flex;align-items:center;gap:6px;width:100%}.users-list-status-select{padding:7px 10px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:12px;font-family:inherit;cursor:pointer;transition:all .2s ease;flex:1 1;min-width:0}.users-list-status-select:hover:not(:disabled){background-color:var(--bg-hover);border-color:var(--border-hover)}.users-list-status-select:focus{outline:none;border-color:var(--primary-color);background-color:var(--bg-hover)}.users-list-status-select:disabled{opacity:.6;cursor:not-allowed}.users-list-updating{font-size:11px;color:var(--text-tertiary);font-style:italic;white-space:nowrap;flex-shrink:0}.users-list-actions{display:flex;align-items:center;gap:6px;justify-content:flex-end}.users-list-action-button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;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}.users-list-edit-button:hover:not(:disabled){background-color:rgba(59,130,246,.1);border-color:rgba(59,130,246,.3);color:#3b82f6}.users-list-delete-button:hover:not(:disabled){background-color:rgba(224,41,45,.1);border-color:rgba(224,41,45,.3);color:#e0292d}.users-list-action-button:active:not(:disabled){transform:scale(.95)}.users-list-action-button:disabled{opacity:.5;cursor:not-allowed}.users-list-action-button svg{width:14px;height:14px}.users-list-deleting{font-size:12px;color:var(--text-tertiary);font-style:italic}.piliers-container{max-width:1400px;margin:0 auto;padding:20px;width:100%}.piliers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px;flex-wrap:wrap}.piliers-title{font-size:32px;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease;flex:1 1;min-width:0;word-break:break-word}.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;flex-shrink:0;white-space:nowrap}.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;align-items:stretch}.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;height:100%}.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-client-logo{width:40px;height:40px;border-radius:8px;object-fit:contain;flex-shrink:0;background-color:var(--bg-tertiary);padding:4px}.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(255,165,0,.15);color:orange}.pilier-status-en-attente{background-color:rgba(255,165,0,.08);color:orange}.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;margin-top:auto;flex:1 1;min-height:0}.pilier-visuals-title{font-size:14px;font-weight:600;color:var(--text-secondary);margin:0 0 12px;transition:color .3s ease}.pilier-visuals-buttons{display:flex;gap:12px;margin-top:auto}.pilier-visuals-thumbnails{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap;min-height:80px}.pilier-visuals-empty{display:flex;align-items:center;justify-content:center;min-height:80px;margin-bottom:12px;background-color:var(--bg-tertiary);border-radius:8px;border:2px dashed var(--border-color);color:var(--text-tertiary);cursor:pointer;transition:all .2s ease}.pilier-visuals-empty:hover{background-color:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary);transform:scale(1.02)}.pilier-visuals-empty svg{width:40px;height:40px;opacity:.6;transition:opacity .2s ease}.pilier-visuals-empty:hover svg{opacity:1}.pilier-add-visual-button{display:flex;align-items:center;justify-content:center;background-color:var(--bg-tertiary);border:2px dashed var(--border-color);cursor:pointer;transition:all .2s ease;color:var(--text-tertiary)}.pilier-add-visual-button:hover{background-color:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary);transform:scale(1.05)}.pilier-add-visual-button svg{width:24px;height:24px}.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(224,41,45,.1);border-color:rgba(224,41,45,.3);color:#e0292d}.pilier-delete-button:active{background-color:rgba(224,41,45,.2);transform:scale(.95)}.pilier-delete-button svg{width:16px;height:16px}.piliers-loading{padding:60px 20px;font-size:16px}.piliers-empty,.piliers-loading{text-align:center;color:var(--text-tertiary);transition:color .3s ease}.piliers-empty{padding:80px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;width:100%}.piliers-empty p{font-size:18px;margin-bottom:32px;color:var(--text-secondary);transition:color .3s ease;font-weight:500}.piliers-empty .piliers-new-button{margin-top:8px}.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(224,41,45,.1);border-color:rgba(224,41,45,.3);color:#e0292d}.visual-remove-button:active{background-color:rgba(224,41,45,.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:500px;width:90%;max-height:80vh;height:600px;overflow:hidden;display:flex;flex-direction:column}.pilier-posts-modal .modal-header{flex-shrink:0;padding:16px 20px}.pilier-posts-modal .modal-title-wrapper{display:flex;flex-direction:column;gap:4px}.pilier-posts-modal .modal-title{font-size:16px;font-weight:600;margin:0}.pilier-posts-modal .modal-subtitle{font-size:12px;color:var(--text-secondary);margin:0}.pilier-posts-content{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:0 20px 20px;min-height:0}.pilier-posts-list{display:flex;flex-direction:column;gap:10px;margin-top:8px}.pilier-post-item{display:flex;flex-direction:row;gap:12px;padding:12px;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:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.pilier-post-info{flex:1 1;display:flex;flex-direction:column;gap:6px;min-width:0}.pilier-post-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pilier-post-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pilier-post-date{font-size:11px;color:var(--text-secondary);transition:color .3s ease}.pilier-post-status{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.2px;align-self:flex-start}.pilier-post-thumbnail{width:60px;height:60px;border-radius:8px;overflow:hidden;background-color:var(--bg-secondary);border:1px solid var(--border-color);flex-shrink:0;position:relative}.pilier-post-thumbnail img{width:100%;height:100%;object-fit:cover}.pilier-posts-empty{text-align:center;padding:60px 20px;color:var(--text-secondary);font-size:15px}.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-header-actions{display:flex;align-items:center;gap:12px}.notifications-title{font-size:24px;font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.mark-all-read-button{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap}.mark-all-read-button:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.mark-all-read-button:active{background-color:var(--primary-active);transform:translateY(0)}.mark-all-read-button svg{width:14px;height:14px}.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(224,41,45,.1);color:#e0292d}.notification-icon.success{background-color:rgba(0,121,52,.1);color:#007934}.notification-icon.info{background-color:rgba(39,28,155,.12);color:#271c9b}.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:#e0292d;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}.notification-item{background-color:#fff}.notification-item.unread{background-color:#f9fafb}.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}.slider{background-color:#d1d5db}.switch input:checked+.slider{background-color:#6366f1}.pagination-container{gap:16px;margin-top:48px;padding:24px 0}.pagination-button,.pagination-container{display:flex;justify-content:center;align-items:center}.pagination-button{width:44px;height:44px;padding:0;background-color:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit}.pagination-button:hover:not(:disabled){background-color:var(--bg-hover);border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.pagination-button:active:not(:disabled){transform:translateY(0)}.pagination-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.pagination-button svg{width:18px;height:18px}.pagination-info{font-size:14px;color:var(--text-secondary);font-weight:600;min-width:120px;text-align:center;letter-spacing:.3px}.visual-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visual-modal-content{position:relative;width:100%;height:100%;padding:60px 20px 20px}.visual-modal-close,.visual-modal-content{display:flex;align-items:center;justify-content:center}.visual-modal-close{position:fixed;top:20px;right:20px;background-color:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.3);border-radius:50%;width:44px;height:44px;cursor:pointer;color:#fff;transition:all .2s ease;z-index:10001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.visual-modal-close:hover{background-color:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.4);transform:scale(1.1)}.visual-modal-close:active{transform:scale(.95)}.visual-modal-image{width:auto;height:auto;max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.5)}