:root,[data-theme=dark]{--bg-primary: #07080E;--bg-secondary: #0D0E17;--bg-tertiary: #141624;--bg-card: rgba(20, 22, 36, .65);--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-muted: #94A3B8;--text-disabled: #475569;--accent-primary: #d4914e;--accent-hover: #c07f3e;--accent-light: #e0a96a;--accent-glow: rgba(212, 145, 78, .3);--danger: #EF4444;--danger-glow: rgba(239, 68, 68, .25);--success: #10B981;--success-glow: rgba(16, 185, 129, .25);--warning: #F59E0B;--warning-glow: rgba(245, 158, 11, .25);--glass-bg: rgba(15, 17, 28, .75);--glass-border: rgba(255, 255, 255, .09);--glass-border-hover: rgba(255, 255, 255, .18);--glass-highlight: rgba(255, 255, 255, .04);--glass-shadow: 0 20px 40px -10px rgba(0, 0, 0, .6);--sidebar-bg: #0d0e17;--sidebar-border: rgba(255, 255, 255, .12);--sidebar-text: #cbd5e1;--sidebar-active-text: #ffffff;--sidebar-shadow: 6px 0 30px rgba(0, 0, 0, .4);--input-bg: rgba(7, 8, 14, .6);--input-border: rgba(255, 255, 255, .12);--input-text: #f8fafc;--table-header-bg: rgba(255, 255, 255, .02);--table-header-text: #94a3b8;--table-border: rgba(255, 255, 255, .06);--table-row-border: rgba(255, 255, 255, .04);--table-row-hover: rgba(255, 255, 255, .03);--panel-header-border: rgba(255, 255, 255, .08);--quick-action-bg: rgba(255, 255, 255, .05);--quick-action-border: rgba(255, 255, 255, .08);--card-bg: rgba(20, 22, 36, .7);--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Outfit", "Inter", -apple-system, sans-serif}[data-theme=light]{--bg-primary: #F8FAFC;--bg-secondary: #FFFFFF;--bg-tertiary: #F1F5F9;--bg-card: #FFFFFF;--text-primary: #0F172A;--text-secondary: #334155;--text-muted: #475569;--text-disabled: #94A3B8;--accent-primary: #d4914e;--accent-hover: #c07f3e;--accent-light: #e0a96a;--accent-glow: rgba(212, 145, 78, .2);--danger: #b91c1c;--danger-glow: rgba(185, 28, 28, .1);--success: #047857;--success-glow: rgba(4, 120, 87, .1);--warning: #b45309;--warning-glow: rgba(180, 83, 9, .1);--glass-bg: #FFFFFF;--glass-border: #D8E0E8;--glass-border-hover: #B5C4D2;--glass-highlight: rgba(255, 255, 255, .95);--glass-shadow: 0 4px 20px -2px rgba(15, 23, 42, .06), 0 2px 4px -1px rgba(15, 23, 42, .03);--sidebar-bg: #FFFFFF;--sidebar-border: #E2E8F0;--sidebar-text: #334155;--sidebar-active-text: #d4914e;--sidebar-shadow: 4px 0 20px -2px rgba(15, 23, 42, .06);--input-bg: #FFFFFF;--input-border: #CBD5E1;--input-text: #0F172A;--table-header-bg: #F1F5F9;--table-header-text: #334155;--table-border: #E2E8F0;--table-row-border: #EDF2F7;--table-row-hover: #F8FAFC;--panel-header-border: #E2E8F0;--quick-action-bg: #F8FAFC;--quick-action-border: #D8E0E8;--card-bg: #FFFFFF;--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Outfit", "Inter", -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b840;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b873}html,body,#root{max-width:100vw;overflow-x:hidden;box-sizing:border-box}html{height:-webkit-fill-available}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available;overflow-x:hidden;line-height:1.55;background-image:radial-gradient(at 15% 0%,rgba(212,145,78,.06) 0px,transparent 50%),radial-gradient(at 85% 10%,rgba(91,155,213,.04) 0px,transparent 45%),radial-gradient(at 50% 100%,rgba(212,145,78,.04) 0px,transparent 55%);background-attachment:fixed;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.025em;color:var(--text-primary)}a{text-decoration:none;color:inherit}.glass-panel{background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.glass-panel:hover{border-color:var(--glass-border-hover)}.glass-panel-interactive:hover{transform:translateY(-2px);box-shadow:0 12px 30px -5px #0000004d;border-color:var(--accent-light)}.btn-primary{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-hover) 100%);color:#0e1019;font-weight:700;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 14px var(--accent-glow);padding:10px 20px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;font-family:var(--font-main);text-decoration:none}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--accent-glow);filter:brightness(1.05)}.btn-secondary{background:var(--table-header-bg);color:var(--text-primary);border:1px solid var(--glass-border);padding:10px 20px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;transition:all .2s ease;font-family:var(--font-main);text-decoration:none}.btn-secondary:hover{background:var(--quick-action-bg);border-color:var(--glass-border-hover);color:var(--text-primary)}.label,.input-label{display:block;font-size:.8rem;font-weight:650;color:var(--text-primary);margin-bottom:6px;letter-spacing:.2px}.input-field,input[type=text],input[type=email],input[type=password],input[type=datetime-local],input[type=number],input[type=search],textarea.input-field,select.input-field,textarea,select{width:100%;display:block;background:var(--input-bg);color:var(--input-text);border:1px solid var(--input-border);border-radius:10px;padding:10px 14px;font-size:.88rem;font-family:var(--font-main);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;outline:none;box-sizing:border-box}.input-field:focus,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=datetime-local]:focus,input[type=number]:focus,input[type=search]:focus,textarea.input-field:focus,select.input-field:focus,textarea:focus,select:focus{border-color:var(--accent-primary)!important;box-shadow:0 0 0 3px var(--accent-glow)!important}.input-field::placeholder,input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.7}.input-field:disabled,.input-field[readonly]{opacity:.8;cursor:default;background:var(--table-header-bg)}textarea.input-field,textarea{min-height:140px;resize:vertical;line-height:1.6}select.input-field,select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:36px;cursor:pointer}input[type=checkbox]{width:16px!important;height:16px!important;accent-color:var(--accent-primary);cursor:pointer;margin:0;padding:0;display:inline-block;vertical-align:middle}input[type=datetime-local]{color-scheme:dark}[data-theme=light] input[type=datetime-local]{color-scheme:light}.desktop-only{display:flex!important}.mobile-only{display:none!important}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.dashboard-main-grid{display:grid;grid-template-columns:1fr 280px;gap:20px;align-items:start}.contacts-main-grid{display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:start}.sms-broadcast-form-grid{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:start}.admin-settings-grid{display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:start}.tickets-main-grid{height:calc(100vh - 120px);display:grid;grid-template-columns:360px 1fr;gap:32px}.responsive-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.logs-table-container{max-height:calc(100vh - 250px);overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch}.app-container{display:flex;min-height:100vh;min-height:100dvh;position:relative;overflow-x:hidden;max-width:100vw}.page-title{font-family:var(--font-heading);font-size:2rem;font-weight:800;margin-bottom:6px;color:var(--text-primary);letter-spacing:-.02em;line-height:1.2}.page-subtitle{color:var(--text-muted);margin-bottom:32px;font-size:1rem;max-width:640px;line-height:1.6}.section-title{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;margin-bottom:20px;color:var(--text-primary);display:flex;align-items:center;gap:12px}.mobile-header{display:none!important}.mobile-header-spacing{display:none}@media(max-width:1024px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.desktop-top-header{display:none!important}.main-content{margin-left:0!important;width:100%!important;max-width:100vw!important;padding:76px 16px 40px!important;box-sizing:border-box!important;overflow-x:hidden!important;min-height:calc(100dvh - 76px)!important}.sidebar-container{transform:translate(-100%)!important;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,visibility .3s ease!important;z-index:50!important;width:280px!important;max-width:85vw!important;height:100vh!important;height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;box-shadow:none!important;visibility:hidden!important;pointer-events:none!important}.sidebar-container.open{transform:translate(0)!important;box-shadow:10px 0 40px #00000080!important;visibility:visible!important;pointer-events:auto!important}.mobile-overlay{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:45;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-overlay.active{opacity:1;pointer-events:auto}.mobile-header{display:flex!important;z-index:40!important}.mobile-header-spacing,.auth-left-showcase{display:none!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.dashboard-main-grid,.contacts-main-grid,.sms-broadcast-form-grid,.admin-settings-grid{grid-template-columns:1fr!important}.tickets-main-grid{height:auto!important;grid-template-columns:1fr!important;display:flex!important;flex-direction:column!important;gap:20px!important}.responsive-two-col{grid-template-columns:1fr!important}}@media(max-width:640px){.page-title{font-size:1.5rem}.glass-panel{border-radius:12px}.stats-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:1;box-shadow:0 0 #10b98166}50%{transform:scale(1.1);opacity:.85;box-shadow:0 0 0 6px #10b98100}}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.animate-scale-in{animation:scaleIn .35s cubic-bezier(.16,1,.3,1) forwards}.modal-portal-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100%!important;height:100dvh!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;z-index:10000!important}.modal-portal-overlay>*{margin:auto!important}.animate-slide-in-right{animation:slideInRight .4s cubic-bezier(.16,1,.3,1) forwards}.status-dot-pulse{animation:pulseGlow 2.5s ease-in-out infinite}.stagger-1{animation-delay:40ms}.stagger-2{animation-delay:80ms}.stagger-3{animation-delay:.12s}.stagger-4{animation-delay:.16s}@media(max-width:1024px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.desktop-top-header{display:none!important}.main-content{margin-left:0!important;width:100%!important;max-width:100vw!important;padding:76px 16px 40px!important;box-sizing:border-box!important;overflow-x:hidden!important}.sidebar-container{transform:translate(-100%)!important;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,visibility .3s ease!important;z-index:50!important;width:280px!important;max-width:85vw!important;box-shadow:none!important;visibility:hidden!important;pointer-events:none!important}.sidebar-container.open{transform:translate(0)!important;box-shadow:10px 0 40px #00000080!important;visibility:visible!important;pointer-events:auto!important}.mobile-overlay{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:45;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-overlay.active{opacity:1;pointer-events:auto}.mobile-header{display:flex!important;z-index:40!important}.mobile-header-spacing,.auth-left-showcase{display:none!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.dashboard-main-grid,.contacts-main-grid,.sms-broadcast-form-grid,.admin-settings-grid{grid-template-columns:1fr!important}.tickets-main-grid{height:auto!important;grid-template-columns:1fr!important;display:flex!important;flex-direction:column!important;gap:20px!important}.responsive-two-col{grid-template-columns:1fr!important}.glass-panel{padding:20px!important}[style*="position: fixed"][style*="inset: 0"],[style*="position:fixed"][style*="inset:0"],.modal-portal-overlay{align-items:center!important;justify-content:center!important;padding:16px 12px 32px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important}[style*="position: fixed"][style*="inset: 0"]>.glass-panel,[style*="position:fixed"][style*="inset:0"]>.glass-panel,.modal-portal-overlay>*{margin:auto!important;max-height:calc(100dvh - 32px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important}[style*="grid-template-columns: repeat(3"]{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:768px){.glass-panel,[class*=glass-panel]{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 4px 16px #00000040!important}.page-title{font-size:1.6rem}.page-subtitle{font-size:.9rem;margin-bottom:20px}[style*="grid-template-columns: repeat(3"],[style*="gridTemplateColumns: 'repeat(auto-fit"]{grid-template-columns:1fr!important}[style*="display: 'flex'"][style*="gap: '8px'"]{flex-wrap:wrap!important}[style*="gridTemplateColumns: '1fr 1fr'"]{grid-template-columns:1fr!important}.page-header-row{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.recipient-tabs{flex-wrap:wrap!important}.table-responsive{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}table{min-width:580px}.stats-grid>div [style*="1.85rem"]{font-size:1.4rem!important}.filter-row{flex-wrap:wrap!important;gap:10px!important}.send-actions-row{flex-direction:column!important;gap:10px!important}.send-actions-row button,.send-actions-row a{width:100%!important;justify-content:center!important}.logs-table-container{max-height:none!important;overflow-y:visible!important}.detail-drawer-container{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-left:none!important}}@media(max-width:640px){.page-title{font-size:1.4rem}.glass-panel{border-radius:12px;padding:16px!important}.stats-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.main-content{padding-left:12px!important;padding-right:12px!important}.btn-group-row{flex-direction:column!important;gap:8px!important}form .btn-primary[type=submit]{width:100%!important;justify-content:center!important}[style*="maxWidth: '580px'"],[style*="maxWidth: '640px'"],[style*="maxWidth: '700px'"],[style*="maxWidth: '760px'"],[style*="max-width: 580px"],[style*="max-width: 640px"]{max-width:100%!important;margin:8px!important;border-radius:14px!important}[style*="flexWrap: 'wrap'"]{flex-wrap:wrap!important}.section-title{font-size:1rem!important}.audience-tabs{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:6px!important}.action-bar{flex-direction:column!important;gap:8px!important}.action-bar>*{width:100%!important;justify-content:center!important}.logs-col-hide-sm{display:none!important}.campaign-card{padding:14px!important}.editor-toolbar{flex-wrap:wrap!important;gap:6px!important}.attachment-list{flex-direction:column!important;gap:6px!important}.quick-actions-grid{grid-template-columns:1fr!important}}@media(max-width:480px){.page-title{font-size:1.25rem}.page-subtitle{font-size:.82rem}.stats-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.mobile-header{padding:0 12px!important}.glass-panel{padding:12px!important}.main-content{padding-top:72px!important;padding-left:10px!important;padding-right:10px!important}[style*="whiteSpace: 'nowrap'"]{white-space:normal!important;word-break:break-all}.btn-primary,.btn-secondary{font-size:.8rem!important;padding:8px 12px!important}.audience-tabs button,.audience-tabs .btn-primary,.audience-tabs .btn-secondary{font-size:.75rem!important;padding:8px 6px!important}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1f 37%,#ffffff0a 63%);background-size:200% 100%;animation:shimmer 1.5s cubic-bezier(.4,0,.6,1) infinite;border-radius:6px}[data-theme=light] .skeleton-shimmer{background:linear-gradient(90deg,#0000000a 25%,#00000014 37%,#0000000a 63%);background-size:200% 100%}