@charset "UTF-8";:root{--background: #f6f8fb;--surface: #ffffff;--surface-2: #f9fafb;--text: #0f172a;--muted: #64748b;--primary: #2563eb;--primary-600: #1d4ed8;--ring: rgba(37, 99, 235, .25);--border: rgba(2, 6, 23, .08);--card: #ffffff;--shadow: 0 10px 30px rgba(2, 6, 23, .06)}.section-header p,.architecture-content p,.metric-subtitle,.admin2-summary,.architecture-info,.info-text,.description-text{color:#475569!important;font-weight:500!important;opacity:1!important;text-shadow:none!important}p:not(.btn):not(.action-btn):not(.submit-btn):not(.save-btn):not(.cancel-btn){color:#475569!important;opacity:1!important}.section-header p,.architecture-content p,.metric-subtitle,.admin2-summary,.architecture-info,.info-text,.description-text,.subtitle,.summary-text,.help-text,.instruction-text{color:#475569!important;font-weight:500!important;opacity:1!important;text-shadow:none!important}h1,h2,h3,h4,h5,h6{color:#1e293b!important;opacity:1!important}.text-muted,.text-light,.text-secondary{color:#475569!important;opacity:1!important}body,#root{margin:0;padding:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background:radial-gradient(1200px 800px at -10% -20%,rgba(79,70,229,.08),rgba(79,70,229,0) 50%),radial-gradient(1000px 700px at 120% -10%,rgba(14,165,233,.06),rgba(14,165,233,0) 50%),var(--background);overflow-x:hidden;width:100%;max-width:100vw;color:var(--text)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:700;letter-spacing:.2px;line-height:1;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease;box-shadow:var(--shadow)}.btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px #0206171a}.btn:active{transform:translateY(0);box-shadow:0 8px 18px #02061714}.btn:focus-visible{outline:none;box-shadow:0 0 0 4px var(--ring),0 10px 28px #0206171a}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#2563eb99}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.btn-accent{background:linear-gradient(135deg,#fde68a,#f59e0b);color:#7c2d12;border-color:#f59e0b73}.btn-accent:hover{background:linear-gradient(135deg,#fcd34d,#f59e0b)}.btn-success{background:linear-gradient(135deg,#34d399,#10b981);color:#052e1b;border-color:#10b98173}.btn-success:hover{background:linear-gradient(135deg,#10b981,#059669)}.btn-danger{background:linear-gradient(135deg,#fb7185,#ef4444);color:#fff;border-color:#ef44448c}.btn-danger:hover{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-neutral{background:#f1f5f9;color:#0f172a;border-color:#0206171f}.btn-neutral:hover{background:#e2e8f0}.btn-outline{background:transparent;color:#0f172a;border-color:#02061729}.btn-outline:hover{background:#f8fafc}.submit-btn,.save-btn,.login-button,.action-btn,.cancel-btn,.logout-button,.mobile-logout-button,.delete-confirm-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:700;letter-spacing:.2px;line-height:1;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease;box-shadow:var(--shadow)}.submit-btn:hover,.save-btn:hover,.login-button:hover,.action-btn:hover,.cancel-btn:hover,.logout-button:hover,.mobile-logout-button:hover,.delete-confirm-btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px #0206171a}.submit-btn:active,.save-btn:active,.login-button:active,.action-btn:active,.cancel-btn:active,.logout-button:active,.mobile-logout-button:active,.delete-confirm-btn:active{transform:translateY(0);box-shadow:0 8px 18px #02061714}.submit-btn:disabled,.save-btn:disabled,.login-button:disabled,.action-btn:disabled,.cancel-btn:disabled,.logout-button:disabled,.mobile-logout-button:disabled,.delete-confirm-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.submit-btn,.save-btn,.login-button,.action-btn.edit,.action-btn.password{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important;border-color:#2563eb99!important}.submit-btn:hover,.save-btn:hover,.login-button:hover,.action-btn.edit:hover,.action-btn.password:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important}.action-btn.enable{background:linear-gradient(135deg,#34d399,#10b981)!important;color:#052e1b!important;border-color:#10b98173!important}.action-btn.enable:hover{background:linear-gradient(135deg,#10b981,#059669)!important}.action-btn.disable,.action-btn.delete,.delete-confirm-btn{background:linear-gradient(135deg,#fb7185,#ef4444)!important;color:#fff!important;border-color:#ef44448c!important}.action-btn.disable:hover,.action-btn.delete:hover,.delete-confirm-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626)!important}.cancel-btn,.logout-button,.mobile-logout-button{background:#f1f5f9!important;color:#0f172a!important;border-color:#0206171f!important}.cancel-btn:hover,.logout-button:hover,.mobile-logout-button:hover{background:#e2e8f0!important}.app-container{display:flex;min-height:100vh}.mobile-hamburger-app{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;background:#ffffff;border:1px solid #e1e5e9;cursor:pointer;padding:0;position:fixed;top:16px;left:16px;z-index:1100;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.mobile-hamburger-app:hover{background:#f8f9fa;box-shadow:0 4px 12px #00000026}.mobile-hamburger-app:active{transform:scale(.95)}.mobile-hamburger-app .hamburger-bar{width:20px;height:2px;background:#495057;margin:3px 0;border-radius:1px;transition:all .3s ease}@media (max-width: 768px){.mobile-hamburger-app{display:flex}}.global-company-header{position:fixed;top:20px;right:20px;z-index:1000}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:70px;background:#ffffff;border-bottom:1px solid rgba(2,6,23,.08);box-shadow:0 2px 8px #0206170f;z-index:1050;padding:0 16px;overflow:visible}.mobile-header-content{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:100%;position:relative}.mobile-logo{display:flex;align-items:center;gap:8px}.mobile-logo a{display:flex;align-items:center;gap:8px;text-decoration:none;color:#0f172a}.mobile-logo-text{font-size:18px;font-weight:700;background:linear-gradient(90deg,#f97316,#ef4444);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mobile-notifications{display:flex;align-items:center;gap:12px;position:relative}@media (max-width: 768px){.mobile-header{display:block}.global-company-header{top:80px;right:16px}}.main-content{margin-left:240px;width:calc(100% - 240px);padding:24px;box-sizing:border-box;transition:all .3s ease;min-height:100vh;color:var(--text)}.main-content.sidebar-collapsed{margin-left:80px;width:calc(100% - 80px)}.main-content.mobile{margin-left:0;width:100%;padding:90px 16px 24px;overflow-x:hidden;box-sizing:border-box}.main-content.mobile.sidebar-collapsed{margin-left:0;width:100%;padding:90px 15px 20px;overflow-x:hidden;box-sizing:border-box}@media (max-width: 480px){.main-content.mobile,.main-content.mobile.sidebar-collapsed{padding:90px 10px 15px}}.toggle-container{display:flex;align-items:center;gap:10px;position:relative}.toggle-container input[type=checkbox]{display:none}.toggle-label{position:relative;display:inline-block;width:60px;height:30px;background:#ccc;border-radius:15px;cursor:pointer;transition:background .3s ease}.toggle-label:before{content:"";position:absolute;top:2px;left:2px;width:26px;height:26px;background:white;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.toggle-container input[type=checkbox]:checked+.toggle-label{background:#4CAF50}.toggle-container input[type=checkbox]:checked+.toggle-label:before{transform:translate(30px)}.toggle-text{position:absolute;left:70px;font-weight:500;color:#333;white-space:nowrap}.processing-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-align:center;min-width:80px}.processing-enabled{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.processing-disabled{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.processing-info{text-align:center}.form-group label,.form-group small,.form-group .toggle-text,.form-group .toggle-label,.form-group input[type=text],.form-group input[type=password],.form-group input[type=email],.form-group select,.form-group textarea{color:#333!important}.toggle-text{color:#333!important;font-weight:500}.form-group *:not(.action-btn):not(.submit-btn):not(.save-btn):not(.cancel-btn){color:#333!important}.dashboard{display:flex;flex-direction:column;gap:15px;min-height:100vh;padding:0 10px;overflow-x:hidden;width:100%;max-width:100vw;box-sizing:border-box}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:15px}.three-widgets-row{display:grid;grid-template-columns:1fr;gap:15px;margin-top:15px;width:100%;box-sizing:border-box;overflow-x:hidden}.widget-column{width:100%;min-width:0;max-width:100%;display:flex;flex-direction:column}.two-widgets-row,.single-widget-row{display:grid;grid-template-columns:1fr;gap:15px;margin-top:15px;align-items:stretch}.satisfaction-source-widget{background-color:#fff;border-radius:12px;padding:16px;box-shadow:0 4px 12px #00000014;height:100%;border:1px solid #f1f5f9;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.satisfaction-source-widget h3{margin-top:0;margin-bottom:20px;font-size:16px;color:#1e293b;font-weight:700;letter-spacing:-.025em}.satisfaction-source-content{display:flex;flex-direction:column;gap:15px}.satisfaction-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px 16px;font-size:14px;background-color:#f8fafc;border-radius:10px;margin-bottom:10px;border:1px solid #e2e8f0;transition:all .2s ease-in-out;width:100%;box-sizing:border-box}.satisfaction-item:hover{background-color:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.satisfaction-item:last-child{margin-bottom:0}.satisfaction-source{font-weight:600;color:#1e293b;font-size:14px;word-break:break-word;min-width:0}.satisfaction-score{font-weight:700;font-size:16px;color:#1e293b;background-color:#fff;padding:6px 10px;border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;min-width:60px;text-align:center;flex-shrink:0}.satisfaction-trend{font-size:14px;font-weight:600;padding:6px 10px;border-radius:6px;min-width:50px;text-align:center}.satisfaction-trend.trend-up{color:#28a745}.satisfaction-trend.trend-down{color:#dc3545}.score-emoji{font-size:24px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.score-count{font-weight:700;color:#1e293b;justify-self:center;text-align:center;font-size:14px;min-width:40px;background-color:#fff;padding:4px 8px;border-radius:6px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.score-bar-container{flex-grow:1;height:10px;background-color:#e2e8f0;border-radius:5px;margin:0 8px;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.score-bar{background:linear-gradient(90deg,#3b82f6 0%,#1d4ed8 100%);height:100%;border-radius:5px;transition:width .8s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #3b82f64d}.score-percentage{font-weight:700;color:#1e293b;justify-self:end;width:40px;text-align:right;font-size:14px;background-color:#fff;padding:4px 8px;border-radius:6px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}@media (min-width: 768px){.dashboard{gap:20px;padding:0 16px}.dashboard-grid{gap:20px}.three-widgets-row,.two-widgets-row,.single-widget-row{gap:20px;margin-top:20px}.satisfaction-source-widget{padding:20px}.satisfaction-source-widget h3{font-size:18px;margin-bottom:24px}.satisfaction-source-content{gap:20px}.satisfaction-item{gap:16px;padding:16px 20px;margin-bottom:12px;font-size:14px}.satisfaction-source{font-size:15px}.satisfaction-score{font-size:18px;padding:8px 12px;min-width:60px}.satisfaction-trend{font-size:14px;padding:6px 10px;min-width:50px}.score-emoji{font-size:28px}.score-count{font-size:16px;min-width:50px;padding:6px 12px}.score-bar-container{height:12px;margin:0 12px}.score-percentage{font-size:16px;width:45px;padding:6px 10px}}@media (min-width: 1024px){.dashboard{gap:24px;padding:0 4px}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.three-widgets-row{grid-template-columns:1fr 1.4fr .8fr;gap:24px;margin-top:24px}.two-widgets-row{grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.single-widget-row{gap:24px;margin-top:24px}.satisfaction-source-widget{padding:24px}.satisfaction-source-widget h3{font-size:18px;margin-bottom:24px}.satisfaction-item{gap:16px;padding:16px 20px;margin-bottom:12px;font-size:14px}.satisfaction-source{font-size:15px}.satisfaction-score{font-size:18px;padding:8px 12px;min-width:60px}.satisfaction-trend{font-size:14px;padding:6px 10px;min-width:50px}}@media (min-width: 1440px){.dashboard{max-width:1400px;margin:0 auto;padding:0 4px}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}:root{--notification-reply: #4CAF50;--notification-success: #2196F3;--notification-error: #f44336;--notification-info: #FF9800;--notification-system: #9C27B0;--notification-default: #607D8B}.notification-system{position:relative;display:inline-block}.notification-bell{position:relative;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.notification-bell:hover{background-color:#0000001a}.bell-icon{font-size:20px;color:#333}.notification-badge{position:absolute;top:0;right:0;background-color:#f44336;color:#fff;border-radius:50%;padding:2px 6px;font-size:12px;font-weight:700;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.notification-panel{position:absolute;top:100%;right:0;width:400px;max-height:500px;background:white;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;overflow:hidden;animation:slideDown .3s ease}.sidebar .notification-panel{left:100%;right:auto;top:0;margin-left:10px;width:320px;max-height:400px}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #eee;background:#f8f9fa}.notification-header h3{margin:0;font-size:16px;font-weight:600;color:#333}.notification-header-actions{display:flex;gap:8px}.mark-all-read,.clear-all{background:none;border:none;cursor:pointer;font-size:14px;padding:4px 8px;border-radius:4px;transition:background-color .2s ease}.mark-all-read{color:#2196f3}.mark-all-read:hover{background-color:#2196f31a}.clear-all{color:#f44336}.clear-all:hover{background-color:#f443361a}.notification-list{max-height:400px;overflow-y:auto}.notification-item{display:flex;align-items:flex-start;padding:12px 16px;border-bottom:1px solid #f0f0f0;transition:all .3s ease;border-left:4px solid transparent;animation:slideInLeft .3s ease}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.sidebar .notification-item{padding:8px 12px}.notification-item:hover{background-color:#f8f9fa}.notification-item.unread{background-color:#f0f8ff;border-left-color:#2196f3}.notification-item.read{opacity:.7}.notification-icon{font-size:20px;margin-right:12px;flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-message{font-size:14px;color:#333;margin-bottom:4px;line-height:1.4;word-wrap:break-word}.sidebar .notification-message{font-size:13px;line-height:1.3}.notification-time{font-size:12px;color:#666}.sidebar .notification-time{font-size:11px}.notification-actions{display:flex;gap:4px;margin-left:8px}.notification-actions button{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;font-size:14px;transition:background-color .2s ease}.mark-read{color:#4caf50}.mark-read:hover{background-color:#4caf501a}.remove-notification{color:#f44336}.remove-notification:hover{background-color:#f443361a}.no-notifications{padding:32px 16px;text-align:center;color:#666;font-style:italic}.toast-container{position:fixed;top:20px;right:20px;z-index:1001;display:flex;flex-direction:column;gap:8px}.toast-notification{background:white;border:1px solid #ddd;border-radius:8px;padding:12px 16px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:8px;max-width:350px;animation:slideInRight .3s ease,slideOutRight .3s ease 4.7s forwards;border-left:4px solid transparent}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-icon{font-size:18px;flex-shrink:0}.toast-message{font-size:14px;color:#333;line-height:1.4;word-wrap:break-word}@media (max-width: 768px){.notification-bell{width:44px;height:44px;padding:10px}.bell-icon{font-size:22px}.notification-badge{min-width:20px;height:20px;font-size:13px;top:2px;right:2px}.notification-panel{position:fixed;top:70px;left:0;right:0;width:100%;max-height:calc(100vh - 70px);border-radius:0;border-left:none;border-right:none}.notification-list{max-height:calc(100vh - 130px)}.toast-container{top:80px;right:10px;left:10px}.toast-notification{max-width:none}}@media (prefers-color-scheme: dark){.notification-panel{background:#2d3748;border-color:#4a5568}.notification-header{background:#1a202c;border-bottom-color:#4a5568}.notification-header h3{color:#e2e8f0}.notification-item{border-bottom-color:#4a5568}.notification-item:hover{background-color:#2d3748}.notification-item.unread{background-color:#1a365d;border-left-color:#3182ce}.notification-message{color:#e2e8f0}.notification-time{color:#a0aec0}.toast-notification{background:#2d3748;border-color:#4a5568}.toast-message,.bell-icon{color:#e2e8f0}}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{box-sizing:content-box;position:absolute;border:8px solid transparent;height:0;width:1px;content:"";z-index:-1;border-width:8px;left:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{top:0;margin-top:-8px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{border-top:none;border-bottom-color:#f0f0f0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{top:-1px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{bottom:-1px;border-top-color:#aeaeae}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{position:absolute;left:50px}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:white;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{border-radius:.3rem;background-color:#2a87d0;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .holiday-overlay,.react-datepicker__month-text--holidays .holiday-overlay,.react-datepicker__quarter-text--holidays .holiday-overlay,.react-datepicker__year-text--holidays .holiday-overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .holiday-overlay,.react-datepicker__month-text--holidays:hover .holiday-overlay,.react-datepicker__quarter-text--holidays:hover .holiday-overlay,.react-datepicker__year-text--holidays:hover .holiday-overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__year-text--selected:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--in-range:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.dashboard-header{display:flex;flex-direction:column;align-items:stretch;padding:12px;background:#ffffff;border:1px solid rgba(2,6,23,.08);border-radius:12px;gap:12px;width:100%;box-sizing:border-box;box-shadow:0 10px 30px #0206170f;color:#0f172a}.mobile-topbar{display:flex;width:100%;align-items:center;justify-content:space-between}.mobile-logo a{display:inline-flex;align-items:center}.mobile-bell{display:inline-flex;align-items:center;gap:10px}.filter-group{display:flex;flex-direction:column;align-items:flex-start;width:100%}.filter-group label{font-size:12px;font-weight:700;color:#475569;margin-bottom:8px;text-transform:uppercase;letter-spacing:.4px}.filter-group select{background:rgba(255,255,255,.04);border:1.5px solid rgba(2,6,23,.12);border-radius:10px;padding:12px 14px;font-size:16px;box-sizing:border-box;height:44px;line-height:20px;color:#0f172a;min-width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:box-shadow .2s ease,border-color .2s ease}.filter-group select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;padding-right:2.5rem}.date-picker-input{cursor:pointer;vertical-align:middle;margin:0;flex:1;min-width:0;background:rgba(255,255,255,.04);padding:12px 14px;font-size:16px;color:#0f172a}.date-filter-container{display:flex;flex-direction:column;gap:8px;width:100%;align-items:stretch}.date-filter-container .quick-filter-select,.date-filter-container .date-picker-input{height:44px;box-sizing:border-box;border:1.5px solid rgba(2,6,23,.12);border-radius:10px}.quick-filter-select{width:100%;padding:12px 14px;font-size:16px;background:rgba(255,255,255,.04);color:#0f172a;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;padding-right:2.5rem;box-sizing:border-box;flex-shrink:0}.filter-group select:focus,.date-picker-input:focus,.quick-filter-select:focus{outline:none;border-color:#4f46e573;box-shadow:0 0 0 3px #4f46e52e}.settings-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;text-decoration:none;font-size:18px;box-shadow:0 2px 6px #0000000a;transition:all .2s ease}.settings-icon-btn:hover{background:#f8fafc;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.header-notifications{margin-left:auto;display:flex;align-items:center}.loading-filters{display:flex;justify-content:center;padding:10px 0;width:100%}.loading-filters span{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.filter-group select:disabled,.date-picker-input:disabled,.quick-filter-select:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.6}.mobile-hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;background:none;border:none;cursor:pointer;padding:0;margin-right:16px;z-index:1100}.hamburger-bar{width:28px;height:3px;background:#222;margin:4px 0;border-radius:2px;transition:all .3s}@media (min-width: 768px){.dashboard-header{flex-direction:row;align-items:center;gap:20px;padding:16px 20px;border-radius:14px}.mobile-topbar{display:none}.filter-group{width:auto}.filter-group select{min-width:160px;padding:10px 12px;font-size:14px;height:40px;border:1px solid rgba(2,6,23,.12)}.filter-group label{font-size:11px;margin-bottom:6px;color:#64748b}.date-filter-container{flex-direction:row;align-items:center;height:40px;position:relative;gap:12px}.date-filter-container .quick-filter-select,.date-filter-container .date-picker-input{height:40px;border:1px solid rgba(2,6,23,.12);border-radius:8px}.quick-filter-select{width:auto;height:40px;padding:10px 12px;font-size:14px;border:1px solid rgba(2,6,23,.12);min-width:140px;flex-shrink:0}.settings-icon-btn{width:34px;height:34px}.loading-filters{justify-content:center;padding:10px 0}}@media (min-width: 1024px){.dashboard-header{gap:24px;padding:20px 24px}.filter-group select{min-width:180px}.quick-filter-select{min-width:160px;flex-shrink:0}}@media (min-width: 1440px){.dashboard-header{max-width:1400px;margin:0 auto}.filter-group select{min-width:200px}.quick-filter-select{min-width:180px;flex-shrink:0}}.metric-card{background:#ffffff;border:1px solid rgba(2,6,23,.08);border-radius:12px;padding:12px;box-shadow:0 4px 12px #0206170f;transition:all .2s ease;display:flex!important;flex-direction:column!important;min-height:70px!important;align-items:center!important;justify-content:flex-start!important;width:100%;box-sizing:border-box;overflow:hidden}.metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0206171f;border-color:#0206171f}.metric-title{font-size:13px;font-weight:600;color:#64748b;margin-bottom:6px;text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;line-height:1.3;min-height:16px}.metric-value{font-size:24px;font-weight:700;color:#0f172a;margin-bottom:4px;text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;line-height:1.2;min-height:28px}.metric-trend{font-size:12px;font-weight:600;text-align:center!important;width:100%!important;padding:4px 8px;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:4px;min-height:24px}.metric-trend.trend-up{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0}.metric-trend.trend-down{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca}.metric-trend.trend-neutral{color:#6b7280;background-color:#f9fafb;border:1px solid #d1d5db}.metric-chart{width:100%!important;text-align:center!important;margin-top:12px;height:60px;display:flex;align-items:center;justify-content:center}.metric-chart canvas{max-width:100%;height:auto}.metric-card.loading{opacity:.7;pointer-events:none}.metric-card.loading .metric-value{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;min-height:34px}.metric-card.error{border-color:#fecaca;background-color:#fef2f2}.metric-card.error .metric-value{color:#dc2626}.metric-card.success{border-color:#a7f3d0;background-color:#ecfdf5}.metric-card.success .metric-value{color:#059669}@media (min-width: 768px){.metric-card{padding:16px;min-height:80px;border-radius:14px}.metric-title{font-size:15px;margin-bottom:16px;min-height:22px}.metric-value{font-size:32px;margin-bottom:12px;min-height:38px}.metric-trend{font-size:13px;padding:6px 10px;min-height:28px}.metric-chart{margin-top:16px;height:70px}}@media (min-width: 1024px){.metric-card{padding:12px;min-height:45px;border-radius:16px}.metric-title{font-size:14px;margin-bottom:8px;min-height:18px}.metric-value{font-size:28px;margin-bottom:6px;min-height:28px}.metric-trend{font-size:12px;padding:4px 8px;min-height:20px}.metric-chart{margin-top:8px;height:40px}}@media (min-width: 1440px){.metric-card{padding:16px;min-height:50px}.metric-title{font-size:15px;margin-bottom:10px}.metric-value{font-size:32px;margin-bottom:8px}.metric-trend{font-size:13px;padding:6px 10px}.metric-chart{margin-top:10px;height:45px}}.section-title{font-size:20px;font-weight:600;color:#333;margin-bottom:20px;text-align:left}.survey-metrics-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.bottom-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.metric-card-container{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000000d}.metric-card-title{margin-top:0;margin-bottom:20px;font-size:16px;color:#555;font-weight:600}.survey-scores-list,.satisfaction-list{list-style-type:none;padding:0;margin:0}.score-item{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:15px;margin-bottom:15px;font-size:14px;min-width:0}.score-emoji{font-size:24px;min-width:24px;flex-shrink:0}.score-count{font-weight:600;color:#333;justify-self:center;text-align:center;min-width:50px;flex-shrink:0}.score-bar-container{flex-grow:1;height:8px;background-color:#e9ecef;border-radius:4px;margin:0 10px;overflow:hidden}.score-bar{background-color:#4285f4;height:100%;border-radius:4px;transition:width .5s ease-in-out}.score-percentage{font-weight:600;color:#555;justify-self:end;width:40px;text-align:right;min-width:40px;flex-shrink:0}.satisfaction-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:15px;padding:10px 0;border-bottom:1px solid #f0f2f5;font-size:14px}.satisfaction-item:last-child{border-bottom:none}.satisfaction-source{font-weight:500;color:#333}.satisfaction-score{font-weight:600;font-size:16px;color:#202124}.satisfaction-trend{font-size:12px;color:#d93025}@media (max-width: 768px){.survey-metrics-section{padding:0 10px}.survey-metrics-grid{grid-template-columns:repeat(2,1fr);gap:15px}.bottom-metrics-grid{grid-template-columns:1fr;gap:15px;margin-top:15px}.metric-card-container{padding:15px;border-radius:12px}.metric-card-title{font-size:18px;margin-bottom:15px}.score-item{grid-template-columns:auto 1fr auto;gap:8px;margin-bottom:12px;font-size:14px;padding:8px 0;min-width:0}.score-emoji{font-size:28px}.score-count{font-size:16px;min-width:50px}.score-bar-container{height:10px;border-radius:5px}.score-percentage{font-size:16px;min-width:45px}.satisfaction-item{grid-template-columns:1fr auto;gap:10px;padding:12px 0;font-size:16px}.satisfaction-source{font-size:16px}.satisfaction-score{font-size:18px;justify-self:end}.satisfaction-trend{display:none}}@media (max-width: 480px){.survey-metrics-grid{grid-template-columns:1fr;gap:12px}.score-item{grid-template-columns:auto 1fr auto;gap:6px;font-size:13px;min-width:0}.score-emoji{font-size:24px;min-width:24px}.score-count,.score-percentage{font-size:14px;min-width:40px}.satisfaction-item{grid-template-columns:1fr auto;gap:6px;font-size:14px}}@media (max-width: 360px){.score-item{grid-template-columns:1fr;gap:4px;text-align:center}.score-emoji,.score-count,.score-percentage{justify-self:center}.score-bar-container{margin:0 5px}}.survey-charts-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.chart-card-container{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000000d}.chart-card-title{margin-top:0;margin-bottom:20px;font-size:16px;color:#555;font-weight:600;text-align:center}@media (max-width: 768px){.survey-charts-container{grid-template-columns:1fr;gap:15px;margin-top:15px;width:100%;overflow-x:hidden}.chart-card-container{padding:15px;border-radius:12px;width:100%;box-sizing:border-box}.chart-card-title{font-size:18px;margin-bottom:15px}}@media (max-width: 480px){.survey-charts-container{gap:12px;margin-top:12px}.chart-card-container{padding:12px}.chart-card-title{font-size:16px;margin-bottom:12px}}.survey-scores-modern{background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);border-radius:16px;padding:32px 28px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;height:100%;min-height:220px;display:flex;flex-direction:column;position:relative}.survey-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.survey-header h3{margin:0;font-size:16px;font-weight:600;color:#1e293b;letter-spacing:-.025em}.header-stats{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.daily-progress,.total-surveys{display:flex;align-items:center;gap:4px}.daily-progress-above-thermometer{display:flex;align-items:center;gap:4px;justify-content:center;margin-bottom:8px;font-size:12px}.daily-label,.total-label{color:#64748b;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.total-surveys .total-count{background:linear-gradient(135deg,#64748b,#475569);color:#fff;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;min-width:24px;text-align:center}.total-count{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;min-width:24px;text-align:center}.target-info{color:#64748b;font-size:12px;font-weight:500}.scores-container{display:flex;flex-direction:column;gap:12px;flex:1;justify-content:center;padding-left:40px;align-items:flex-start;position:relative;z-index:2}.score-item-modern{display:flex;align-items:center;gap:16px;padding:16px 20px;background:white;border-radius:8px;border:1px solid #f1f5f9;transition:all .2s ease;max-width:calc(100% - 120px);width:fit-content}.score-item-modern:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a;border-color:var(--score-color)}.score-emoji-modern{font-size:32px;line-height:1;min-width:40px;text-align:center}.score-details{flex:1;display:flex;align-items:center;gap:12px}.score-count-modern{font-size:20px;font-weight:600;color:#1e293b;min-width:40px;text-align:right}.score-percentage-modern{font-size:14px;color:#64748b;font-weight:500}.target-progress-bar{position:absolute;right:80px;top:60%;transform:translateY(-50%);width:32px;height:200px;background:#f1f5f9;border-radius:0;overflow:hidden;border:3px solid #cbd5e1}.progress-annotations{position:absolute;right:130px;top:60%;transform:translateY(-50%);display:flex;flex-direction:column;justify-content:space-between;height:200px;font-size:10px;color:#64748b;font-weight:500}.annotation-item{display:flex;align-items:center;gap:8px;flex-direction:row-reverse}.annotation-line{width:12px;height:1px;background:#cbd5e1}.annotation-text{white-space:nowrap}.target-progress-fill{width:100%;border-radius:0;transition:height .3s ease;position:relative;top:100%;transform:translateY(-100%)}.no-data{text-align:center;padding:20px;color:#94a3b8;font-size:12px;font-style:italic}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 1024px) and (min-width: 769px){.survey-scores-modern{padding:28px 24px}.scores-container{padding-left:40px}.target-progress-bar{right:40px}.progress-annotations{right:75px}}@media (max-width: 768px){.survey-scores-modern{padding:24px 20px;min-height:180px}.survey-header{margin-bottom:14px;padding-bottom:10px}.survey-header h3{font-size:15px}.total-count{font-size:11px;padding:2px 8px}.scores-container{gap:10px;padding-left:45px;align-items:flex-end}.score-item-modern{padding:12px 16px;gap:14px;max-width:calc(100% - 70px);margin-left:auto}.score-emoji-modern{font-size:28px;min-width:35px}.score-count-modern{font-size:18px;min-width:35px}.score-percentage-modern{font-size:13px}.target-progress-bar{right:45px;width:20px;height:160px}.progress-annotations{right:80px;height:160px;font-size:8px}}@media (max-width: 480px){.survey-scores-modern{padding:20px 16px;min-height:160px}.survey-header{margin-bottom:12px;padding-bottom:8px}.survey-header h3{font-size:14px}.total-count{font-size:10px;padding:2px 6px}.scores-container{gap:8px;padding-left:40px;align-items:flex-start}.score-item-modern{padding:10px 14px;gap:12px;max-width:calc(100% - 85px);margin-left:0}.score-emoji-modern{font-size:24px;min-width:30px}.score-count-modern{font-size:16px;min-width:30px}.score-percentage-modern{font-size:12px}.target-progress-bar{right:30px;width:24px;height:200px}.progress-annotations{right:65px;height:200px;font-size:8px}}.sms-delivery-stats{background:#ffffff;border:1px solid rgba(2,6,23,.08);border-radius:12px;padding:16px;box-shadow:0 4px 12px #0206170f;height:100%;width:100%;box-sizing:border-box;overflow:hidden}.sms-delivery-stats h3{margin:0 0 16px;font-size:16px;font-weight:700;color:#1e293b;letter-spacing:-.025em}.summary-cards{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:20px}.summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;text-align:center;transition:all .2s ease}.summary-card:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.summary-card h4{margin:0 0 8px;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.summary-card .value{font-size:24px;font-weight:700;color:#1e293b;margin:0;line-height:1.2}.summary-card .percentage{font-size:14px;font-weight:600;color:#059669;margin:4px 0 0}.charts-container{display:flex;flex-direction:column;gap:16px}.chart-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.chart-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#475569;text-align:center}.chart-section canvas{max-width:100%;height:auto;max-height:200px}.no-sms-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:16px 0}.info-message{max-width:280px}.info-message h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#475569}.info-message p{margin:0;font-size:14px;color:#64748b;line-height:1.5}.debug-info{margin-top:12px;padding:8px 12px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;font-size:12px;color:#64748b;font-family:monospace}.sms-delivery-stats.loading{opacity:.7;pointer-events:none}.sms-delivery-stats.loading .summary-card .value{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;min-height:24px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.sms-delivery-stats.error{border-color:#fecaca;background-color:#fef2f2}.sms-delivery-stats.error h3{color:#dc2626}@media (min-width: 768px){.sms-delivery-stats{padding:20px;border-radius:14px}.sms-delivery-stats h3{font-size:18px;margin-bottom:20px}.summary-cards{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.summary-card{padding:16px;border-radius:10px}.summary-card h4{font-size:13px;margin-bottom:10px}.summary-card .value{font-size:28px}.summary-card .percentage{font-size:15px;margin-top:6px}.charts-container{gap:20px}.chart-section{padding:16px;border-radius:10px}.chart-section h4{font-size:15px;margin-bottom:16px}.chart-section canvas{max-height:250px}.no-sms-data{padding:32px 24px;margin:20px 0}.info-message{max-width:320px}.info-message h4{font-size:18px;margin-bottom:10px}.info-message p{font-size:15px}.debug-info{margin-top:16px;padding:10px 14px;font-size:13px}}@media (min-width: 1024px){.sms-delivery-stats{padding:24px;border-radius:16px}.sms-delivery-stats h3{font-size:18px;margin-bottom:24px}.summary-cards{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}.summary-card{padding:20px;border-radius:12px}.summary-card h4{font-size:14px;margin-bottom:12px}.summary-card .value{font-size:32px}.summary-card .percentage{font-size:16px;margin-top:8px}.charts-container{gap:24px}.chart-section{padding:20px;border-radius:12px}.chart-section h4{font-size:16px;margin-bottom:20px}.chart-section canvas{max-height:300px}.no-sms-data{padding:40px 32px;margin:24px 0}.info-message{max-width:360px}.info-message h4{font-size:20px;margin-bottom:12px}.info-message p{font-size:16px}.debug-info{margin-top:20px;padding:12px 16px;font-size:14px}}@media (min-width: 1440px){.sms-delivery-stats{padding:28px}.summary-cards{gap:24px;margin-bottom:32px}.summary-card{padding:24px}.summary-card .value{font-size:36px}.charts-container{gap:28px}.chart-section{padding:24px}.chart-section canvas{max-height:350px}.no-sms-data{padding:48px 40px;margin:28px 0}.info-message{max-width:400px}.info-message h4{font-size:22px}.info-message p{font-size:17px}}.notification-settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px}.notification-settings-modal{background:white;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;max-height:95vh;overflow:hidden;position:relative;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-settings-header{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color:#fff;padding:30px;text-align:center;position:relative}.notification-settings-header h2{margin:0 0 10px;font-size:1.8rem;font-weight:700}.notification-settings-header p{margin:0;opacity:.9;font-size:1rem}.close-button{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.2);border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-button:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.notification-settings-content{padding:30px;max-height:calc(80vh - 200px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9;position:relative}.notification-settings-content::-webkit-scrollbar{width:6px}.notification-settings-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.notification-settings-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.notification-settings-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.settings-section{margin-bottom:30px}.settings-section h3{color:#1e293b;font-size:1.3rem;font-weight:600;margin:0 0 15px;display:flex;align-items:center;gap:10px}.section-description{color:#64748b;font-size:.9rem;margin:0 0 20px;line-height:1.5}.category-group{margin-bottom:25px}.category-group h4{color:#334155;font-size:1.1rem;font-weight:600;margin:0 0 15px;display:flex;align-items:center;gap:8px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f8fafc;border-radius:12px;margin-bottom:10px;transition:all .3s ease;border:2px solid transparent}.setting-item:hover{background:#f1f5f9;border-color:#e2e8f0}.setting-item.location-specific{background:#f0f9ff;border-color:#bae6fd}.setting-info{display:flex;align-items:center;gap:15px;flex:1}.setting-icon{font-size:1.5rem;width:40px;text-align:center}.setting-info h5{margin:0 0 5px;color:#1e293b;font-size:1rem;font-weight:600}.setting-info p{margin:0;color:#64748b;font-size:.85rem;line-height:1.4}.location-badge{background:#3b82f6;color:#fff;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:500;margin-top:5px;display:inline-block}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px;cursor:pointer}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}input:checked+.toggle-slider{background-color:#3b82f6}.push-status-section{background:rgba(255,255,255,.1);border-radius:12px;padding:20px;margin:20px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.push-status-info{display:flex;align-items:center;gap:15px;margin-bottom:15px}.push-icon{font-size:1.5rem}.push-status-text{display:flex;flex-direction:column;gap:5px}.status-badge{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.granted{background:#10b981;color:#fff}.status-badge.denied{background:#ef4444;color:#fff}.status-badge.default{background:#f59e0b;color:#fff}.enable-push-btn{background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.3);color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;width:100%}.enable-push-btn:hover{background:rgba(255,255,255,.3);border-color:#ffffff80}.demo-badge{background:#fbbf24;color:#92400e;padding:8px 16px;border-radius:8px;font-size:.8rem;font-weight:600;margin:15px 0;text-align:center}.mobile-hint{background:rgba(255,255,255,.1);color:#fffc;padding:8px 16px;border-radius:8px;font-size:.8rem;text-align:center;margin:10px 0}.location-selector label{display:block;margin-bottom:8px;color:#374151;font-weight:500}.location-dropdown{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;background:white;color:#374151;transition:border-color .3s ease}.location-dropdown:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.selected-location-info{display:flex;align-items:center;gap:10px;padding:12px;background:#f0f9ff;border-radius:8px;border:1px solid #bae6fd}.location-icon{color:#3b82f6;font-size:1.2rem}.location-name{font-weight:600;color:#1e293b}.location-address{color:#64748b;font-size:.9rem}.notification-preview{background:#f8fafc;border-radius:12px;padding:20px;border:2px solid #e2e8f0}.preview-header{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e2e8f0}.preview-icon{font-size:1.2rem}.preview-title{font-weight:600;color:#1e293b}.preview-time{color:#64748b;font-size:.8rem;margin-left:auto}.preview-content{display:flex;flex-direction:column;gap:10px}.preview-item{background:white;padding:12px;border-radius:8px;border-left:4px solid #3b82f6;position:relative}.preview-badge{position:absolute;top:8px;right:8px;background:#3b82f6;color:#fff;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:600}.preview-location{display:block;margin-top:5px;color:#64748b;font-size:.8rem}.preview-disabled{color:#9ca3af;font-style:italic;border-left-color:#d1d5db}.notification-settings-footer{background:#f8fafc;padding:20px 30px;border-top:1px solid #e2e8f0;display:flex;gap:15px;justify-content:flex-end;position:relative;z-index:5;margin-top:auto}.cancel-button{padding:12px 24px;background:#f1f5f9;border:2px solid #e2e8f0;color:#64748b;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.cancel-button:hover{background:#e2e8f0;border-color:#cbd5e1;color:#475569}.save-button{padding:12px 24px;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:none;color:#fff;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px}.save-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.save-button.loading{opacity:.7;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.status-message{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:8px;color:#fff;font-weight:600;z-index:10001;display:flex;align-items:center;gap:10px;animation:slideInRight .3s ease-out}.test-notifications-section{padding:20px 30px;border-top:1px solid #e2e8f0;background:#f8fafc}.test-notifications-section h4{margin:0 0 10px;color:#1e293b;font-size:16px;font-weight:600}.test-notifications-section p{margin:0 0 15px;color:#64748b;font-size:14px}.test-buttons{display:flex;flex-wrap:wrap;gap:10px}.test-button{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.test-button:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.test-button:disabled{background:#94a3b8;cursor:not-allowed;opacity:.6}.test-button:active:not(:disabled){transform:translateY(0)}.status-message.success{background:#10b981}.status-message.error{background:#ef4444}.status-message.warning{background:#f59e0b}.status-icon{font-size:1.2rem}@media (max-width: 768px){.notification-settings-overlay{padding:10px}.notification-settings-modal{max-height:95vh;border-radius:16px}.notification-settings-header{padding:25px 20px}.notification-settings-header h2{font-size:1.5rem}.notification-settings-content{padding:20px;max-height:calc(70vh - 100px)}.notification-settings-footer{padding:15px 20px;flex-direction:column}.setting-item{padding:12px}.setting-info{gap:12px}.setting-icon{width:32px;font-size:1.3rem}.toggle-switch{width:44px;height:22px}.toggle-slider:before{height:16px;width:16px}input:checked+.toggle-slider:before{transform:translate(22px)}}@media (max-width: 768px){.toggle-switch{min-height:44px;min-width:44px}.setting-item{min-height:60px}.close-button{min-height:44px;min-width:44px}.enable-push-btn{min-height:44px}}.sidebar-toggle{position:absolute;top:20px;right:-22px;z-index:1001;background-color:#0d1a2e;color:#fff;border:none;border-radius:0 8px 8px 0;width:22px;height:45px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:2px 0 5px #0003;pointer-events:auto}.sidebar-toggle:hover{background-color:#2c3a50;transform:scale(1.05)}.sidebar-toggle.collapsed{right:-22px}.sidebar{width:240px;height:100vh;position:fixed;top:0;left:0;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);display:flex;flex-direction:column;padding:20px;box-sizing:border-box;box-shadow:0 10px 30px #0206170f;border-right:1px solid rgba(2,6,23,.08);z-index:1000;transition:all .3s ease;overflow:visible}.sidebar.collapsed{width:80px;padding:20px 10px}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999}.sidebar-logo{font-size:28px;font-weight:700;margin-bottom:24px;text-align:center;transition:font-size .3s ease;padding:14px 12px;border-radius:12px;background:linear-gradient(90deg,#fef9c3 0%,#fee2e2 100%);border:1px solid rgba(2,6,23,.06);box-shadow:inset 0 1px #fff9}.sidebar.collapsed .sidebar-logo{font-size:20px;margin-bottom:30px}.sidebar-logo a{color:#0f172a;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:12px}.sidebar.collapsed .sidebar-logo a{justify-content:center;gap:0}.logo-text{font-size:22px;font-weight:800;background:linear-gradient(90deg,#f97316,#ef4444);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}.sidebar-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.nav-item{width:100%}.nav-link{display:flex;align-items:center;padding:10px 15px;border-radius:8px;text-decoration:none;transition:all .3s ease;color:#334155;position:relative;overflow:hidden}.sidebar.collapsed .nav-link{justify-content:center;padding:10px 5px}.nav-link:hover,.nav-link.active{background:#f1f5f9;outline:1px solid rgba(15,23,42,.06);color:#0f172a}.nav-icon{font-size:22px;margin-right:15px;transition:margin .3s ease;flex-shrink:0}.sidebar.collapsed .nav-icon{margin-right:0}.nav-text{font-size:16px;font-weight:500;white-space:nowrap;opacity:1;transition:opacity .3s ease}.sidebar.collapsed .nav-text{opacity:0;width:0;overflow:hidden}.sidebar-notifications{margin:20px 0;padding:10px 0;border-top:1px solid rgba(2,6,23,.08);border-bottom:1px solid rgba(2,6,23,.08);display:flex!important;flex-direction:column;gap:10px;align-items:center}.sidebar.collapsed .sidebar-notifications{margin:15px 0;padding:8px 0}.notification-settings-button{width:100%;padding:12px 16px;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease;display:flex!important;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 15px #3b82f64d;position:relative;overflow:hidden}.notification-settings-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.notification-settings-button:hover:before{left:100%}.notification-settings-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666;background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%)}.notification-settings-button:active{transform:translateY(0);box-shadow:0 4px 15px #3b82f64d}.sidebar.collapsed .notification-settings-button{padding:12px 8px;width:60px;height:60px;border-radius:50%;justify-content:center}.sidebar.collapsed .notification-settings-button .button-text{display:none}.notification-settings-button .button-icon{font-size:1.1rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.notification-settings-button .button-text{font-weight:600;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.sidebar-footer{margin-top:auto;transition:all .3s ease}.sidebar-footer .nav-icon{font-size:14px;font-weight:700;color:#fff;background-color:#4285f4;width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:50%;margin-right:15px}.sidebar.collapsed .sidebar-footer .nav-icon{margin-right:0}.user-info{padding:10px 0;margin-bottom:10px;transition:all .3s ease}.user-email{color:#a9c2e5;font-size:.85rem;word-break:break-word}.logout-button{width:100%;padding:12px 16px;background:#f1f5f9;border:1px solid rgba(2,6,23,.08);border-radius:8px;color:#0f172a;cursor:pointer;font-size:.9rem;transition:all .3s ease;white-space:nowrap;overflow:hidden}.sidebar.collapsed .logout-button{padding:12px 8px;font-size:16px}.logout-button:hover{background:#e2e8f0;border-color:#02061729;color:#0f172a}@media (max-width: 768px){.sidebar-toggle{display:none}.sidebar{width:280px;transform:translate(-100%);z-index:1000}.notification-settings-button{min-height:48px;touch-action:manipulation;padding:14px 16px;font-size:1rem;border-radius:10px;background:#ef4444!important;border:3px solid #dc2626;box-shadow:0 0 20px #ef444480}.notification-settings-button:active{transform:scale(.98)}.notification-settings-button .button-icon{font-size:1.2rem}.notification-settings-button .button-text{font-weight:600}.sidebar:not(.collapsed){transform:translate(0)}.sidebar.collapsed{transform:translate(-100%)}.sidebar-notifications{display:flex!important;margin:15px 0;padding:8px 0;background:rgba(59,130,246,.1);border:2px dashed #3b82f6}}@media (min-width: 769px){.sidebar-toggle{display:flex}}.customers-page{padding:20px;background-color:#f9f9f9}.customers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.customers-header-left .overview-text{font-size:12px;color:#495057;margin:0;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.customers-header-left h1{margin:4px 0 0;font-size:28px;color:#1a1a1a;font-weight:700}.customers-header-right{display:flex;gap:10px}.reply-drawer-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:rgba(0,0,0,.35);display:flex;justify-content:flex-end;z-index:9999!important;pointer-events:auto;transform:none!important;overflow:visible!important}.customers-page.drawer-open .customer-row-active,.customers-page.drawer-open .customer-card-active{opacity:.4;pointer-events:none;transition:opacity .2s ease}.reply-textarea.has-draft{border-color:#3b82f6;background-color:#f0f9ff}.reply-drawer{width:520px;max-width:95vw;height:100vh;background:#fff;box-shadow:-2px 0 12px #00000026;display:flex;flex-direction:column;animation:slideIn .2s ease-out;position:relative!important;z-index:10000!important}@keyframes slideIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.reply-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #eee}.reply-title{color:#0f172a;font-weight:700;letter-spacing:.2px}.reply-subtitle{color:#475569}.reply-drawer-content{padding:16px 20px;flex:1;display:flex;flex-direction:column;gap:4px;overflow:hidden}.conversation-thread{flex:1;overflow-y:auto;min-height:240px;border:1px solid #e5e7eb;border-radius:8px;padding:12px;background:#fafafa}.conversation-empty,.conversation-error{color:#6b7280;font-size:14px;padding:8px 0}.bubble{max-width:80%;margin:8px 0;padding:10px 12px;border-radius:12px;background:#f3f4f6;word-wrap:break-word;position:relative;box-shadow:0 1px 2px #0000000a}.bubble.in{align-self:flex-start;background:#eef2ff;border-bottom-left-radius:4px}.bubble.out{align-self:flex-end;background:#e0f2fe;border-bottom-right-radius:4px}.bubble-text{white-space:pre-wrap;color:#111827;line-height:1.4;margin-bottom:4px}.bubble-meta{font-size:11px;color:#6b7280;margin-top:4px;opacity:.8}.reply-textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;resize:vertical;font-size:14px;margin-top:4px;margin-bottom:0}.reply-drawer-content label{font-size:14px;font-weight:500;color:#374151;margin-bottom:0}.reply-drawer-actions{padding:8px 20px;display:flex;gap:12px;border-top:1px solid #eee;position:sticky;bottom:0;background:#fff;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.reply-cancel{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;padding:8px 14px}.reply-send{background:#2563eb;color:#fff;border:1px solid #1d4ed8;border-radius:8px;padding:10px 16px;font-weight:600}.reply-send:disabled{opacity:.6;cursor:not-allowed}.header-button{padding:8px 16px;border:1px solid #ced4da;background-color:#fff;border-radius:6px;cursor:pointer;font-weight:500}.header-button.add-button{background-color:#0d1a2e;color:#fff;border:none}.customers-filters{margin-bottom:20px;padding:15px;background-color:#fff;border-radius:8px}.filters-row{display:flex;align-items:flex-end;gap:15px;flex-wrap:wrap;margin-bottom:15px}.super-admin-badge{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-top:8px;display:inline-block;box-shadow:0 2px 8px #667eea4d}.location-badge{background:#e3f2fd;color:#1976d2;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:500;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.location-badge:before{content:"ID: ";font-weight:700;color:#d32f2f}.location-badge .location-id{font-weight:700;color:#d32f2f}.clear-date-btn{background:#dc3545;color:#fff;border:none;border-radius:4px;padding:8px 12px;margin-left:8px;cursor:pointer;font-size:14px;transition:background-color .2s}.clear-date-btn:hover{background:#c82333}.filter-select{padding:8px 12px;border:1px solid #ced4da;border-radius:6px;font-size:14px;background-color:#fff;transition:border-color .2s,box-shadow .2s}.filter-select:focus{outline:none;border-color:#0d1a2e;box-shadow:0 0 0 2px #0d1a2e1a}.filter-select:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.filter-input{padding:8px 12px;border:1px solid #ced4da;border-radius:6px;font-size:14px;background-color:#fff}.filter-input:focus{outline:none;border-color:#0d1a2e;box-shadow:0 0 0 2px #0d1a2e1a}.clear-filters-btn{padding:8px 16px;border:1px solid #dc3545;background-color:#fff;color:#dc3545;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.clear-filters-btn:hover:not(:disabled){background-color:#dc3545;color:#fff}.clear-filters-btn:disabled{border-color:#ced4da;color:#6c757d;cursor:not-allowed}.filters-summary{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.active-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.active-filters-label{font-size:12px;color:#6c757d;font-weight:500}.filter-tag{background-color:#e3f2fd;color:#1976d2;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;white-space:nowrap;min-width:fit-content}.source-tag{background-color:#f3e5f5;color:#7b1fa2;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:500;text-transform:uppercase}.filter-row{display:flex;align-items:flex-end;gap:15px;flex-wrap:wrap;margin-bottom:15px}.search-container{position:relative;display:flex;flex-direction:column;gap:5px;min-width:200px}.search-container:before{content:"Search";font-size:12px;color:#6c757d;font-weight:500;text-transform:uppercase}.search-input{padding:8px 12px;border:1px solid #ced4da;border-radius:6px;min-width:200px;font-size:14px;background-color:#fff}.search-input:focus{outline:none;border-color:#0d1a2e;box-shadow:0 0 0 2px #0d1a2e1a}.date-filter{display:flex;align-items:center}.date-picker-input{padding:8px 12px;border:1px solid #ced4da;border-radius:6px;min-width:200px;font-size:14px}.date-picker-input:focus{outline:none;border-color:#0d1a2e;box-shadow:0 0 0 2px #0d1a2e1a}.customer-count{font-size:14px;color:#6c757d;margin:0}.customers-table-container{background-color:#fff;border-radius:8px;overflow:visible!important}.customers-mobile-cards{display:none}.customers-table{width:100%;border-collapse:collapse}.customers-table th,.customers-table td{padding:15px;text-align:left;border-bottom:1px solid #e0e0e0}.customers-table th{font-size:12px;color:#6c757d;font-weight:500;text-transform:uppercase}.customer-emoji{font-size:20px}.customer-tag{background-color:#e3f2fd;color:#1976d2;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:500;display:inline-block;margin-right:4px}.customer-tags{display:flex;gap:4px;flex-wrap:wrap}.vip-tag{background-color:#fff3e0;color:#f57c00;font-weight:600}.actions-button{background:none;border:none;font-size:20px;cursor:pointer;padding:5px 10px;border-radius:4px;transition:background-color .2s}.actions-button:hover{background-color:#f0f0f0}.actions-cell{position:relative;overflow:visible!important}.actions-dropdown{position:absolute;top:100%;right:0;background:white;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:10000!important;min-width:200px;max-width:250px;animation:dropdownFadeIn .2s ease-out;overflow:visible!important;pointer-events:auto!important}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #eee;background-color:#f8f9fa;border-radius:8px 8px 0 0}.dropdown-header span{font-weight:600;color:#333;font-size:14px}.close-dropdown{background:none;border:none;font-size:18px;cursor:pointer;color:#666;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-dropdown:hover{background-color:#e9ecef;color:#333}.dropdown-content{padding:8px 0}.dropdown-item{display:flex;align-items:center;width:100%;padding:10px 16px;background:none;border:none;text-align:left;cursor:pointer;font-size:14px;color:#333;transition:background-color .2s;border-radius:0}.dropdown-item:hover{background-color:#f8f9fa}.dropdown-item:active{background-color:#e9ecef}.dropdown-item:first-child{border-radius:0}.dropdown-item:last-child{border-radius:0 0 8px 8px}@media (max-width: 768px){.actions-dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:300px;max-height:80vh;overflow-y:auto;z-index:10000!important}.dropdown-item{padding:15px 16px;font-size:16px}.dropdown-header{padding:16px}.mobile-dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:300px;z-index:10000!important}.reply-drawer-overlay{justify-content:center;position:fixed!important;z-index:9999!important}.reply-drawer{width:100vw;max-width:100vw;height:100vh;border-radius:0;position:relative!important;z-index:10000!important}.reply-drawer-header{padding:18px}.reply-drawer-content{padding:12px 16px}.conversation-thread{min-height:50vh}.reply-textarea{font-size:16px;padding:12px 14px}.reply-send,.reply-cancel{padding:12px 16px;font-size:16px}}.customers-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.customers-table th.sortable:hover{background-color:#f1f1f1}.status-icon{font-weight:700}.status-icon.check{color:#28a745}.status-icon.cross{color:#dc3545}.device-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.device-modal{background:white;border-radius:8px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.device-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.device-modal-header h3{margin:0;color:#333;font-size:18px}.device-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.device-modal-close:hover{color:#333}.device-modal-content{padding:20px}.device-info-section{margin-bottom:30px}.device-info-section h4{margin:0 0 15px;color:#333;font-size:16px;border-bottom:2px solid #007bff;padding-bottom:5px}.device-fingerprint{background:#f8f9fa;padding:10px;border-radius:4px;font-family:monospace;font-size:14px;word-break:break-all;border:1px solid #e0e0e0}.device-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.device-info-item{display:flex;flex-direction:column;gap:5px}.device-info-label{font-weight:600;color:#666;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.device-info-value{color:#333;font-size:14px;word-break:break-word}.device-info-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:5px;border-radius:4px;transition:background-color .2s}.device-info-btn:hover{background-color:#f0f0f0}.table-actions{display:flex;gap:5px;align-items:center}.action-btn{background:none;border:none;cursor:pointer;font-size:14px;padding:5px;border-radius:4px;transition:background-color .2s}.action-btn:hover{background-color:#f0f0f0}@media (max-width: 768px){.device-modal{width:95%;margin:10px}.device-info-grid{grid-template-columns:1fr}.device-modal-content,.device-modal-header{padding:15px}}@media (max-width: 768px){.customers-page{padding:15px 10px}.customers-header{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:15px}.customers-header-left h1{font-size:24px}.customers-header-right{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.header-button{padding:10px 12px;font-size:14px;border-radius:8px;white-space:nowrap;text-align:center}.customers-filters{padding:15px;border-radius:12px}.filters-row{flex-direction:column;align-items:stretch;gap:12px}.filter-group{min-width:auto;width:100%}.filter-group label{font-size:13px;margin-bottom:6px}.filter-select{width:100%;padding:12px 16px;font-size:16px;border-radius:8px;border:2px solid #e0e0e0;box-sizing:border-box}.filter-select:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}.filter-input{width:100%;padding:12px 16px;font-size:16px;border-radius:8px;border:2px solid #e0e0e0;box-sizing:border-box}.filter-input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}.clear-filters-btn{width:100%;padding:12px 16px;font-size:16px;border-radius:8px;margin-top:8px}.filters-summary{flex-direction:column;align-items:stretch;gap:12px;margin-top:15px}.active-filters{flex-direction:column;align-items:flex-start;gap:8px}.filter-tag{font-size:12px;padding:6px 10px;border-radius:6px;white-space:nowrap;min-width:fit-content}.customer-count{text-align:center;font-size:16px;font-weight:500}.customers-table-container{border-radius:12px;overflow:hidden}.customers-table{display:none}.customers-mobile-cards{display:block;padding:15px}.customer-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px #00000014;transition:box-shadow .2s ease}.customer-card:hover{box-shadow:0 4px 12px #0000001f}.customer-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.customer-card-emoji{font-size:28px}.customer-card-actions{display:flex;gap:8px}.customer-card-action-btn{background:none;border:none;font-size:18px;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s;color:#666}.customer-card-action-btn:hover{background-color:#f0f0f0;color:#333}.customer-card-details{display:grid;grid-template-columns:1fr;gap:12px;font-size:14px}.customer-card-detail{display:flex;flex-direction:column;gap:4px}.customer-card-label{font-size:11px;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.customer-card-value{font-weight:500;color:#333;font-size:15px;line-height:1.4}.customer-card-tag{background-color:#e9ecef;color:#495057;padding:4px 8px;border-radius:6px;font-size:11px;display:inline-block;margin-top:4px;font-weight:500}.source-tag{font-size:10px;padding:4px 6px;border-radius:4px}.super-admin-badge{font-size:11px;padding:3px 10px;margin-top:6px}.clear-date-btn{padding:12px 16px;font-size:16px;border-radius:8px;margin-left:0;margin-top:8px;width:100%}.location-badge{font-size:10px;padding:4px 6px;border-radius:6px}.customer-card-detail .location-badge{display:inline-block;margin-top:4px}}@media (max-width: 480px){.customers-page{padding:10px 8px}.customers-header-left h1{font-size:20px}.customers-header-right{grid-template-columns:1fr;gap:6px}.header-button{padding:12px 16px;font-size:15px}.customer-card{padding:14px;margin-bottom:14px}.customer-card-details{gap:10px}.customer-card-value{font-size:14px}.customers-filters{padding:12px}.filter-select,.filter-input,.clear-date-btn{padding:14px 16px;font-size:16px}}.date-filter-container{position:relative;min-width:200px}.date-filter-header{display:flex;flex-direction:column;gap:5px}.date-filter-header label{font-size:12px;color:#6c757d;font-weight:500;text-transform:uppercase}.date-toggle-btn{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border:1px solid #ced4da;border-radius:6px;background:white;cursor:pointer;transition:all .2s ease;min-width:200px;font-size:14px;height:36px}.date-toggle-btn:hover{border-color:#4285f4;box-shadow:0 2px 8px #4285f41a}.date-toggle-btn:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}.date-display{color:#333;font-weight:500}.date-arrow{color:#6c757d;font-size:12px;transition:transform .2s ease}.date-picker-dropdown{position:absolute;top:100%;left:0;right:0;background:white;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 32px #0000001f;z-index:1000;margin-top:4px;overflow:hidden;min-width:320px}.quick-presets{padding:16px;border-bottom:1px solid #f0f0f0}.quick-presets h4{margin:0 0 12px;font-size:14px;color:#333;font-weight:600}.preset-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preset-btn{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;background:white;color:#333;font-size:12px;cursor:pointer;transition:all .2s ease;text-align:center}.preset-btn:hover{background:#f8f9fa;border-color:#4285f4;color:#4285f4}.preset-btn:active{background:#e3f2fd}.preset-btn.active{background:#4285f4;color:#fff;border-color:#4285f4}.custom-date-picker{padding:16px;border-bottom:1px solid #f0f0f0}.custom-date-picker h4{margin:0 0 12px;font-size:14px;color:#333;font-weight:600}.modern-date-picker{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;background:white;transition:all .2s ease}.modern-date-picker:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}.date-actions{display:flex;gap:8px;padding:12px 16px;background:#f8f9fa}.clear-date-btn,.apply-date-btn{flex:1;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-date-btn{background:#f8f9fa;color:#6c757d;border:1px solid #e0e0e0}.clear-date-btn:hover:not(:disabled){background:#e9ecef;color:#495057}.clear-date-btn:disabled{opacity:.5;cursor:not-allowed}.apply-date-btn{background:#4285f4;color:#fff}.apply-date-btn:hover{background:#3367d6}.active-date-filter{display:flex;align-items:center;gap:8px;margin-top:8px}.date-badge{background:#e3f2fd;color:#1976d2;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;white-space:nowrap;min-width:fit-content}.clear-date-icon{background:none;border:none;color:#dc3545;cursor:pointer;font-size:14px;padding:2px;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.clear-date-icon:hover{background:#f8d7da}.modern-calendar{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;border:none!important;box-shadow:0 8px 32px #0000001f!important;border-radius:12px!important;overflow:hidden}.modern-calendar .react-datepicker__header{background:#4285f4!important;color:#fff!important;border:none!important;padding:16px!important}.modern-calendar .react-datepicker__current-month{color:#fff!important;font-weight:600!important;font-size:16px!important}.modern-calendar .react-datepicker__day-name{color:#fffc!important;font-weight:500!important}.modern-calendar .react-datepicker__day{border-radius:6px!important;margin:2px!important;font-weight:500!important;transition:all .2s ease!important}.modern-calendar .react-datepicker__day:hover{background:#e3f2fd!important;color:#1976d2!important}.modern-calendar .react-datepicker__day--selected{background:#4285f4!important;color:#fff!important}.modern-calendar .react-datepicker__day--in-range{background:#e3f2fd!important;color:#1976d2!important}.modern-calendar .react-datepicker__day--keyboard-selected{background:#4285f4!important;color:#fff!important}.modern-calendar .react-datepicker__day--disabled{color:#ccc!important;background:transparent!important}.modern-calendar .react-datepicker__navigation{top:16px!important}.modern-calendar .react-datepicker__navigation-icon:before{border-color:#fff!important}.modern-calendar .react-datepicker__month-container{background:white!important}.modern-calendar .react-datepicker__month{margin:0!important;padding:16px!important}@media (max-width: 768px){.filter-row{flex-direction:column;align-items:stretch;gap:12px}.search-container,.filter-group,.date-filter-container{width:100%;min-width:auto}.search-container:before{font-size:13px;margin-bottom:6px}.filter-group label,.date-filter-header label{font-size:13px;margin-bottom:6px}.search-input,.filter-select,.date-toggle-btn{width:100%;min-width:auto;padding:12px 16px;font-size:16px;border-radius:8px;border:2px solid #e0e0e0;box-sizing:border-box}.search-input:focus,.filter-select:focus,.date-toggle-btn:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}.location-badge{font-size:10px;padding:4px 6px;border-radius:6px;gap:2px}.location-badge:before{font-size:9px}.location-badge .location-id{font-size:10px}.date-picker-dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;max-height:80vh;overflow-y:auto;margin-top:0}.preset-buttons{grid-template-columns:1fr}.preset-btn{padding:12px 16px;font-size:14px}.date-actions{padding:16px}.clear-date-btn,.apply-date-btn{padding:12px 16px;font-size:16px}}@media (max-width: 480px){.date-picker-dropdown{width:95%}.quick-presets,.custom-date-picker,.date-actions{padding:12px}.location-badge{font-size:9px;padding:3px 5px;gap:1px}.location-badge:before{font-size:8px}.location-badge .location-id{font-size:9px}}.unverified-customers-page{padding:20px;max-width:1400px;margin:0 auto}.page-header{margin-bottom:30px;text-align:center}.page-header h1{color:#333;font-size:2.5rem;margin-bottom:10px;font-weight:600}.page-header p{color:#666;font-size:1.1rem;margin:0}.filters{display:flex;gap:20px;margin-bottom:30px;flex-wrap:wrap;justify-content:center}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-weight:600;color:#333;font-size:.9rem}.filter-group select{padding:10px 15px;border:1px solid #ddd;border-radius:6px;background:white;font-size:14px;min-width:150px;cursor:pointer}.filter-group select:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 2px #4285f433}.summary-cards{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:20px!important;margin-bottom:30px!important}.summary-card{background:white!important;border-radius:16px!important;padding:24px 20px!important;box-shadow:0 4px 12px #00000014!important;text-align:center!important;border:none!important;transition:box-shadow .2s ease!important}.summary-card:hover{box-shadow:0 6px 20px #0000001f!important}.summary-card.verified{border-left-color:#28a745}.summary-card.unverified{border-left-color:#dc3545}.summary-card.success-rate{border-left-color:#ffc107}.success-rate-card{background:white!important;border-radius:16px!important;padding:24px 20px!important;box-shadow:0 4px 12px #00000014!important;text-align:center!important;border:none!important;transition:box-shadow .2s ease!important}.success-rate-card:hover{box-shadow:0 6px 20px #0000001f!important}.card-header{margin-bottom:16px!important}.card-header h4{margin:0!important;font-size:14px!important;color:#64748b!important;font-weight:500!important;text-transform:uppercase!important;letter-spacing:.8px!important}.card-value{font-size:32px!important;font-weight:700!important;color:#1e293b!important;margin-bottom:12px!important;line-height:1.1!important}.card-value.success{color:#28a745!important}.card-value.failed{color:#dc3545!important}.card-value.pending{color:#ffc107!important}.percentage-change{font-size:13px!important;font-weight:600!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}.status{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;display:inline-block;min-width:80px;text-align:center;box-shadow:0 2px 4px #0000001a;border:1px solid transparent;transition:all .2s ease}.status.delivered{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#047857}.status.delivered:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.status.failed{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#b91c1c}.status.failed:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.status.pending{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-color:#b45309}.status.pending:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 4px 8px #f59e0b4d}.status.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#047857}.status.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#b91c1c}.status.unknown{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border-color:#374151}.status.no_phone{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff;border-color:#4b5563}.status.skipped_no_phone{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff;border-color:#dc2626}.status.skipped_unverified_phone{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;border-color:#d97706}.status.skipped_invalid_phone{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff;border-color:#dc2626}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;margin-bottom:40px}.chart-container{background:white;border-radius:12px;padding:25px;box-shadow:0 4px 6px #0000001a}.chart-container h3{margin:0 0 20px;color:#333;font-size:1.3rem;font-weight:600;text-align:center}.chart-container canvas{max-height:300px}.table-section{margin-top:30px}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.table-header h3{margin:0;color:#333;font-size:1.3rem;font-weight:600}.table-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.search-container{position:relative;display:flex;align-items:center}.search-input{padding:10px 15px;border:1px solid #ddd;border-radius:8px;font-size:14px;min-width:250px;background:white}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.clear-search{position:absolute;right:10px;background:none;border:none;color:#666;cursor:pointer;font-size:16px;padding:2px;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.clear-search:hover{background:#f1f5f9;color:#333}.results-count{font-size:14px;color:#666;font-weight:500}.table-container{background:white;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}table{width:100%;border-collapse:collapse;font-size:14px}thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}th{padding:15px 12px;text-align:left;font-weight:600;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;position:relative;border-bottom:2px solid #e2e8f0}th:hover{background:#f1f5f9;color:#1e293b}th:active{background:#e2e8f0}th[onclick]{position:relative;padding-right:25px}th[onclick]:after{content:"⇅";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:12px;color:#9ca3af;opacity:.5;transition:opacity .2s ease}th[onclick]:hover:after{opacity:1;color:#6b7280}th[onclick].sort-asc:after,th[onclick].sort-desc:after{opacity:1;color:#3b82f6}td{padding:12px;border-bottom:1px solid #f1f5f9;color:#374151}tbody tr:hover{background:#f8fafc}.clickable-cell{cursor:pointer;position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px}.clickable-cell:hover{background:#f1f5f9}.magnifying-glass{font-size:14px;opacity:.6;transition:opacity .2s ease}.clickable-cell:hover .magnifying-glass{opacity:1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:white;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;color:#1f2937;font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{padding:24px;overflow-y:auto;max-height:60vh}.transaction-details{display:flex;flex-direction:column;gap:16px}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid #f3f4f6}.detail-label{font-weight:600;color:#374151;min-width:140px;flex-shrink:0}.detail-value{color:#6b7280;text-align:right;flex:1;margin-left:16px}.detail-value.amount{font-weight:600;color:#059669;font-size:1.1em}.detail-value.error{color:#dc2626}.detail-section{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.detail-section h4{margin:0 0 16px;color:#1f2937;font-size:1.1rem;font-weight:600}.items-list{display:flex;flex-direction:column;gap:12px}.item-row{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.item-details{display:flex;align-items:center;gap:8px;flex:1}.item-name{font-weight:500;color:#374151}.item-quantity{color:#6b7280;font-size:.9em;background:#e5e7eb;padding:2px 6px;border-radius:4px}.item-price{font-weight:600;color:#059669;font-size:1.05em}.payment-details{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:16px;margin-top:12px}.loading-state{text-align:center;padding:40px 20px}.loading-placeholder{color:#9ca3af!important;font-weight:500;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.loading-state p{color:#6b7280;font-size:16px;margin:0}.error-state{padding:20px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px}.error-state p{color:#dc2626;margin:0 0 16px;font-weight:500}.fallback-details{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.fallback-details h4{margin:0 0 12px;color:#374151;font-size:14px;font-weight:600}.receipt-link{display:inline-flex;align-items:center;gap:8px;color:#3b82f6;text-decoration:none;font-weight:500;padding:8px 16px;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;transition:all .2s ease}.receipt-link:hover{background:#dbeafe;color:#1d4ed8;text-decoration:none}.item-variation{color:#6b7280;font-size:.9em;font-style:italic}.modal-footer{padding:20px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.modal-button{background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.modal-button:hover{background:#2563eb}.loading,.error{text-align:center;padding:40px;color:#666;font-size:1.1rem}.error{color:#dc3545}.no-data-message{text-align:center;padding:40px;color:#666;font-size:1.1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.enhanced-filters{margin-bottom:20px}.filter-row{display:flex;gap:15px;flex-wrap:wrap;align-items:flex-end;margin-bottom:15px}.filter-group{display:flex;flex-direction:column;gap:5px;min-width:150px}.filter-group label{font-size:12px;color:#6c757d;font-weight:500;text-transform:uppercase}.filter-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:150px}.filter-input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 2px #4285f433}.filter-select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:150px;background:white;cursor:pointer}.filter-select:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 2px #4285f433}.date-range-inputs{display:flex;align-items:center;gap:8px}.date-range-inputs span{font-size:12px;color:#6c757d}.clear-filters-btn{padding:8px 16px;background:#dc3545;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s}.clear-filters-btn:hover{background:#c82333}.active-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.filter-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:#e3f2fd;color:#1976d2;border-radius:12px;font-size:12px;font-weight:500}.filter-tag button{background:none;border:none;color:#1976d2;cursor:pointer;font-size:14px;font-weight:700;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%}.filter-tag button:hover{background:#1976d2;color:#fff}.pagination-controls{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:15px 0;border-top:1px solid #eee}.pagination-info{font-size:14px;color:#6c757d}.pagination-buttons{display:flex;gap:8px;align-items:center}.pagination-btn{padding:8px 12px;border:1px solid #ddd;background:white;color:#333;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s;min-width:40px}.pagination-btn:hover:not(:disabled){background:#f8f9fa;border-color:#4285f4;color:#4285f4}.pagination-btn.active{background:#4285f4;color:#fff;border-color:#4285f4}.pagination-btn:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed;border-color:#e9ecef}@media (max-width: 768px){.filter-row{flex-direction:column;gap:10px}.filter-group,.filter-input,.filter-select{min-width:100%}.date-range-inputs{flex-direction:column;align-items:stretch;gap:5px}.date-range-inputs span{text-align:center}.pagination-controls{flex-direction:column;gap:15px;text-align:center}.pagination-buttons{flex-wrap:wrap;justify-content:center}.active-filters{justify-content:center}}@media (max-width: 768px){.unverified-customers-page{padding:15px}.page-header h1{font-size:2rem}.filters{flex-direction:column;gap:15px}.filter-group select{width:100%;min-width:auto}.summary-cards{grid-template-columns:repeat(2,1fr);gap:15px}.summary-card{padding:20px}.summary-card .card-value{font-size:24px}.charts-section{grid-template-columns:1fr;gap:20px}.chart-container{height:250px}.table-header{flex-direction:column;align-items:stretch;gap:15px}.table-controls{flex-direction:column;gap:15px}.search-input{min-width:auto;width:100%}.desktop-view{display:none}.mobile-view{display:block}table{min-width:600px}th,td{padding:12px 8px;font-size:13px;white-space:nowrap}.modal-content{width:95%;max-width:none;margin:20px;max-height:90vh}.modal-header h3{font-size:1.5rem}.detail-row{flex-direction:column;align-items:flex-start;gap:5px}.detail-label{font-size:.9rem;color:#666}.detail-value{font-size:1rem}.items-list{max-height:200px;overflow-y:auto}.item-row{flex-direction:column;align-items:flex-start;gap:8px}.item-details{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width: 480px){.filters{flex-direction:column;gap:10px}.filter-group select{width:100%}}@media (max-width: 480px){.unverified-customers-page{padding:10px}.page-header h1{font-size:1.8rem}.summary-cards{grid-template-columns:1fr;gap:12px}.summary-card{padding:16px}.summary-card .card-value{font-size:22px}.chart-container{padding:15px;height:200px}.table-section{padding:10px}.transaction-card{padding:14px}.transaction-card .card-header{margin-bottom:10px;padding-bottom:6px}.transaction-card .location-name{font-size:.95rem}.transaction-card .amount{font-size:1rem}.transaction-card .card-body{gap:6px}.transaction-card .card-row{font-size:.85rem}table{min-width:500px}th:nth-child(3),td:nth-child(3),th:nth-child(4),td:nth-child(4),th:nth-child(8),td:nth-child(8){display:none}th,td{padding:10px 6px;font-size:12px}.modal-content{width:98%;margin:10px;padding:15px}.modal-header{padding:15px}.modal-header h3{font-size:1.3rem}.modal-body{padding:15px}.detail-section{margin-bottom:20px}.detail-section h4{font-size:1.1rem;margin-bottom:10px}}@media (min-width: 769px) and (max-width: 1024px){.summary-cards{grid-template-columns:repeat(3,1fr)}.table-container{overflow-x:auto}table{min-width:800px}}.desktop-view{display:block}.mobile-view{display:none}.transaction-cards{display:flex;flex-direction:column;gap:12px}.transaction-card{background:white;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0;cursor:pointer;transition:all .2s ease}.transaction-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.transaction-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.transaction-card .location-info{flex:1}.transaction-card .location-name{font-weight:600;color:#333;font-size:1rem}.transaction-card .amount-info{display:flex;align-items:center;gap:8px}.transaction-card .amount{font-weight:600;color:#28a745;font-size:1.1rem}.transaction-card .magnifying-glass{font-size:1.2rem;color:#666}.transaction-card .card-body{display:flex;flex-direction:column;gap:8px}.transaction-card .card-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.transaction-card .label{color:#666;font-weight:500}.transaction-card .value{color:#333;font-weight:400}.transaction-card .status{padding:4px 10px;border-radius:16px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-block;min-width:70px;text-align:center;box-shadow:0 1px 3px #0000001a;border:1px solid transparent}.transaction-card .status.delivered{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#047857}.transaction-card .status.failed{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#b91c1c}.transaction-card .status.pending{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-color:#b45309}.status.no_send,.transaction-card .status.no_send{background:#e8f1ff;color:#0d6efd;border:1px solid #b6d4fe}.transaction-card .status.no_phone{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff;border-color:#4b5563}.transaction-card .status.skipped_no_phone{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff;border-color:#dc2626}.transaction-card .status.skipped_unverified_phone{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;border-color:#d97706}.transaction-card .status.skipped_invalid_phone{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff;border-color:#dc2626}.amount.zero-amount{color:#0d6efd;font-weight:600}.reviews-page{display:flex;flex-direction:column;gap:20px}.reviews-header{display:flex;justify-content:space-between;align-items:center}.reviews-header h1{font-size:28px;margin:0;color:#1a1a1a;font-weight:700}.reviews-filters{display:flex;gap:20px}.filter-group{display:flex;flex-direction:column;align-items:flex-start}.filter-group label{font-size:12px;font-weight:700;color:#2d3748;margin-bottom:8px;letter-spacing:.8px;text-transform:uppercase}.custom-select,.custom-date-picker{background-color:#fff;border:1px solid #ccc;border-radius:6px;padding:8px 12px;font-size:14px;font-weight:500;min-width:180px}.custom-date-picker{cursor:pointer}.custom-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%208l5%205%205-5z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 10px top 50%;background-size:12px}.reviews-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.review-metric-card{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000000d}.review-metric-card .metric-title{font-size:16px;color:#2d3748;margin:0;font-weight:600}.review-metric-card .metric-value{font-size:36px;font-weight:600;margin:10px 0}.review-metric-card .metric-trend{font-size:14px;color:#4a5568;margin:0;font-weight:500}.metric-trend.green{color:#1e8e3e}.reviews-main-chart-area{display:grid;grid-template-columns:2fr 1fr;gap:20px}.chart-container,.current-ratings-container{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000000d}.chart-header{display:flex;justify-content:space-between;margin-bottom:20px}.chart-header h3{margin:0}.ratings-list{list-style:none;padding:0;margin:0}.rating-item{display:flex;align-items:center;margin-bottom:20px}.rating-details{margin-left:15px}.rating-details p{margin:0;font-size:14px}.rating-stars{color:#fbbc05}.rating-value{font-weight:600}.rating-trend{color:#1e8e3e}.rating-info,.rating-before{color:#666;font-size:12px}.real-data-badge{display:flex;flex-direction:column;align-items:center;gap:4px;margin:0 20px}.real-data-badge .badge{background:linear-gradient(135deg,#4ade80,#22d3ee);color:#fff;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;box-shadow:0 2px 4px #4ade8033}.real-data-badge small{color:#666;font-size:11px;text-align:center;max-width:200px}.centered-message{display:flex;justify-content:center;align-items:center;min-height:300px;font-size:1.1rem;color:#666;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}@media (max-width: 768px){.reviews-page{gap:15px;padding:0 10px}.reviews-header{flex-direction:column;align-items:flex-start;gap:15px}.reviews-header h1{font-size:24px}.reviews-filters{flex-direction:column;gap:15px;width:100%}.filter-group{width:100%}.custom-select,.custom-date-picker{min-width:100%;padding:12px 16px;font-size:16px;border-radius:8px;border:2px solid #e0e0e0}.custom-select:focus,.custom-date-picker:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}.filter-group label{font-size:12px;margin-bottom:8px}.real-data-badge{margin:0;align-self:flex-start}.real-data-badge .badge{font-size:14px;padding:6px 14px}.real-data-badge small{font-size:12px;max-width:none}.reviews-metrics-grid{grid-template-columns:1fr;gap:15px}.review-metric-card{padding:15px;border-radius:12px}.review-metric-card .metric-title{font-size:16px}.review-metric-card .metric-value{font-size:32px;margin:12px 0}.review-metric-card .metric-trend{font-size:16px}.reviews-main-chart-area{grid-template-columns:1fr;gap:15px}.chart-container,.current-ratings-container{padding:15px;border-radius:12px}.chart-header{flex-direction:column;gap:10px;margin-bottom:15px}.chart-header h3{font-size:18px}.rating-item{margin-bottom:15px;padding:10px 0}.rating-details{margin-left:12px}.rating-details p{font-size:16px}.rating-info,.rating-before{font-size:14px}}@media (max-width: 480px){.reviews-page{gap:12px;padding:0 8px}.reviews-header h1{font-size:20px}.review-metric-card{padding:12px}.review-metric-card .metric-value{font-size:28px}.chart-container,.current-ratings-container{padding:12px}.rating-item{margin-bottom:12px}}.leaderboard-page{background-color:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 4px #0000000d}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.leaderboard-header h1{margin:0;font-size:28px;color:#1a1a1a;font-weight:700}.leaderboard-filters{display:flex;gap:10px}.export-button{background-color:#f0f2f5;border:1px solid #ccc;border-radius:6px;padding:8px 15px;font-size:14px;font-weight:600;cursor:pointer}.leaderboard-table-container{overflow-x:auto}.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-table th,.leaderboard-table td{padding:15px 10px;text-align:left;border-bottom:1px solid #f0f2f5;font-size:14px}.leaderboard-table td{color:#2d3748;font-weight:500}.leaderboard-table th{font-size:12px;color:#2d3748;font-weight:700;letter-spacing:.8px;cursor:pointer;-webkit-user-select:none;user-select:none;text-transform:uppercase}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center;color:#e74c3c}.retry-button{background:#e74c3c;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;margin-top:15px;font-size:14px}.retry-button:hover{background:#c0392b}.no-data-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center;color:#7f8c8d}.no-data-container h3{margin-bottom:10px;color:#1a1a1a;font-weight:700}.refresh-button{background:#3498db;color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;font-size:14px;margin-left:10px}.refresh-button:hover{background:#2980b9}@media (max-width: 768px){.leaderboard-page{padding:20px 15px;border-radius:12px;margin:0 10px}.leaderboard-header{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:15px}.leaderboard-header h1{font-size:24px}.leaderboard-filters{width:100%;justify-content:stretch}.export-button{flex:1;padding:12px 16px;font-size:16px;border-radius:8px;text-align:center}.leaderboard-table-container{border-radius:12px}.leaderboard-mobile-cards{display:block;padding:10px 0}.leaderboard-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:15px;margin-bottom:15px;box-shadow:0 2px 4px #0000000d}.leaderboard-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.leaderboard-rank{font-size:24px;font-weight:700;color:#333;min-width:40px}.leaderboard-location{font-size:18px;font-weight:600;color:#333;flex:1;margin-left:12px}.leaderboard-score{font-size:20px;font-weight:700;color:#4285f4}.leaderboard-card-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:14px}.leaderboard-detail{display:flex;flex-direction:column}.leaderboard-detail-label{font-size:12px;color:#2d3748;font-weight:600;text-transform:uppercase;margin-bottom:4px;letter-spacing:.5px}.leaderboard-detail-value{font-weight:600;color:#1a1a1a}.leaderboard-trend{display:flex;align-items:center;gap:4px;font-size:14px}.trend-up{color:#28a745}.trend-down{color:#dc3545}.trend-same{color:#6c757d}}@media (max-width: 480px){.leaderboard-page{padding:15px 10px;margin:0 5px}.leaderboard-header h1{font-size:20px}.leaderboard-card-details{grid-template-columns:1fr;gap:8px}.leaderboard-card{padding:12px;margin-bottom:12px}.leaderboard-card-header{margin-bottom:10px}.leaderboard-rank{font-size:20px;min-width:35px}.leaderboard-location{font-size:16px}.leaderboard-score{font-size:18px}}.admin2-container{padding:24px;background:#f8fafc;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tab-navigation{display:flex;background:white;border-radius:12px;padding:8px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;overflow-x:auto}.tab-button{background:none;border:none;padding:12px 20px;margin:0 4px;border-radius:8px;cursor:pointer;font-weight:500;color:#64748b;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.tab-button:hover{background:#f1f5f9;color:#374151}.tab-button.active{background:#3b82f6;color:#fff}.tab-button.active:hover{background:#2563eb}.admin2-page{padding:24px;background:#f8fafc;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.admin2-header{margin-bottom:32px}.admin2-header h1{font-size:2rem;font-weight:700;color:#1e293b;margin:0 0 8px}.admin2-summary{color:#475569;font-size:.875rem;margin-bottom:16px;font-weight:500}.admin2-architecture{margin-top:16px}.architecture-info{background:linear-gradient(135deg,#3b82f6 0%,#1e40af 100%);color:#fff;padding:12px 20px;border-radius:8px;font-size:.875rem;display:inline-block}.tabs-section{background:white;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.tab-row{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.tab-group{display:flex;flex-direction:column}.tab-button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;border:1px solid #d1d5db;border-radius:6px;background:white;cursor:pointer;transition:all .2s ease;font-size:.875rem;color:#475569}.tab-button:hover{border-color:#3b82f6;color:#3b82f6}.tab-button.active{background:#3b82f6;border-color:#3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f64d}.tab-icon{font-size:1.5rem}.tab-label{font-weight:600;text-align:center}.admin2-content{background:white;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f1f5f9}.section-header h2{margin:0;color:#1e293b;font-size:1.5rem;font-weight:600}.section-header p{margin:0;color:#475569;font-size:1rem;font-weight:500;opacity:1}.dashboard-section .dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px;width:100%}.architecture-overview{margin-bottom:32px}.architecture-card{background:white;padding:24px;border-radius:12px;border:1px solid #e2e8f0;display:flex;align-items:flex-start;gap:16px;transition:all .2s ease}.architecture-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.architecture-icon{font-size:2rem;color:#3b82f6;flex-shrink:0;margin-top:4px}.architecture-content h3{margin:0 0 8px;color:#1e293b;font-size:1.25rem;font-weight:600}.architecture-content p{margin:0;color:#475569;font-size:.875rem;line-height:1.5;font-weight:500}.metric-card{background:white;padding:24px;border-radius:12px;border:1px solid #e2e8f0;display:flex;align-items:center;gap:16px;transition:all .2s ease;overflow:hidden;min-height:120px}.metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.metric-icon{font-size:2.5rem;color:#3b82f6}.metric-content{flex:1;min-width:0;overflow:hidden}.metric-value{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:4px}.metric-label{color:#475569;font-weight:600;font-size:1rem;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.metric-subtitle{color:#475569;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:500}.metric-value{display:flex;align-items:center;justify-content:flex-start;min-height:48px;width:100%;overflow:hidden;text-overflow:ellipsis}.loading-text{color:#475569;font-style:italic;font-size:1.125rem;font-weight:500}.metric-number{color:#1e293b;font-weight:700;font-size:2rem;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}@media (max-width: 768px){.dashboard-section .dashboard-grid{grid-template-columns:1fr;gap:16px}.metric-card{padding:16px}.metric-value{font-size:1.5rem}.architecture-card{padding:16px;flex-direction:column;text-align:center}.architecture-icon{margin:0 0 12px}}.users-section,.companies-section,.locations-section{background:white;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.breadcrumbs{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;color:#64748b}.breadcrumbs span:not(:last-child){color:#94a3b8}.breadcrumbs span:last-child{color:#374151;font-weight:500}.page-title{display:flex;align-items:center;gap:16px;margin-bottom:24px}.title-icon{width:48px;height:48px;background:#3b82f6;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.page-title h1{font-size:2rem;font-weight:700;color:#1e293b;margin:0}.search-filter-bar{background:white;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:20px}.filter-controls{display:flex;gap:20px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;min-width:150px}.filter-dropdown{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:white;color:#374151;transition:border-color .2s ease;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;padding-right:2.5rem}.filter-dropdown:hover{border-color:#9ca3af;background-color:#f9fafb}.filter-dropdown:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-dropdown option{background:white;color:#374151;padding:8px 12px}.filter-dropdown::-ms-expand{display:none}.filter-dropdown:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.search-controls{display:flex;gap:12px}.search-box{display:flex;gap:8px;flex:1}.search-input{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#374151;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:#3b82f6}.search-btn{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.search-btn:hover{background:#2563eb}.action-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn-primary{background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:8px}.btn-primary:hover{background:#2563eb}.btn-secondary{background:white;color:#6b7280;border:1px solid #d1d5db;padding:10px 20px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.btn-secondary.small{padding:6px 12px;font-size:.75rem}.btn-secondary.danger{color:#dc2626;border-color:#fecaca}.btn-secondary.danger:hover{background:#fef2f2;border-color:#fca5a5}.table-container{background:white;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.table-header-info{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:14px;color:#6b7280;font-weight:500}.table-header-info span{color:#374151}.users-table{width:100%;border-collapse:collapse;background:white}.users-table th{background:#f8fafc;padding:16px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e2e8f0;font-size:14px}.users-table td{padding:16px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.user-row:hover{background:#f9fafb}.checkbox-column{width:50px;text-align:center}.user-icon-column{width:60px}.user-icon{width:32px;height:32px;background:#3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.user-email{min-width:200px;font-weight:500;color:#1e293b}.user-firstname,.user-lastname{min-width:120px;color:#374151}.user-company-locations{min-width:180px}.company-locations-info{display:flex;flex-direction:column;gap:4px}.company-name{font-weight:500;color:#1e293b;font-size:14px}.locations-count{font-size:12px;color:#059669;display:flex;align-items:center;gap:4px}.locations-count.no-locations{color:#6b7280}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.status-badge.active{background:#dcfce7;color:#16a34a}.status-badge.inactive{background:#fef2f2;color:#dc2626}.status-badge.locked{background:#fef3c7;color:#d97706}.permission-actions{min-width:120px}.permission-view,.more-options{position:relative}.more-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease}.more-btn:hover{background:#f3f4f6}.dropdown-menu{position:absolute;top:100%;right:0;background:white;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;z-index:1000;min-width:120px;max-height:200px;overflow-y:auto;transform-origin:top right}.more-options:hover .dropdown-menu,.more-options:focus-within .dropdown-menu{display:block}.dropdown-menu{display:none}.more-options:hover .dropdown-menu{display:block}@media (max-width: 1200px){.dropdown-menu{right:auto;left:0}}@media (max-width: 768px){.dropdown-menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);right:auto;max-width:90vw;z-index:9999}}.user-permissions-info{display:flex;flex-direction:column;gap:24px}.user-info h4,.permissions-list h4,.access-control-info h4{color:#1e293b;font-size:1.1rem;font-weight:600;margin-bottom:12px;border-bottom:2px solid #e2e8f0;padding-bottom:8px}.user-info p{margin:8px 0;color:#374151;font-size:.95rem}.permissions-list{background:#f8fafc;border-radius:8px;padding:16px}.permission-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e2e8f0}.permission-item:last-child{border-bottom:none}.permission-name{font-weight:500;color:#374151}.permission-status{font-size:.9rem;font-weight:500;padding:4px 8px;border-radius:4px}.permission-status.allowed{background:#dcfce7;color:#166534}.permission-status.restricted{background:#fef3c7;color:#92400e}.access-control-info{background:#f1f5f9;border-radius:8px;padding:16px}.access-control-info p{margin:6px 0;color:#475569;font-size:.9rem}.role-badge{background:#3b82f6;color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.status-badge.active{background:#dcfce7;color:#166534;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.dropdown-menu button{width:100%;padding:8px 12px;border:none;background:none;text-align:left;cursor:pointer;color:#374151;transition:background-color .2s ease}.dropdown-menu button:hover{background:#f8fafc}.table-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.display-options{display:flex;align-items:center;gap:8px}.page-size-selector{display:flex;gap:4px}.page-size-btn{background:white;border:1px solid #d1d5db;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:12px;color:#374151;transition:all .2s ease}.page-size-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.page-size-btn:hover:not(.active){background:#f9fafb}.pagination{display:flex;align-items:center;gap:16px}.pagination-info{color:#6b7280;font-size:14px}.pagination-controls{display:flex;gap:4px}.pagination-btn{background:white;border:1px solid #d1d5db;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:14px;color:#374151;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f9fafb}.floating-action-btn{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:#3b82f6;color:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 12px #3b82f666;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:1000}.floating-action-btn:hover{background:#2563eb;transform:scale(1.1)}.floating-action-btn svg{width:24px;height:24px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal{background:white;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:400px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{padding:20px 20px 0;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;color:#1e293b;font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:background-color .2s ease}.modal-close:hover{background:#f3f4f6}.modal-actions{padding:0 20px 20px;display:flex;gap:12px;justify-content:flex-end}.modal-actions button{padding:8px 16px;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.modal-actions .btn-primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.modal-actions .btn-primary:hover{background:#2563eb;border-color:#2563eb}.modal-actions .btn-secondary{background:white;color:#374151;border-color:#d1d5db}.modal-actions .btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.modal-actions button:disabled{opacity:.6;cursor:not-allowed}.modal-actions button:disabled:hover{background:inherit;border-color:inherit}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spin 1s ease-in-out infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.form-section{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section-title{font-size:14px;font-weight:600;color:#374151;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f3f4f6}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-row .form-group{margin-bottom:0}.form-compact .form-group{margin-bottom:12px}.form-compact .form-group label{margin-bottom:3px;font-size:13px}.form-compact .form-group input,.form-compact .form-group select{padding:5px 8px;font-size:13px}@media (max-width: 480px){.modal{max-width:95vw;margin:8px}.modal-overlay{padding:8px}.form-row{grid-template-columns:1fr;gap:12px}.modal-body{padding:16px}.modal-header{padding:16px 16px 0}.modal-actions{padding:0 16px 16px}}.error{color:#dc2626;font-size:12px;margin-top:2px;display:block}.form-compact .error{font-size:11px;margin-top:1px}.form-group label{display:block;margin-bottom:4px;font-weight:500;color:#374151;font-size:14px}.form-group label.required:after{content:" *";color:#dc2626;font-weight:600}.form-group input:invalid,.form-group select:invalid{border-color:#fca5a5;background:#fef2f2}.form-group input:valid,.form-group select:valid{border-color:#86efac;background:#f0fdf4}.form-group.company-field select:invalid{border-color:#fca5a5;background:#fef2f2}.form-group.company-field select:valid{border-color:#86efac;background:#f0fdf4}.form-group.company-field.required select:not([value=""]){border-color:#86efac;background:#f0fdf4}.form-group.company-field.required select[value=""]{border-color:#fca5a5;background:#fef2f2}.form-group.success input,.form-group.success select{border-color:#10b981;background:#f0fdf4}.form-group.success:after{content:"✓";position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#10b981;font-weight:700;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;transition:all .2s ease;background:#ffffff}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#9ca3af;background:#fafafa}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#ffffff}.form-group input:focus-visible,.form-group select:focus-visible,.form-group textarea:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.form-group input:hover,.form-group select:hover{border-color:#9ca3af}.password-field{position:relative}.password-strength{height:3px;background:#e5e7eb;border-radius:2px;margin-top:4px;overflow:hidden}.password-strength-bar{height:100%;transition:all .3s ease;border-radius:2px}.password-strength.weak .password-strength-bar{background:#ef4444;width:33%}.password-strength.medium .password-strength-bar{background:#f59e0b;width:66%}.password-strength.strong .password-strength-bar{background:#10b981;width:100%}.bulk-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:20px}.bulk-action-btn{background:white;border:1px solid #d1d5db;padding:12px;border-radius:6px;cursor:pointer;transition:all .2s ease;text-align:center;font-size:14px;color:#374151}.bulk-action-btn:hover{background:#f9fafb;border-color:#9ca3af}.bulk-action-btn.danger{color:#dc2626;border-color:#fecaca}.bulk-action-btn.danger:hover{background:#fef2f2;border-color:#fca5a5}.companies-table{width:100%;border-collapse:collapse;background:white}.companies-table th{background:#f8fafc;padding:16px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e2e8f0;font-size:14px}.companies-table td{padding:16px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.company-row:hover{background:#f9fafb}.company-name{min-width:200px}.company-info{display:flex;align-items:center;gap:12px}.company-icon{width:32px;height:32px;background:#3b82f6;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff}.company-id{font-size:12px;color:#6b7280;margin-top:2px}.company-type{min-width:120px}.type-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.type-badge.franchise{background:#dbeafe;color:#1d4ed8}.type-badge.corporate{background:#fef3c7;color:#d97706}.type-badge.independent{background:#dcfce7;color:#16a34a}.type-badge.unknown{background:#f3f4f6;color:#6b7280}.company-status{min-width:100px}.company-created{min-width:120px;color:#6b7280;font-size:14px}.company-actions{min-width:150px}.company-actions .action-buttons{display:flex;gap:8px}.locations-table{width:100%;border-collapse:collapse;background:white}.locations-table th{background:#f8fafc;padding:16px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e2e8f0;font-size:14px}.locations-table td{padding:16px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.location-row:hover{background:#f9fafb}.location-info{min-width:200px}.location-details{display:flex;align-items:center;gap:12px}.location-icon{width:32px;height:32px;background:#10b981;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff}.location-id{font-size:12px;color:#6b7280;margin-top:2px}.location-company{min-width:150px;font-weight:500}.location-address{min-width:200px;color:#374151}.location-square{min-width:120px}.integration-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.integration-badge.enabled{background:#dcfce7;color:#16a34a}.integration-badge.disabled{background:#f3f4f6;color:#6b7280}.location-created{min-width:120px;color:#6b7280;font-size:14px}.location-actions{min-width:150px}.location-actions .action-buttons{display:flex;gap:8px}.company-notice{background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;padding:16px;margin:20px 0;display:flex;align-items:flex-start;gap:12px}.notice-icon{width:24px;height:24px;background:#3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.notice-content{color:#1e40af;font-size:14px;line-height:1.5}.notice-content strong{color:#1e3a8a}.no-data{text-align:center;padding:40px 20px;color:#6b7280;font-style:italic}.save-message{padding:12px 16px;border-radius:6px;margin:16px 0;font-weight:500}.save-message.success{background:#dcfce7;color:#16a34a;border:1px solid #bbf7d0}.save-message.error{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.loading-state{text-align:center;padding:40px 20px;color:#64748b;font-size:1rem}.loading-state:before{content:"";display:block;width:32px;height:32px;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.error-state{text-align:center;padding:40px 20px;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:20px 0}.error-state p{margin:0 0 16px;font-size:1rem}.no-roles-message{text-align:center;padding:40px 20px;color:#64748b;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;margin:20px 0}.no-roles-message p{margin:0;font-size:1rem}.success-message{text-align:center;padding:16px 20px;color:#16a34a;background:#dcfce7;border:1px solid #bbf7d0;border-radius:8px;margin:20px 0;animation:fadeIn .3s ease-in}.success-message p{margin:0;font-size:1rem;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.admin2-container,.admin2-page{padding:16px}.tab-row{grid-template-columns:repeat(2,1fr)}.search-filter-bar{flex-direction:column;gap:16px;padding:16px}.filter-controls{flex-direction:column;gap:12px;width:100%}.filter-group{width:100%}.filter-dropdown,.search-input,.search-btn,.action-buttons button{min-height:44px}.search-controls{width:100%}.search-box{width:100%;flex-direction:column;gap:8px}.action-buttons{flex-direction:column;gap:8px;width:100%}.action-buttons button{width:100%;padding:12px;font-size:16px;justify-content:center}.table-container{overflow-x:auto;margin:0 -16px;border-radius:0}.users-table,.companies-table,.locations-table{min-width:600px;font-size:14px}.table-footer{flex-direction:column;gap:16px;padding:16px}.modal{margin:16px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px)}.page-title{padding:16px;flex-direction:column;gap:12px;text-align:center}.page-title h1{font-size:24px}.floating-action-btn{bottom:20px;right:20px;width:56px;height:56px}}@media (max-width: 480px){.search-filter-bar,.page-title{padding:12px}.page-title h1{font-size:20px}.company-notice{margin:16px -12px;padding:12px}.notice-content{font-size:13px}}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-top:20px}.role-card{background:white;border:1px solid #e1e5e9;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;transition:box-shadow .2s ease}.role-card:hover{box-shadow:0 4px 8px #00000026}.role-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.role-header h3{margin:0;color:#2d3748;font-size:1.1rem}.role-badge{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.role-badge.location{background:#e6fffa;color:#234e52}.role-badge.company{background:#fef5e7;color:#744210}.role-badge.system{background:#fed7d7;color:#742a2a}.role-description{color:#4a5568;margin-bottom:16px;line-height:1.5}.role-permissions{margin-bottom:16px}.role-permissions strong{display:block;margin-bottom:8px;color:#2d3748;font-size:.9rem}.permission-tags{display:flex;flex-wrap:wrap;gap:6px}.permission-tag{background:#f7fafc;color:#4a5568;padding:2px 8px;border-radius:12px;font-size:.75rem;border:1px solid #e2e8f0}.role-actions{display:flex;gap:8px;flex-wrap:wrap}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:white;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0003}.modal-header{padding:20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;color:#2d3748}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#a0aec0;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px}.modal-close:hover{background:#f7fafc;color:#4a5568}.modal-body{padding:20px}.modal-footer{padding:20px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px}.form-group label{display:block;margin-bottom:6px;font-weight:600;color:#2d3748}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px;border:1px solid #e2e8f0;border-radius:4px;font-size:14px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.permissions-grid{max-height:300px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:4px;padding:12px}.permission-checkbox{display:flex;align-items:flex-start;padding:12px;border-bottom:1px solid #f7fafc;cursor:pointer;transition:background-color .2s ease}.permission-checkbox:hover{background:#f7fafc}.permission-checkbox:last-child{border-bottom:none}.permission-checkbox input[type=checkbox]{margin-right:12px;margin-top:2px}.permission-label{flex:1}.permission-label strong{display:block;color:#2d3748;margin-bottom:4px}.permission-label small{display:block;color:#4a5568;font-size:.875rem;line-height:1.4;margin-bottom:4px}.permission-category{display:inline-block;background:#edf2f7;color:#4a5568;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.success-message{background-color:#d4edda;color:#155724;padding:12px;border-radius:6px;margin-bottom:20px;border:1px solid #c3e6cb}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:30px}.permission-card{background:white;border:1px solid #e1e5e9;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.permission-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.permission-header h3{margin:0;color:#2d3748;font-size:1.1rem}.permission-badge{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.permission-badge.dashboard{background:#e6fffa;color:#234e52}.permission-badge.user{background:#fef5e7;color:#744210}.permission-badge.company{background:#fed7d7;color:#742a2a}.permission-badge.location{background:#e6fffa;color:#234e52}.permission-badge.customer{background:#fef5e7;color:#744210}.permission-badge.analytics{background:#fed7d7;color:#742a2a}.permission-badge.sms{background:#e6fffa;color:#234e52}.permission-badge.system{background:#fed7d7;color:#742a2a}.permission-description{color:#4a5568;margin-bottom:16px;line-height:1.5}.permission-meta{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.permission-id{color:#718096;font-family:monospace;background:#f7fafc;padding:2px 6px;border-radius:4px}.permission-category{color:#4a5568;font-weight:500}.role-info{background:#f7fafc;padding:16px;border-radius:6px;margin-bottom:20px}.role-info p{margin:8px 0;color:#4a5568}.role-info strong{color:#2d3748}.permissions-list h4{margin:0 0 16px;color:#2d3748}.permission-items{max-height:300px;overflow-y:auto}.permission-item{display:flex;flex-direction:column;padding:12px;border:1px solid #e2e8f0;border-radius:4px;margin-bottom:8px;background:white}.permission-name{font-weight:600;color:#2d3748;margin-bottom:4px}.permission-category{color:#718096;font-size:.875rem;margin-bottom:4px}.permission-description{color:#4a5568;font-size:.875rem;line-height:1.4}@media (max-width: 768px){.roles-grid,.permissions-grid{grid-template-columns:1fr}.modal-content{width:95%;margin:20px}.role-actions{flex-direction:column}.role-actions button{width:100%}}.access-denied-tab{display:flex;justify-content:center;align-items:center;min-height:400px;padding:48px 24px}.access-denied-content{text-align:center;max-width:500px}.access-denied-icon{margin-bottom:24px;color:#ef4444}.access-denied-icon svg{width:64px;height:64px;stroke:#ef4444}.access-denied-content h3{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 16px}.access-denied-content p{font-size:1rem;color:#6b7280;margin:0 0 24px;line-height:1.5}.access-denied-help{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:16px;margin-top:24px}.access-denied-help p{font-size:.875rem;color:#92400e;margin:0;font-weight:500}.no-tabs-available{text-align:center;padding:48px 24px}.no-tabs-icon{margin-bottom:24px;color:#ef4444}.no-tabs-icon svg{width:64px;height:64px;stroke:#ef4444}.no-tabs-available h3{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 16px}.no-tabs-available p{font-size:1rem;color:#6b7280;margin:0 0 24px;line-height:1.5}.no-tabs-help{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:16px;margin-top:24px}.no-tabs-help p{font-size:.875rem;color:#92400e;margin:0;font-weight:500}.sms-provider-toggle{background:white;border-radius:12px;padding:24px;box-shadow:0 4px 6px #0000001a;margin:20px 0;max-width:800px}.sms-provider-toggle h3{color:#333;margin-bottom:20px;font-size:1.5rem;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.provider-status{margin-bottom:24px}.status-indicator{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:20px;border-radius:12px;border-left:4px solid #007bff;box-shadow:0 2px 8px #00000014}.status-indicator .label{font-weight:700;color:#2d3748;font-size:1rem}.provider-badge{padding:8px 16px;border-radius:20px;font-weight:800;font-size:1rem;text-transform:uppercase;letter-spacing:.8px;box-shadow:0 2px 8px #00000026;text-shadow:0 1px 2px rgba(0,0,0,.1)}.provider-badge.sns{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff}.provider-badge.bandwidth{background:linear-gradient(135deg,#4CAF50,#45a049);color:#fff}.provider-badge.telnyx{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.provider-badge.eum{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.provider-controls{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.control-group{background:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #e9ecef}.control-group.primary-provider{background:linear-gradient(135deg,#f0f8ff,#e6f3ff);border:2px solid #6366f1;box-shadow:0 4px 12px #6366f11a}.control-group.secondary-providers{background:#f8f9fa;border:1px solid #e9ecef;opacity:.9}.control-group h4{margin-bottom:16px;color:#333;font-size:1.1rem}.button-group{display:flex;flex-direction:column;gap:12px}.switch-btn,.test-btn{padding:12px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:8px}.switch-btn{background:#007bff;color:#fff}.switch-btn.primary{background:#6366f1;font-weight:700}.switch-btn.primary:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 8px #6366f14d}.switch-btn.secondary{background:#6c757d;font-size:.9rem}.switch-btn.secondary:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.switch-btn:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.switch-btn.active{background:#28a745;box-shadow:0 2px 4px #28a7454d}.switch-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none}.test-btn{background:#6f42c1;color:#fff}.test-btn.primary{background:#8b5cf6;font-weight:700}.test-btn.primary:hover:not(:disabled){background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 8px #8b5cf64d}.test-btn.secondary{background:#6c757d;font-size:.9rem}.test-btn.secondary:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.test-btn:hover:not(:disabled){background:#5a32a3;transform:translateY(-1px)}.test-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none}.message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.message.info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.provider-info{margin-bottom:20px}.info-card{background:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #e9ecef}.info-card h4{margin-bottom:16px;color:#333;font-size:1.1rem}.comparison-table{display:flex;flex-direction:column;gap:8px}.comparison-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e9ecef}.comparison-row:last-child{border-bottom:none}.comparison-row span:first-child{font-weight:600;color:#555}.comparison-row span:last-child{color:#666;font-size:.9rem}.comparison-row.recommended{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:6px;padding:8px 12px;margin:4px 0;border:1px solid #f59e0b}.comparison-row.recommended span:first-child{color:#92400e;font-weight:700}.comparison-row.recommended span:last-child{color:#92400e;font-weight:600}.safety-notice{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:16px;margin-top:20px}.safety-notice p{margin:0;color:#856404;font-size:.9rem}@media (max-width: 768px){.sms-provider-toggle{padding:16px;margin:10px}.provider-controls{grid-template-columns:1fr;gap:16px}.comparison-row{flex-direction:column;gap:4px}.comparison-row span:last-child{font-size:.85rem}}.sms-config-container{padding:20px;max-width:100%;margin:0}.sms-config-card{background:white;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:30px;max-width:100%}.sms-config-header{text-align:center;margin-bottom:30px}.sms-config-header h2{color:#1f2937;margin-bottom:8px;font-size:28px}.subtitle{color:#6b7280;font-size:16px;margin:0}.sms-toggle-section{background:#f8fafc;border-radius:8px;padding:20px;margin-bottom:30px;border-left:4px solid #3b82f6}.toggle-header h3{color:#1f2937;margin-bottom:8px;font-size:18px}.toggle-header p{color:#6b7280;margin-bottom:15px;font-size:14px}.toggle-container{display:flex;align-items:center;gap:15px}.toggle-switch{position:relative;display:inline-block;width:60px;height:34px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#059669}input:disabled+.toggle-slider{background-color:#9ca3af;cursor:not-allowed}input:checked+.toggle-slider:before{transform:translate(26px)}.toggle-label{display:flex;flex-direction:column;gap:4px}.status-text{font-weight:600;font-size:16px}.status-text.enabled{color:#059669}.status-text.disabled{color:#dc2626}.status-description{color:#6b7280;font-size:14px}.current-config{background:#f3f4f6;border-radius:8px;padding:20px;margin-bottom:30px;text-align:center}.current-config h3{color:#374151;margin-bottom:15px;font-size:18px}.config-display{display:flex;flex-direction:column;align-items:center;gap:5px}.config-value{font-size:24px;font-weight:700;color:#059669}.config-label{color:#6b7280;font-size:14px}.sms-config-form{margin-bottom:30px}.form-section h3{color:#1f2937;margin-bottom:10px;font-size:20px}.form-section p{color:#6b7280;margin-bottom:20px;line-height:1.5}.time-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.time-input-group{display:flex;flex-direction:column;gap:8px}.time-input-group label{font-weight:600;color:#374151;font-size:14px}.time-input-group input{padding:12px;border:2px solid #d1d5db;border-radius:8px;font-size:16px;text-align:center;transition:border-color .2s}.time-input-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.preset-buttons{margin-bottom:30px}.preset-buttons h4{color:#374151;margin-bottom:15px;font-size:16px}.preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.preset-btn{padding:10px 15px;border:2px solid #d1d5db;border-radius:8px;background:white;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.preset-btn:hover{border-color:#3b82f6;color:#3b82f6}.preset-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.message{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-weight:500}.message.success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.message.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.save-btn{width:100%;padding:14px 20px;background:#059669;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s}.save-btn:hover:not(:disabled){background:#047857}.save-btn:disabled{background:#9ca3af;cursor:not-allowed}.info-section{background:#f8fafc;border-radius:8px;padding:20px;border-left:4px solid #3b82f6}.info-section h3{color:#1f2937;margin-bottom:15px;font-size:18px}.info-section ul{color:#4b5563;line-height:1.6;margin:0;padding-left:20px}.info-section li{margin-bottom:8px}.access-denied{text-align:center;padding:40px 20px}.access-denied h2{color:#dc2626;margin-bottom:15px;font-size:24px}.access-denied p{color:#6b7280;margin-bottom:10px;font-size:16px}.loading{text-align:center;padding:40px;color:#6b7280;font-size:16px}@media (max-width: 768px){.sms-config-container{padding:10px;max-width:100%}.sms-config-card{padding:16px;border-radius:8px}.sms-config-header h2{font-size:20px}.subtitle{font-size:14px}.sms-toggle-section{padding:16px;margin-bottom:20px}.toggle-container{flex-direction:column;align-items:flex-start;gap:12px}.toggle-label{margin-left:0}.time-inputs{grid-template-columns:1fr;gap:12px}.time-input-group input{padding:10px;font-size:14px}.preset-grid{grid-template-columns:repeat(2,1fr);gap:8px}.preset-btn{padding:8px 12px;font-size:13px}.current-config{padding:16px;margin-bottom:20px}.config-value{font-size:20px}.info-section{padding:16px}.info-section ul{font-size:14px}.access-denied{padding:20px 10px}.access-denied h2{font-size:20px}.access-denied p{font-size:14px}}@media (max-width: 480px){.sms-config-container{padding:8px}.sms-config-card{padding:12px}.sms-config-header h2{font-size:18px}.subtitle{font-size:13px}.toggle-container{gap:10px}.status-text{font-size:14px}.status-description{font-size:13px}.preset-grid{grid-template-columns:1fr}.preset-btn{padding:10px 8px;font-size:12px}.time-input-group input{padding:8px;font-size:13px}.save-btn{padding:12px 16px;font-size:14px}.sms-provider-section{margin-top:20px;padding:16px}.provider-header h3{font-size:16px}.provider-header p{font-size:12px}}.sms-provider-section{margin-top:30px;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.provider-header{margin-bottom:20px}.provider-header h3{color:#333;margin-bottom:8px;font-size:1.2rem}.provider-header p{color:#666;font-size:.9rem;margin:0}.onesignal-test{background:white;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;max-width:600px;margin:20px auto}.onesignal-test h3{color:#1e293b;margin-bottom:20px;text-align:center;font-size:20px}.test-form{margin-bottom:24px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#374151}.form-group input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group small{display:block;margin-top:4px;color:#6b7280;font-size:12px}.test-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.test-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.test-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:14px}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;padding:16px;border-radius:6px;margin-bottom:16px}.success-message pre{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:12px;margin-top:12px;overflow-x:auto;font-size:12px;color:#374151}.test-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.test-info h4{color:#1e293b;margin-bottom:12px;font-size:16px}.test-info ol{margin:0;padding-left:20px;color:#4b5563;line-height:1.6}.test-info li{margin-bottom:8px}.test-info li:last-child{margin-bottom:0}.winner-selector{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.winner-header{text-align:center;margin-bottom:30px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px #0003}.winner-header h1{font-size:2.5em;margin:0 0 10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.winner-header p{font-size:1.2em;margin:0;opacity:.9}.error-panel{background:#fff5f5;border:2px solid #feb2b2;border-radius:15px;padding:25px;margin-bottom:30px;box-shadow:0 5px 15px #feb2b233}.error-message{text-align:center}.error-message h3{color:#c53030;margin-bottom:15px;font-size:1.3em}.error-message p{color:#742a2a!important;margin-bottom:20px;font-weight:500!important}.retry-btn{padding:12px 24px;background:#e53e3e;color:#fff;border:none;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-btn:hover{background:#c53030;transform:translateY(-1px);box-shadow:0 4px 12px #c530304d}.config-panel{background:white;border-radius:15px;padding:25px;margin-bottom:30px;box-shadow:0 5px 15px #0000001a;border:1px solid #e0e0e0}.config-section{margin-bottom:25px}.config-section h3{color:#1a1a1a;margin-bottom:15px;font-size:1.3em;border-bottom:2px solid #667eea;padding-bottom:8px;font-weight:700}.location-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.location-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-bottom:15px}.location-checkbox{display:flex;align-items:flex-start;padding:15px;background:#f8f9fa;border-radius:12px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;min-height:80px}.location-checkbox:hover{background:#e9ecef;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.location-checkbox input[type=checkbox]{margin-right:12px;margin-top:4px;transform:scale(1.3);accent-color:#667eea}.location-checkbox .location-info{flex:1;display:flex;flex-direction:column;gap:4px}.location-checkbox .location-name{font-weight:700;color:#1a1a1a;font-size:1.1em}.location-checkbox .location-id{font-family:Courier New,monospace;color:#666;font-size:.9em}.location-checkbox .location-company{color:#667eea;font-size:.9em;font-weight:500}.company-selector{margin-bottom:20px}.company-dropdown{width:100%;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:16px;background:white;transition:border-color .3s ease}.company-dropdown:focus{outline:none;border-color:#667eea}.company-dropdown:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.manager-note{display:block;margin-top:8px;color:#666;font-style:italic;font-size:.9em}.location-selector{margin-bottom:20px}.location-dropdown{width:100%;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:14px;background:white;transition:border-color .3s ease;font-family:Courier New,monospace}.location-dropdown:focus{outline:none;border-color:#667eea}.location-dropdown option{padding:8px;border-bottom:1px solid #eee}.location-dropdown option:checked{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.location-info{margin-top:8px;padding:8px;background:#f8f9fa;border-radius:5px;border-left:3px solid #667eea}.location-info small{color:#555;font-size:.9em}.no-locations{color:#666;font-style:italic;text-align:center;padding:20px;background:#f8f9fa;border-radius:8px;border:2px dashed #ddd}.last-winner-info{margin-top:8px;padding:8px;background:#e8f4fd;border-radius:5px;border-left:3px solid #667eea}.last-winner-info small{display:block;color:#555;font-size:.9em;margin:2px 0}.location-checkbox input[type=checkbox]{margin-right:10px;transform:scale(1.2)}.date-inputs{display:grid;grid-template-columns:1fr 1fr;gap:20px}.date-inputs>div{display:flex;flex-direction:column}.date-inputs label{margin-bottom:8px;font-weight:600;color:#555}.date-inputs input{padding:12px;border:2px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .3s ease}.date-inputs input:focus{outline:none;border-color:#667eea}.fetch-btn{width:100%;padding:15px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:10px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #667eea66}.fetch-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea99}.fetch-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.selection-panel{background:white;border-radius:15px;padding:25px;margin-bottom:30px;box-shadow:0 5px 15px #0000001a;border:1px solid #e0e0e0;text-align:center}.selection-info{margin-bottom:25px}.selection-info h3{color:#333;margin-bottom:15px;font-size:1.5em}.selection-info p{margin:8px 0;font-size:1.1em;color:#666}.action-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-bottom:25px}.select-winner-btn{padding:20px 40px;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a24 100%);color:#fff;border:none;border-radius:15px;font-size:1.3em;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #ff6b6b66;min-width:200px}.select-winner-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 35px #ff6b6b99}.select-winner-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.winner-display{margin-top:30px}.winner-card{background:linear-gradient(135deg,#ffd700 0%,#ffed4e 100%);border-radius:20px;padding:30px;box-shadow:0 15px 40px #ffd70066;border:3px solid #ffb347;animation:winnerGlow 2s ease-in-out infinite alternate}@keyframes winnerGlow{0%{box-shadow:0 15px 40px #ffd70066}to{box-shadow:0 15px 40px #ffd700cc}}.winner-header-card{text-align:center;margin-bottom:25px}.winner-header-card h2{font-size:2.5em;margin:0 0 10px;color:#d4af37;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.prize-amount{font-size:1.5em;font-weight:700;color:#333;margin:0}.winner-details{background:white;border-radius:15px;padding:25px;box-shadow:0 5px 15px #0000001a}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #eee}.detail-row:last-child{border-bottom:none}.detail-row .label{font-weight:600;color:#555;font-size:1.1em}.detail-row .value{color:#333;font-weight:500;display:flex;align-items:center;gap:10px}.toggle-phone-btn{padding:8px 12px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:.9em;cursor:pointer;transition:all .3s ease;min-width:60px;font-weight:500}.toggle-phone-btn:hover{background:#5a6fd8;transform:translateY(-1px);box-shadow:0 2px 8px #667eea4d}.message-preview{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-panel{background:white;border-radius:15px;padding:25px;margin-bottom:30px;box-shadow:0 5px 15px #0000001a;border:1px solid #e0e0e0}.history-panel h3{color:#333;margin-bottom:20px;font-size:1.3em;border-bottom:2px solid #667eea;padding-bottom:8px}.history-list{display:grid;gap:15px}.history-item{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:15px;padding:15px;background:#f8f9fa;border-radius:10px;border-left:4px solid #667eea;transition:all .3s ease}.history-item:hover{background:#e9ecef;transform:translate(5px)}.history-item>div{font-weight:500;color:#555}.video-tips{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:15px;padding:25px;box-shadow:0 10px 30px #0003}.video-tips h3{margin-bottom:20px;font-size:1.3em;text-align:center}.video-tips ul{list-style:none;padding:0}.video-tips li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.2);font-size:1.1em}.video-tips li:last-child{border-bottom:none}@media (max-width: 768px){.winner-selector{padding:10px}.winner-header{padding:20px;margin-bottom:20px}.winner-header h1{font-size:1.8em}.winner-header p{font-size:1em}.config-panel,.selection-panel,.history-panel{padding:20px;margin-bottom:20px}.location-checkbox-grid{grid-template-columns:1fr;gap:10px}.location-checkbox{padding:12px;min-height:70px}.location-checkbox input[type=checkbox]{transform:scale(1.4)}.date-inputs{grid-template-columns:1fr;gap:15px}.date-inputs input,.company-dropdown,.location-dropdown{padding:15px;font-size:16px}.action-buttons{flex-direction:column;gap:10px}.fetch-btn,.select-winner-btn,.register-winner-btn{padding:18px;font-size:1.1em;width:100%;margin-bottom:0;min-width:auto}.detail-row{flex-direction:column;align-items:flex-start;gap:8px;padding:15px 0}.detail-row .label{font-size:1em}.detail-row .value{font-size:1.1em;flex-wrap:wrap}.history-item{grid-template-columns:1fr;gap:10px;padding:12px}.winner-card{padding:20px}.winner-header-card h2{font-size:2em}.video-tips{padding:20px}.video-tips li{padding:12px 0;font-size:1em}}@media (max-width: 480px){.winner-selector{padding:8px}.winner-header h1{font-size:1.5em}.config-panel,.selection-panel,.history-panel{padding:15px}.location-checkbox{padding:10px;min-height:60px}.location-checkbox .location-name{font-size:1em}.location-checkbox .location-id,.location-checkbox .location-company{font-size:.8em}.fetch-btn,.select-winner-btn,.register-winner-btn{padding:16px;font-size:1em}.winner-header-card h2{font-size:1.8em}.detail-row .label{font-size:.9em}.detail-row .value{font-size:1em}}.select-winner-btn:disabled{animation:spin .5s linear infinite}.register-winner-btn{padding:15px 30px;background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:#fff;border:none;border-radius:10px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #28a74566;margin-left:15px}.register-winner-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #28a74599}.register-winner-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.registration-message{margin-top:15px;padding:12px;border-radius:8px;font-weight:600;text-align:center}.registration-message:contains("✅"){background:#d4edda;color:#155724;border:1px solid #c3e6cb}.registration-message:contains("❌"){background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.feedback-settings-container{max-width:1200px;margin:0 auto;padding:24px;background:#f8fafc;min-height:100vh}.settings-header{text-align:center;margin-bottom:32px}.settings-header h1{color:#1e293b;margin-bottom:8px;font-size:2.5em;font-weight:700}.subtitle{color:#64748b;font-size:1.1em;margin:0}.settings-form{background:white;border-radius:16px;padding:32px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.setting-group{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e2e8f0}.setting-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.setting-group h3{color:#1e293b;margin:0 0 16px;font-size:1.4em;font-weight:600}.image-upload{display:flex;flex-direction:column;gap:16px}.image-upload input[type=file]{display:none}.upload-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;padding:12px 24px;border-radius:8px;cursor:pointer;text-align:center;font-weight:500;transition:all .2s ease;border:none;font-size:14px;max-width:200px}.upload-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.image-preview{width:120px;height:120px;border:2px dashed #cbd5e1;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#f8fafc;overflow:hidden}.image-preview img{max-width:100%;max-height:100%;object-fit:cover}.image-preview span{color:#64748b;font-size:.9em;text-align:center}textarea,input[type=url],input[type=text]{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;box-sizing:border-box;margin-bottom:16px;transition:all .2s ease;background:white}textarea:focus,input[type=url]:focus,input[type=text]:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.text-controls,.style-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:16px}.text-controls label,.style-controls label{display:flex;flex-direction:column;gap:8px;font-size:.9em;color:#64748b;font-weight:500}.text-controls select,.text-controls input[type=range],.text-controls input[type=color],.style-controls select,.style-controls input[type=range],.style-controls input[type=color]{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:white}.text-controls input[type=range]{width:100%;height:6px;background:#e2e8f0;border-radius:3px;outline:none;-webkit-appearance:none}.text-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#6366f1;border-radius:50%;cursor:pointer}.text-controls input[type=range]::-moz-range-thumb{width:18px;height:18px;background:#6366f1;border-radius:50%;cursor:pointer;border:none}.text-controls input[type=color]{width:50px;height:40px;padding:2px;border:none;border-radius:6px;cursor:pointer}.button-group{display:flex;gap:16px;justify-content:center;margin-top:32px;flex-wrap:wrap}.save-btn,.preview-btn,.reset-btn{padding:14px 28px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:140px}.save-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #10b9814d}.save-btn:disabled{opacity:.6;cursor:not-allowed}.preview-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.preview-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #6366f14d}.reset-btn{background:#f1f5f9;color:#475569;border:1px solid #d1d5db}.reset-btn:hover{background:#e2e8f0;transform:translateY(-1px)}.preview-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:white;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;margin-bottom:20px}.modal-header h3{margin:0;color:#1e293b;font-size:1.5em;font-weight:600}.close-btn{background:none;border:none;font-size:28px;color:#64748b;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-btn:hover{background:#f1f5f9;color:#1e293b}.preview-content{padding:0 24px 24px}.preview-content .preview-card{border:1px solid #e2e8f0;border-radius:16px;padding:24px;text-align:center;margin:20px auto;max-width:400px;animation:fadeInUp .5s ease}.preview-content .main-message{font-weight:600;margin-bottom:12px;line-height:1.4}.preview-content .secondary-message{margin-bottom:16px;line-height:1.4}.preview-content .website-link{text-decoration:none;font-weight:500;transition:color .2s ease}.preview-content .website-link:hover{text-decoration:underline}.notification{position:fixed;top:20px;right:20px;padding:12px 24px;border-radius:8px;color:#fff;font-weight:500;z-index:1001;animation:slideInRight .3s ease;max-width:300px}.notification-success{background:#10b981}.notification-error{background:#ef4444}.notification-info{background:#6366f1}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:18px;color:#64748b}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.feedback-settings-container{padding:16px}.settings-form{padding:20px}.text-controls,.style-controls{grid-template-columns:1fr}.button-group{flex-direction:column}.button-group button{width:100%}.modal-content{margin:20px;max-height:calc(100vh - 40px)}.settings-header h1{font-size:2em}}@media (max-width: 480px){.feedback-settings-container{padding:12px}.settings-form{padding:16px}.setting-group{margin-bottom:24px;padding-bottom:20px}.text-controls,.style-controls{gap:16px}}.mode-selector{margin-top:24px;padding:20px;background:white;border-radius:12px;border:1px solid #e2e8f0}.mode-toggle{display:flex;gap:12px;margin-bottom:20px}.mode-btn{padding:12px 20px;border:2px solid #e2e8f0;border-radius:8px;background:white;color:#64748b;font-weight:500;cursor:pointer;transition:all .2s ease}.mode-btn:hover{border-color:#cbd5e1;background:#f8fafc}.mode-btn.active{border-color:#4f46e5;background:#4f46e5;color:#fff}.location-selector{display:flex;align-items:center;gap:12px}.location-selector label{font-weight:500;color:#374151;min-width:120px}.location-selector select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:white;color:#374151;font-size:14px;min-width:200px}.location-selector select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.reset-system{background:#dc2626;border-color:#dc2626}.reset-system:hover{background:#b91c1c;border-color:#b91c1c}.surveys-page{padding:24px;background:#f8fafc;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.no-surveys-suggestions{color:#475569!important;font-size:14px!important;margin-top:16px!important}.no-surveys-suggestions strong{color:#1e293b!important;font-weight:600!important;display:block!important;margin-bottom:8px!important}.no-surveys-suggestions ul{margin:0!important;padding-left:20px!important;list-style-type:disc!important}.no-surveys-suggestions li{color:#475569!important;font-weight:500!important;opacity:1!important;margin-bottom:4px!important;line-height:1.5!important}.surveys-page p,.surveys-page li,.surveys-page span:not(.btn):not(.badge),.surveys-page div:not(.btn):not(.badge){color:#475569!important;opacity:1!important}.surveys-header{margin-bottom:32px}.surveys-header h1{font-size:2rem;font-weight:700;color:#1e293b;margin:0 0 8px}.surveys-summary{color:#64748b;font-size:.875rem}.filters-section{background:white;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.filter-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px}.filter-row:last-child{margin-bottom:0}.filter-row:last-child .filter-group:nth-child(1){grid-column:1}.filter-row:last-child .filter-group:nth-child(2){grid-column:2}.filter-row:last-child .filter-group:nth-child(3){grid-column:3}@media (max-width: 1024px){.filter-row{grid-template-columns:repeat(2,1fr)}.filter-row:last-child .filter-group:nth-child(1),.filter-row:last-child .filter-group:nth-child(2),.filter-row:last-child .filter-group:nth-child(3){grid-column:auto}}@media (max-width: 768px){.filter-row{grid-template-columns:1fr}}.filter-group{display:flex;flex-direction:column}.filter-group label{font-size:.75rem;font-weight:600;color:#475569;margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.filter-group select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:white;color:#374151;cursor:pointer;transition:border-color .2s ease}.filter-group select:hover{border-color:#9ca3af}.filter-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.surveys-table-container{background:white;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;overflow:hidden}.surveys-table{width:100%;border-collapse:collapse;font-size:.875rem}.surveys-table th{background:#f8fafc;padding:16px 12px;text-align:left;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0;white-space:nowrap}.surveys-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.surveys-table th.sortable:hover{background:#f1f5f9}.sort-arrow{margin-left:4px;color:#9ca3af;font-size:.75rem;transition:color .2s ease}.sort-arrow.asc,.sort-arrow.desc{color:#3b82f6}.surveys-table td{padding:16px 12px;border-bottom:1px solid #f1f5f9;vertical-align:top}.surveys-table tr:hover{background:#f8fafc}.surveys-table tr:last-child td{border-bottom:none}.surveys-table th:nth-child(1),.surveys-table td:nth-child(1){width:8.16%}.surveys-table th:nth-child(2),.surveys-table td:nth-child(2){width:2.7%}.surveys-table th:nth-child(3),.surveys-table td:nth-child(3){width:9%}.surveys-table th:nth-child(5),.surveys-table td:nth-child(5){width:3%}.surveys-table th:nth-child(6),.surveys-table td:nth-child(6){width:5.4%}.surveys-table th:nth-child(7),.surveys-table td:nth-child(7){width:4.8%}.surveys-table th:nth-child(8),.surveys-table td:nth-child(8){width:6%}.custom-date-inputs{display:flex;gap:12px;margin-top:12px;align-items:center}.date-input-group{display:flex;flex-direction:column;gap:4px}.date-input-group label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase}.custom-date-inputs input[type=date]{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:white;color:#374151;min-width:140px}.custom-date-inputs input[type=date]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}@media (max-width: 768px){.custom-date-inputs{flex-direction:column;gap:8px}.date-input-group{width:100%}.custom-date-inputs input[type=date]{width:100%;min-width:auto}}.date-cell{font-weight:500;color:#374151;white-space:nowrap}.score-cell{text-align:center}.score-emoji{font-size:1.5rem;display:inline-block}.name-cell{font-weight:500;color:#1e293b}.feedback-cell{max-width:300px;color:#4b5563;line-height:1.4}.location-cell{color:#6b7280;white-space:nowrap;text-align:center}.source-cell{color:#6b7280;text-transform:capitalize;text-align:center}.offer-cell{text-align:center}.create-offer-btn{background:#3b82f6;color:#fff;border:none;padding:6px 16px;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.create-offer-btn:hover{background:#2563eb}.tooltip{position:fixed;background:#1f2937;color:#fff;padding:8px 12px;border-radius:6px;font-size:.75rem;font-weight:500;white-space:nowrap;z-index:1001;pointer-events:none;transform:translate(-50%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;animation:tooltipFadeIn .2s ease}.tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#1f2937}.responded-cell{text-align:center}.responded-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#10b981;color:#fff;border-radius:50%;font-size:.875rem;font-weight:600;cursor:help}.responded-badge.sent-message{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#dbeafe;color:#1e40af;border:2px solid #93c5fd;border-radius:50%;font-size:1.25rem;font-weight:600;cursor:help}.not-responded-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#f3f4f6;color:#6b7280;border-radius:50%;font-size:.875rem;font-weight:600;cursor:help;border:1px solid #d1d5db}.actions-cell{text-align:center;width:60px}.three-dots-menu{position:relative}.three-dots-btn{background:none;border:none;font-size:1.25rem;color:#6b7280;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;line-height:1}.three-dots-btn:hover{background:#f3f4f6;color:#374151}.sms-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding:0}.sms-modal{background:white;border-radius:20px 20px 0 0;width:100%;max-width:100vw;max-height:95vh;overflow-y:auto;box-shadow:0 -10px 25px -5px #0003;transform:translateY(0);transition:transform .3s ease}@media (min-width: 768px){.sms-modal-overlay{align-items:center;padding:20px}.sms-modal{border-radius:12px;max-width:500px;max-height:90vh;box-shadow:0 20px 25px -5px #0000001a}}.sms-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 16px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:white;z-index:10}.sms-modal-header:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;background:#d1d5db;border-radius:2px;display:block}@media (min-width: 768px){.sms-modal-header{padding:24px 24px 16px}.sms-modal-header:before{display:none}}.sms-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1e293b}.close-btn{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-btn:hover{background:#f3f4f6;color:#374151}.sms-modal-content{padding:20px}@media (min-width: 768px){.sms-modal-content{padding:24px}}.customer-info{background:#f8fafc;border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid #e5e7eb}@media (min-width: 768px){.customer-info{border-radius:8px;padding:16px}}.customer-info p{margin:0 0 8px;font-size:.875rem;color:#4b5563}.customer-info p:last-child{margin-bottom:0}.customer-info strong{color:#1e293b}.sms-templates{margin-bottom:20px}.sms-templates label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:12px}.template-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.template-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:12px 8px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center}@media (min-width: 768px){.template-buttons{grid-template-columns:repeat(4,1fr);gap:8px}.template-btn{padding:6px 12px;font-size:.75rem;min-height:auto}}.template-btn:hover{background:#e5e7eb;border-color:#9ca3af}.sms-input-section{margin-bottom:24px}.sms-input-section label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:8px}.char-count{float:right;font-size:.875rem;color:#6b7280;font-weight:400;margin-bottom:8px;display:block}@media (min-width: 768px){.char-count{font-size:.75rem;margin-bottom:0;display:inline}}.char-count.warning{color:#f59e0b}.sms-error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-bottom:16px;color:#dc2626;font-size:1rem;display:flex;align-items:center;gap:8px;line-height:1.4}@media (min-width: 768px){.sms-error-message{border-radius:6px;padding:12px;font-size:.875rem}}.error-icon{font-size:1rem;flex-shrink:0}.sms-sent-message{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:16px;margin-bottom:16px;color:#166534}.sent-message-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:1rem}.success-icon{font-size:1.25rem;flex-shrink:0}.sent-message-content{font-size:.875rem}.sent-message-content strong{display:block;margin-bottom:8px;color:#166534}.sent-message-content p{margin:0;padding:8px 12px;background:white;border-radius:6px;border:1px solid #bbf7d0;color:#166534;line-height:1.4}@media (min-width: 768px){.sms-sent-message{border-radius:6px;padding:12px}}.sms-textarea{width:100%;padding:16px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;font-family:inherit;resize:none;min-height:120px;transition:border-color .2s ease;line-height:1.5}@media (min-width: 768px){.sms-textarea{padding:12px;font-size:.875rem;resize:vertical;min-height:100px}}.sms-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.sms-textarea.sent-message-display{background-color:#f9fafb;color:#6b7280;border-color:#d1d5db;cursor:not-allowed;opacity:.8}.sms-textarea.sent-message-display:focus{border-color:#d1d5db;box-shadow:none}.sms-locked-state{position:relative}.sms-locked-message{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:16px;margin-top:16px;text-align:center;color:#92400e}.sms-locked-message .lock-icon{font-size:1.5rem;display:block;margin-bottom:8px}.sms-locked-message strong{display:block;margin-bottom:8px;font-size:1rem;color:#92400e}.sms-locked-message p{margin:0;font-size:.875rem;line-height:1.4;color:#92400e}.conversation-info{background:#fef3c7;border-radius:6px;padding:12px;margin:12px 0;text-align:left}.conversation-info p{margin:0 0 8px;font-size:.875rem;font-weight:600;color:#92400e}.conversation-info ul{margin:0;padding-left:20px;list-style-type:disc}.conversation-info li{margin:4px 0;font-size:.8rem;line-height:1.4;color:#92400e}.conversation-link{margin-top:12px;padding-top:12px;border-top:1px solid #fbbf24}.conversation-link-btn{display:inline-block;background:#f59e0b;color:#fff;text-decoration:none;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;transition:background-color .2s ease}.conversation-link-btn:hover{background:#d97706;color:#fff}.sms-modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:20px 0 0;border-top:1px solid #e5e7eb;margin-top:20px}.send-sms-btn{background:#3b82f6;color:#fff;border:none;padding:16px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;min-height:48px;flex:1}.send-sms-btn:hover{background:#2563eb}.retry-sms-btn{background:#f59e0b;color:#fff;border:none;padding:16px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;min-height:48px;flex:1}.retry-sms-btn:hover{background:#d97706}.retry-sms-btn:disabled{cursor:not-allowed;opacity:.7}.done-btn{background:#10b981;color:#fff;border:none;padding:16px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;min-height:48px;flex:1}.done-btn:hover{background:#059669}.done-btn.success{background:#10b981}.send-sms-btn:disabled{cursor:not-allowed;opacity:.7}.send-sms-btn.success{background:#10b981;color:#fff}.send-sms-btn.success:hover{background:#059669}.cancel-btn{background:white;color:#6b7280;border:1px solid #d1d5db;padding:16px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:48px;flex:1}.cancel-btn:hover{background:#f9fafb;border-color:#9ca3af}@media (min-width: 768px){.sms-modal-actions{padding:0;border-top:none;margin-top:0}.send-sms-btn,.retry-sms-btn,.done-btn,.cancel-btn{padding:10px 20px;font-size:.875rem;min-height:auto;flex:none}}.responded-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#10b981;color:#fff;border-radius:50%;font-size:14px;font-weight:700;cursor:help}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;color:#6b7280;font-size:1rem}.permission-loading{display:flex;justify-content:center;align-items:center;height:100vh;background:#f9fafb}.permission-loading .loading-spinner{height:auto;flex-direction:column;gap:16px}.permission-loading .loading-spinner:before{content:"🔐";font-size:2rem;margin-bottom:8px}.no-selection-message{display:flex;justify-content:center;align-items:center;height:200px;text-align:center;color:#6b7280}.no-selection-message p{font-size:1.1rem;max-width:400px;line-height:1.5}.pagination-section{margin-top:24px;padding:20px;background:white;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.pagination-info{display:flex;align-items:center;gap:12px;color:#6b7280;font-size:.875rem}.items-per-page-select{padding:6px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;background:white}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination-btn{padding:8px 12px;border:1px solid #d1d5db;background:white;color:#374151;border-radius:4px;font-size:.875rem;cursor:pointer;transition:all .2s ease;min-width:40px}.pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.page-numbers{display:flex;gap:4px}.pagination-info .pagination-info{margin-left:16px;color:#6b7280;font-size:.875rem}@media (max-width: 768px){.pagination-section{flex-direction:column;align-items:stretch}.pagination-controls{justify-content:center;flex-wrap:wrap}.page-numbers{order:-1;margin-bottom:12px}}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin:16px 0;color:#dc2626;text-align:center}.error-message p{margin:0 0 12px;font-weight:500}.error-message button{background:#dc2626;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.error-message button:hover{background:#b91c1c}@media (max-width: 768px){.surveys-page{padding:16px}.surveys-header h1{font-size:1.5rem}.filters-section{padding:16px}.filter-row{grid-template-columns:1fr;gap:16px}.filter-group{margin-bottom:8px}.filter-group label{font-size:.75rem;margin-bottom:6px}.filter-group select{width:100%;padding:8px 12px;font-size:.875rem}.surveys-table-container{overflow-x:auto;margin:0 -16px;padding:0 16px}.surveys-table{min-width:800px;font-size:.75rem}.create-offer-btn{padding:6px 12px;font-size:.7rem;white-space:nowrap;min-width:60px}.surveys-table th,.surveys-table td{padding:12px 8px;font-size:.75rem}.feedback-cell{max-width:200px}.sms-modal{margin:20px;max-height:calc(100vh - 40px)}.sms-modal-header,.sms-modal-content{padding:16px}.sms-modal-actions{flex-direction:column}.send-sms-btn,.cancel-btn{width:100%}}@media (max-width: 480px){.surveys-page,.filters-section{padding:12px}.surveys-table{min-width:700px}.surveys-table th,.surveys-table td{padding:8px 6px;font-size:.7rem}.score-emoji{font-size:1.25rem}.create-offer-btn{padding:6px 10px;font-size:.65rem;min-width:50px}.surveys-table-container{margin:0 -12px;padding:0 12px}}.conversations-page{padding:24px;background:#f8fafc;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.conversations-header{margin-bottom:32px}.conversations-header h1{font-size:2rem;font-weight:700;color:#1e293b;margin:0 0 8px}.conversations-summary{color:#64748b;font-size:.875rem}.conversations-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.conversations-filters{background:white;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;display:flex;justify-content:space-between;gap:24px}.filters-left{display:flex;gap:24px;flex:1}.filters-right{display:flex;gap:24px;flex:1;justify-content:flex-end}.filters-right .filter-group{min-width:250px}.filter-group{display:flex;flex-direction:column;min-width:200px}.filter-group label{font-size:.75rem;font-weight:600;color:#475569;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.filter-select,.filter-input{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:white;transition:border-color .2s ease}.filter-select:focus,.filter-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-select:disabled{background:#f1f5f9;color:#64748b;cursor:not-allowed}.filter-buttons{display:flex;gap:8px}.filter-button{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;background:white;color:#374151;font-size:.875rem;cursor:pointer;transition:all .2s ease}.filter-button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.filter-button:disabled{opacity:.6;cursor:not-allowed}.refresh-button{display:flex;align-items:center;gap:6px;background:#f0f9ff;border-color:#0ea5e9;color:#0369a1}.refresh-button:hover:not(:disabled){background:#e0f2fe;border-color:#0284c7}.conversations-layout{display:grid;grid-template-columns:400px 1fr;gap:24px;height:calc(100vh - 200px);min-height:600px}.conversations-list{background:white;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;display:flex;flex-direction:column}.conversations-empty{padding:60px 20px;text-align:center;color:#64748b}.conversations-empty p{margin:0 0 8px;font-weight:500}.conversations-empty small{font-size:.875rem}.conversation-item{padding:16px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:all .2s ease;position:relative}.conversation-item:hover{background:#f8fafc}.conversation-item.selected{background:#eff6ff;border-left:4px solid #3b82f6}.conversation-item.priority-3{background:#fef2f2;border-left:4px solid #ef4444}.conversation-item.priority-2{background:#fffbeb;border-left:4px solid #f59e0b}.conversation-item.priority-1{background:#f0f9ff;border-left:4px solid #0ea5e9}.conversation-item.priority-3:hover,.conversation-item.priority-2:hover,.conversation-item.priority-1:hover{filter:brightness(.95)}.conversation-avatar{font-size:2rem;margin-bottom:12px}.conversation-content{flex:1}.conversation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.conversation-name{font-weight:600;color:#1e293b;font-size:.875rem}.conversation-time{font-size:.75rem;color:#64748b;white-space:nowrap}.conversation-message{color:#475569;font-size:.875rem;margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.conversation-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.conversation-location{font-size:.75rem;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:12px}.status-badge{font-size:.75rem;font-weight:500;padding:2px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.05em}.status-badge.resolved{background:#dcfce7;color:#166534}.status-badge.active{background:#dbeafe;color:#1e40af}.status-badge.pending{background:#fef3c7;color:#92400e}.priority-indicator{font-size:1rem;margin-left:auto}.chat-interface{background:white;border-radius:12px;border:1px solid #e2e8f0;display:flex;flex-direction:column;overflow:hidden}.chat-header{padding:20px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.chat-customer-info h3{margin:0 0 4px;font-size:1.125rem;font-weight:600;color:#1e293b}.chat-subtitle{color:#64748b;font-size:.875rem}.resolved-badge{color:#059669;font-weight:500}.chat-actions{display:flex;gap:8px;align-items:center}.resolve-button{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;background:white;color:#374151;font-size:.875rem;cursor:pointer;transition:all .2s ease}.resolve-button:hover{background:#f9fafb;border-color:#9ca3af}.resolve-button.resolved{background:#dcfce7;border-color:#22c55e;color:#166534}.customer-info-button,.actions-button{width:36px;height:36px;border:1px solid #d1d5db;border-radius:6px;background:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.customer-info-button:hover,.actions-button:hover{background:#f9fafb;border-color:#9ca3af}.actions-menu{position:absolute;top:100%;right:0;background:white;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;z-index:10;min-width:160px}.actions-menu button{width:100%;padding:12px 16px;border:none;background:none;text-align:left;cursor:pointer;font-size:.875rem;color:#374151;transition:background .2s ease}.actions-menu button:hover{background:#f8fafc}.actions-menu button:first-child{border-radius:8px 8px 0 0}.actions-menu button:last-child{border-radius:0 0 8px 8px}.chat-messages{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.chat-empty{text-align:center;color:#64748b;margin:auto}.chat-empty p{margin:0 0 8px;font-weight:500}.chat-empty small{font-size:.875rem}.chat-message{display:flex;flex-direction:column;max-width:70%}.chat-message.outgoing{align-self:flex-end}.chat-message.incoming{align-self:flex-start}.message-content{padding:12px 16px;border-radius:18px;font-size:.875rem;line-height:1.4;word-wrap:break-word}.chat-message.outgoing .message-content{background:#3b82f6;color:#fff;border-bottom-right-radius:4px}.chat-message.incoming .message-content{background:#f1f5f9;color:#374151;border-bottom-left-radius:4px}.message-meta{font-size:.75rem;color:#64748b;margin-top:4px;padding:0 16px}.message-status{color:#059669}.chat-input{padding:20px 24px;border-top:1px solid #e2e8f0;background:#f8fafc}.chat-input textarea{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;font-family:inherit;resize:none;transition:border-color .2s ease}.chat-input textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.chat-input textarea:disabled{background:#f1f5f9;color:#64748b;cursor:not-allowed}.chat-input-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.message-info{display:flex;gap:16px;font-size:.75rem;color:#64748b}.send-button{padding:8px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s ease}.send-button:hover:not(:disabled){background:#2563eb}.send-button:disabled{background:#9ca3af;cursor:not-allowed}.chat-placeholder{background:white;border-radius:12px;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center}.placeholder-content{text-align:center;color:#64748b}.placeholder-content h3{margin:0 0 8px;color:#1e293b;font-weight:600}.placeholder-content p{margin:0 0 24px;font-size:.875rem}.placeholder-stats{display:flex;gap:32px;justify-content:center}.stat-item{text-align:center}.stat-number{display:block;font-size:1.5rem;font-weight:700;color:#3b82f6;margin-bottom:4px}.stat-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.customer-info-drawer{position:fixed;top:0;right:0;width:400px;height:100vh;background:white;border-left:1px solid #e2e8f0;box-shadow:-4px 0 15px #0000001a;z-index:1000;transform:translate(100%);transition:transform .3s ease}.customer-info-drawer.open{transform:translate(0)}.drawer-header{padding:20px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.drawer-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1e293b}.drawer-close{width:32px;height:32px;border:none;background:none;font-size:1.5rem;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.drawer-close:hover{background:#f1f5f9;color:#374151}.drawer-content{padding:24px;overflow-y:auto;height:calc(100vh - 80px)}.info-section{margin-bottom:24px}.info-section h4{margin:0 0 12px;font-size:.875rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em}.info-section p{margin:0 0 8px;font-size:.875rem;color:#64748b}.info-section p strong{color:#374151;font-weight:500}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.modal-content{background:white;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:500px;width:100%;max-height:90vh;overflow:hidden}.modal-header{padding:20px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1e293b}.modal-close{width:32px;height:32px;border:none;background:none;font-size:1.5rem;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.modal-close:hover{background:#f1f5f9;color:#374151}.modal-body{padding:24px}.modal-body textarea{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;font-family:inherit;resize:vertical;min-height:100px;transition:border-color .2s ease}.modal-body textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal-footer{padding:20px 24px;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end}.modal-button{padding:10px 20px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-button.secondary{background:white;color:#374151}.modal-button.secondary:hover{background:#f9fafb;border-color:#9ca3af}.modal-button.primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.modal-button.primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.modal-button.primary:disabled{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed}.conversations-pagination{padding:20px;border-top:1px solid #e2e8f0;display:flex;justify-content:center;align-items:center;gap:16px;background:#f8fafc}.pagination-button{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;background:white;color:#374151;font-size:.875rem;cursor:pointer;transition:all .2s ease}.pagination-button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.pagination-button:disabled{opacity:.6;cursor:not-allowed}.pagination-info{font-size:.875rem;color:#64748b}@media (max-width: 768px){.conversations-page{padding:16px}.conversations-layout{grid-template-columns:1fr;gap:16px;height:auto}.conversations-filters,.filters-left,.filters-right{flex-direction:column;gap:16px}.filter-group{min-width:auto}.conversations-list{max-height:400px}.chat-interface{min-height:500px}.customer-info-drawer{width:100%}.modal-content{margin:20px;max-height:calc(100vh - 40px)}}@media (prefers-color-scheme: dark){.conversations-page{background:#0f172a;color:#f1f5f9}.conversations-filters,.conversations-list,.chat-interface,.customer-info-drawer,.modal-content{background:#1e293b;border-color:#334155}.conversation-item{border-color:#334155}.conversation-item:hover{background:#334155}.conversation-item.selected{background:#1e3a8a}.chat-header,.chat-input,.conversations-pagination{background:#334155}}:root{--color-neutral-light: #f8fafc;--color-neutral-dark: #0f172a;--color-neutral: #64748b;--color-primary: #2563eb;--color-primary-light: #3b82f6;--bg:#0b1020;--card:#111834;--text:#e8ecf9;--muted:#a9b1d6;--primary:#1a5eff;--primary-700:#1344b8;--ring: rgba(26,94,255,.35);--stroke: #1e2750}body{background:var(--bg)}.auth-wrapper{min-height:100vh;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;flex-direction:column}.auth-topnav{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid var(--stroke);background:rgba(9,14,30,.6);-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px}.brand-badge{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#2b5cff,#6a8bff);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.brand-name{font-weight:700;letter-spacing:.2px}.nav-links,.auth-topnav .ghost-btn,.auth-topnav .primary-btn{display:none}.login-hero{display:flex;flex-direction:column;align-items:center;gap:10px;margin:50px 0 18px}.hero-badge{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#2b5cff,#6a8bff);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800}.login-hero h1{margin:6px 0 4px;font-size:32px}.login-hero p{margin:0;color:var(--muted)}.login-panel{max-width:520px;margin:0 auto;background:var(--card);border:1px solid var(--stroke);border-radius:16px;padding:26px;box-shadow:0 20px 60px #00000059}.login-form.modern{display:flex;flex-direction:column;gap:16px}.field label{display:block;margin:0 0 8px;color:var(--muted);font-size:14px}.input{display:flex;align-items:center;border:1px solid var(--stroke);background:#0d1430;border-radius:10px;padding:10px 12px}.input.with-icon .icon{margin-right:10px;opacity:.8}.input input{flex:1;background:transparent;border:none;outline:none;color:var(--text)}.eye{margin-left:8px;background:transparent;border:none;color:var(--muted)}.link-btn{background:none;border:none;color:var(--primary);cursor:pointer}.alert{padding:10px 12px;border-radius:10px;font-size:14px}.alert.error{background:rgba(255,75,95,.08);color:#ff6b81;border:1px solid rgba(255,75,95,.25)}.alert.info{background:rgba(26,94,255,.08);color:#a5baff;border:1px solid var(--ring)}.primary-btn.full{width:100%;margin-top:6px}.separator,.oauth-row,.oauth-btn{display:none}.signup-cta{color:var(--muted);text-align:center;margin:18px auto 40px}.signup-cta a{color:#c9d4ff}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--color-neutral-light);padding:20px}.login-card{background:white;border-radius:12px;box-shadow:0 8px 32px #0000001a;padding:40px;width:100%;max-width:400px;text-align:center}.login-header .logo-wrap{width:192px;height:192px;margin:0 auto 16px;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center}.login-logo{width:100%;height:100%;object-fit:contain}.login-card h1{color:var(--color-neutral-dark);margin-bottom:8px;font-size:2rem;font-weight:600}.login-card p{color:var(--color-neutral);margin-bottom:32px;font-size:.95rem}.login-form{text-align:left}.input-wrapper{position:relative;display:flex;align-items:center}.left-icon{display:none}.input-wrapper input{padding-left:12px}.toggle-password{position:absolute;right:12px;background:transparent;border:0;color:#666;cursor:pointer}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;color:var(--color-neutral-dark);font-weight:500;font-size:.9rem}.form-group input{width:100%;padding:12px 16px;border:1.5px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.form-group input:disabled{background-color:#f8f9fa;cursor:not-allowed}.error-message{background-color:#fee;color:#c53030;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.9rem;border-left:4px solid #fc8181}.info-message{background-color:#eef6ff;color:#1d4ed8;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.9rem;border-left:4px solid var(--color-primary)}.login-button{width:100%;background:var(--color-primary);color:#fff;border:none;padding:14px 20px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.login-button:hover:not(:disabled){transform:translateY(-1px);background:var(--color-primary-light);box-shadow:0 4px 12px #6366f14d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.inline-actions{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.forgot-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;transition:color .15s ease}.forgot-btn:hover{color:var(--color-primary-light)}.login-footer{margin-top:16px;color:var(--color-neutral)}.privacy-link{color:var(--color-primary)}.privacy-link:hover{color:var(--color-primary-light)}.remember .checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:1.5px solid #e2e8f0;border-radius:6px;display:inline-block;vertical-align:middle;margin-right:8px;position:relative;background:#fff;transition:all .15s ease}.remember .checkbox:checked{background:var(--color-primary);border-color:var(--color-primary)}.remember .checkbox:checked:after{content:"";position:absolute;left:5px;top:1px;width:4px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}@media (max-width: 480px){.login-container{padding:10px}.login-card{padding:30px 20px}.login-card h1{font-size:1.75rem}}.mobile-menu-overlay{position:fixed;top:70px;left:0;width:100vw;height:calc(100vh - 70px);background:rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:opacity .3s;z-index:1200}.mobile-menu-overlay.open{opacity:1;pointer-events:auto}.mobile-menu-drawer{position:fixed;top:70px;left:0;height:calc(100vh - 70px);width:85vw;max-width:350px;background:#ffffff;box-shadow:0 10px 30px #0206171f;transform:translate(-100%);transition:transform .3s ease;z-index:1300;display:flex;flex-direction:column;padding:24px 0 0}.mobile-menu-drawer.open{transform:translate(0)}.mobile-menu-close{background:none;border:none;font-size:2rem;color:#0f172a;align-self:flex-end;margin:0 16px 16px 0;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s}.mobile-menu-close:hover{background-color:#f1f5f9}.mobile-menu-drawer ul{list-style:none;padding:0 0 0 16px;margin:0;display:flex;flex-direction:column;gap:18px}.mobile-menu-link{display:flex;align-items:center;font-size:1.1rem;color:#334155;text-decoration:none;padding:12px 16px;border-radius:8px;margin:0 8px;transition:background .2s,color .2s}.mobile-menu-link:hover,.mobile-menu-link.active{background:#f1f5f9;outline:1px solid rgba(15,23,42,.06);color:#0f172a}.mobile-menu-icon{font-size:1.3rem;margin-right:12px;width:24px;text-align:center}.mobile-menu-text{font-size:1rem;font-weight:500}.mobile-logout-button{background:none;border:none;width:100%;text-align:left;cursor:pointer;color:#334155;transition:background .2s,color .2s}.mobile-logout-button:hover{background:#f1f5f9;color:#0f172a}@media (min-width: 769px){.mobile-menu-overlay,.mobile-menu-drawer{display:none}}.company-header{position:relative;z-index:1000;display:flex;flex-direction:column;gap:12px;align-items:flex-end}.company-selector{position:relative}.company-button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:white;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:180px;max-width:250px;box-shadow:0 1px 3px #0000001a}.company-button:hover:not(:disabled){border-color:#3b82f6;box-shadow:0 2px 8px #3b82f626}.company-button:disabled{opacity:.6;cursor:not-allowed}.company-icon{font-size:16px;color:#6b7280;flex-shrink:0}.company-text{display:flex;align-items:center;flex:1;min-width:0;overflow:hidden}.company-name{font-weight:600;color:#1e293b;font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.company-placeholder{color:#9ca3af;font-style:italic;font-size:14px}.location-selector{position:relative}.location-button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:white;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:200px;max-width:300px;box-shadow:0 1px 3px #0000001a}.location-button:hover:not(:disabled){border-color:#3b82f6;box-shadow:0 2px 8px #3b82f626}.location-button:disabled{opacity:.6;cursor:not-allowed}.location-icon{font-size:16px;color:#6b7280;flex-shrink:0}.location-text{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0;overflow:hidden}.location-name{font-weight:600;color:#1e293b;font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.location-address{font-size:12px;color:#6b7280;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.location-placeholder{color:#9ca3af;font-style:italic;font-size:14px}.dropdown-arrow{font-size:10px;color:#6b7280;transition:transform .2s ease;flex-shrink:0}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.company-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:white;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a;min-width:250px;max-width:350px;z-index:1001;animation:slideDown .2s ease}.location-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:white;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a;min-width:280px;max-width:400px;z-index:1001;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.dropdown-title{font-weight:600;color:#1e293b;font-size:16px}.close-dropdown{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-dropdown:hover{background:#f1f5f9;color:#374151}.companies-list,.locations-list{max-height:300px;overflow-y:auto}.company-option,.location-option{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 20px;background:none;border:none;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f1f5f9}.company-option:hover,.location-option:hover{background:#f8fafc}.company-option.selected,.location-option.selected{background:#dbeafe;color:#1e40af}.company-option-content,.location-option-content{display:flex;flex-direction:column;align-items:flex-start;flex:1}.company-option-name,.location-option-name{font-weight:500;font-size:14px;line-height:1.2}.location-option-address{font-size:12px;color:#6b7280;margin-top:2px}.selected-indicator{color:#059669;font-weight:600;font-size:16px}.single-location-note{padding:12px 20px;text-align:center;border-top:1px solid #e2e8f0;background:#f8fafc}.single-location-note span{font-size:12px;color:#0369a1;font-style:italic}.tooltip{position:fixed;background:#f8fafc;color:#374151;padding:8px 12px;border-radius:6px;font-size:.75rem;font-weight:500;white-space:nowrap;z-index:1001;pointer-events:none;transform:translate(-50%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;animation:tooltipFadeIn .2s ease;border:1px solid #e2e8f0}.tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#f8fafc}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){.company-header{align-items:center;gap:8px}.company-button{min-width:140px;max-width:200px;padding:6px 10px}.company-name{font-size:13px}.location-button{min-width:160px;max-width:200px;padding:6px 10px}.location-name{font-size:13px}.location-address{font-size:11px}.company-dropdown,.location-dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);right:auto;width:calc(100vw - 32px);max-width:400px;max-height:80vh}.dropdown-overlay{background:rgba(0,0,0,.5)}}@media (max-width: 480px){.company-button{min-width:120px;max-width:160px;padding:5px 8px}.company-name{font-size:12px}.location-button{min-width:140px;max-width:180px;padding:5px 8px}.location-name{font-size:12px}.location-address{font-size:10px}.company-dropdown,.location-dropdown{width:calc(100vw - 24px);max-width:350px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;width:100%;max-width:100vw}*{box-sizing:border-box}#root{width:100%;max-width:100vw;overflow-x:hidden}@media (max-width: 768px){body{font-size:16px}.dashboard,.unverified-customers-page,.customers-page,.admin-page{width:100%;max-width:100vw;overflow-x:hidden;padding-left:10px;padding-right:10px}}