@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Roboto:wght@400;500;700&display=swap";:root{color-scheme:dark;font-family:Inter,Roboto,sans-serif;--top-rail-height: 102px;--card-min-height: 70px;--card-padding: 10px;--card-radius: 10px;--bg: #0f172a;--bg-soft: rgba(18, 32, 44, .9);--panel: rgba(24, 30, 48, .9);--panel-strong: rgba(18, 22, 40, .96);--line: rgba(255, 255, 255, .05);--glass-blur: 10px;--glass-border: rgba(255, 255, 255, .05);--text: #edf4f7;--muted: #9fb1bf;--accent: #f6b35d;--accent-strong: #ff914d;--teal: #56d6c2;--coral: #ff7d66;--sand: #f3dfbf;--slate: #7f93a7;--shadow: 0 24px 80px rgba(0, 0, 0, .36);--top-group-gap: 6px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:linear-gradient(160deg,#0d1224,#090e1e 60%,#060918);color:var(--text)}button,input{font:inherit}.app-shell,.login-shell,.boot-shell{min-height:100vh}.app-shell{display:flex;flex-direction:column;gap:20px;padding:24px clamp(14px,3vw,28px)}.profile-menu-container{position:relative;align-self:flex-end;margin-bottom:6px;z-index:60}.profile-menu-trigger{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid rgba(148,163,184,.2);border-radius:12px;background:#0f172ab3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text);cursor:pointer;transition:all .2s ease}.profile-menu-trigger:hover{background:#0f172ad9;border-color:#94a3b859;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.profile-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#67ecd733,#f6b35d33);display:flex;align-items:center;justify-content:center;color:var(--teal)}.profile-name{font-size:.9rem;font-weight:600;color:var(--text)}.profile-chevron{color:var(--muted);transition:transform .2s ease}.profile-menu-trigger:hover .profile-chevron{color:var(--text)}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:260px;background:#0f172af2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(148,163,184,.2);border-radius:14px;box-shadow:0 8px 32px #0000004d;overflow:hidden;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-header{display:flex;align-items:center;gap:12px;padding:16px;background:#ffffff05}.profile-avatar-large{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#67ecd740,#f6b35d40);display:flex;align-items:center;justify-content:center;color:var(--teal);flex-shrink:0}.profile-info{display:flex;flex-direction:column;gap:4px;min-width:0}.profile-info strong{font-size:.95rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-info span{font-size:.8rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-dropdown-divider{height:1px;background:#94a3b81f;margin:4px 0}.profile-dropdown-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;color:var(--text);font-size:.9rem;font-weight:500;text-align:left;cursor:pointer;transition:background .15s ease}.profile-dropdown-item:hover{background:#ffffff0d}.profile-dropdown-item.logout-item{color:#ff967f}.profile-dropdown-item.logout-item:hover{background:#ff7d6614}.profile-dropdown-item svg{flex-shrink:0}.top-dashboard-bar,.dashboard-stage,.login-panel,.boot-card{border:1px solid var(--line);border-radius:28px;background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.top-dashboard-bar{position:relative;display:flex;flex-direction:column;gap:16px;padding:14px;align-items:stretch}.top-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-auto-rows:1fr;gap:20px;align-items:stretch}.dashboard-stage{padding:24px;display:flex;flex-direction:column;gap:18px}.stage-header h2,.login-panel h1,.boot-card h1{margin:6px 0 10px;font-family:Inter,Roboto,sans-serif;font-size:clamp(1.7rem,2vw,2.6rem);line-height:1.05}.rail-header p,.stage-header p,.hero-copy p,.countdown-card small,.empty-state p{color:var(--muted);margin:0}.eyebrow,.label,.activity-cell small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem}.top-group{border:1px solid rgba(255,255,255,.08);border-radius:24px;background:#0a141e8f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:var(--card-padding);display:flex;flex-direction:column;gap:var(--top-group-gap);height:100%;box-shadow:0 8px 32px #0000001a}.top-group-actions{display:flex;flex-direction:column;gap:var(--top-group-gap)}.top-group-metrics{display:flex;flex-direction:column;gap:var(--top-group-gap);height:100%}.top-group-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.spotlight-card,.filters-card,.metric-card,.login-card,.boot-card,.empty-state,.notice-banner,.table-shell{border:1px solid var(--line);border-radius:24px;background:var(--panel-strong);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:0 4px 24px #00000014}.countdown-card{display:flex;flex-direction:column;justify-content:space-between;gap:4px;padding:10px 12px;min-height:64px;max-height:none;background:#141a2ef0;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:10px;border:1px solid var(--glass-border);box-shadow:inset 0 0 0 1px #ffffff08}.countdown-card small{text-align:left;padding-left:1px;color:#94a3b8;font-size:.7rem;line-height:1.3;white-space:normal;overflow-wrap:anywhere}.countdown-title{display:inline-flex;align-items:center;gap:4px}.countdown-play-icon{width:12px;height:12px;display:inline-flex;align-items:center;justify-content:center;color:#94a3b8cc}.countdown-play-icon svg{width:12px;height:12px}.countdown-card.is-active{background:linear-gradient(135deg,#f6b35d2e,#ff914d14),var(--panel-strong)}.countdown-card.is-paused{background:linear-gradient(180deg,#242d38f2,#181f28f2);border-color:#ffffff1a}.countdown-header-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.countdown-card strong{font-family:Inter,Roboto,sans-serif;font-size:clamp(1.2rem,2vw,1.5rem);font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:.02em}.countdown-main-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.countdown-sparkline{width:58px;height:18px;opacity:.7}.countdown-sparkline polyline{fill:none;stroke:#94a3b8cc;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mass-send-toggle{border:1px solid rgba(148,163,184,.2);border-radius:999px;background:#ffffff0d;color:var(--text);min-height:36px;padding:6px 12px;display:inline-flex;align-items:center;gap:10px;cursor:pointer;flex:0 0 auto}.mass-send-toggle:disabled{cursor:wait;opacity:.78}.mass-send-toggle.enabled{border-color:#56d6c247;background:#56d6c21a;color:#d8fff8}.mass-send-toggle.disabled{border-color:#ff7d6647;background:#ff7d6614;color:#ffd9d2}.mass-send-toggle>span:last-child{min-width:72px;text-align:center;font-size:.78rem;font-weight:600}.mass-send-toggle-track{width:42px;height:22px;border-radius:999px;background:#94a3b84d;position:relative;flex:0 0 auto}.mass-send-toggle.enabled .mass-send-toggle-track{background:#56d6c275}.mass-send-toggle.disabled .mass-send-toggle-track{background:#ff7d6666}.mass-send-toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .16s ease}.mass-send-toggle.enabled .mass-send-toggle-thumb{transform:translate(20px)}.countdown-progress-bar{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff14;border-radius:0 0 12px 12px;overflow:hidden}.countdown-progress-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#f97316);transition:width .5s ease;box-shadow:0 0 8px #f59e0b99}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.summary-grid-interactive{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(var(--card-min-height),1fr));gap:var(--top-group-gap);align-items:stretch;flex:1}.metric-card{position:relative;padding:16px;min-height:85px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;text-align:left;cursor:pointer;border-radius:12px;border:1px solid var(--glass-border);background:linear-gradient(180deg,#1a1f2ef7,#101526f7);box-shadow:inset 0 0 0 1px #ffffff08;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;height:100%;overflow:hidden}.metric-card strong{order:-1;font-size:3.2rem;line-height:.95;font-family:Inter,Roboto,sans-serif;font-weight:950;margin-bottom:4px;display:flex;align-items:center;color:var(--text);letter-spacing:-.02em}.metric-value-skeleton{width:62%;height:38px;border-radius:10px;background:linear-gradient(90deg,#94a3b81f 25%,#94a3b847,#94a3b81f 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.metric-card-label{font-size:.7rem;color:#ffffff8c;line-height:1.3;letter-spacing:.01em;text-transform:none;white-space:normal;overflow-wrap:anywhere;max-width:100%;display:inline-flex;align-items:center;gap:4px;font-weight:500}.metric-card.active{border-color:#f6b35d6b;transform:translateY(-1px);box-shadow:0 8px 22px #f6b35d1f,inset 0 0 0 1px #f6b35d33}.metric-card:hover{border-color:#fff3;background:linear-gradient(180deg,#20263afa,#161b2efa)}.metric-card.tone-amber strong,.due-amber{color:#f59e0b}:is(.metric-card.tone-amber strong,.due-amber) .metric-card__icon-badge{position:absolute;top:11px;right:11px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);opacity:.55;transition:opacity .2s ease;pointer-events:none}:is(.metric-card.tone-amber strong,.due-amber) .metric-card__icon-badge svg{width:13px;height:13px}:is(.metric-card.tone-amber strong,.due-amber) .metric-card:hover .metric-card__icon-badge,:is(.metric-card.tone-amber strong,.due-amber) .metric-card.active .metric-card__icon-badge{opacity:1}:is(.metric-card.tone-amber strong,.due-amber) .metric-card.tone-amber .metric-card__icon-badge{color:#f59e0b;border-color:#f59e0b33}:is(.metric-card.tone-amber strong,.due-amber) .metric-card.tone-coral .metric-card__icon-badge{color:#ef4444;border-color:#ef444433}:is(.metric-card.tone-amber strong,.due-amber) .metric-card.tone-teal .metric-card__icon-badge{color:#22c55e;border-color:#22c55e33}:is(.metric-card.tone-amber strong,.due-amber) .metric-card.tone-sand .metric-card__icon-badge{color:#93c5fd;border-color:#93c5fd33}:is(.metric-card.tone-amber strong,.due-amber) .metric-card.tone-slate .metric-card__icon-badge{color:#94a3b8;border-color:#94a3b833}.metric-card.tone-coral strong,.due-coral{color:#ef4444}.metric-card.tone-teal strong{color:#22c55e}.metric-card.tone-sand strong,.due-teal{color:#54e5b8}.metric-card.tone-sand strong{color:#f0f9ff}.metric-card.tone-slate strong,.due-slate{color:#e1e7ed}.filters-card,.login-card{padding:14px 16px;display:flex;flex-direction:column;gap:14px}.top-filters-card{justify-content:flex-start}.top-dashboard-actions{display:flex;gap:12px;justify-content:flex-start}.top-dashboard-actions-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(var(--card-min-height),1fr);gap:var(--top-group-gap);align-items:stretch}.top-dashboard-actions-grid>*{grid-column:span 2;height:100%;display:flex}.top-dashboard-actions-grid>:nth-child(1){grid-column:span 6}.top-dashboard-actions-grid>:nth-child(5),.top-dashboard-actions-grid>:nth-child(6),.top-dashboard-actions-grid>:nth-child(7),.top-dashboard-actions-grid>:nth-child(8){grid-column:span 3}.filters-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.compact-chip-group{min-width:0}.ordering-group{position:relative;z-index:0}.search-form,.inline-field,.login-card>div{display:flex;flex-direction:column;gap:8px}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{width:100%;padding-right:48px}.password-toggle{position:absolute;right:12px;background:transparent;border:none;color:var(--muted);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;transition:color .2s ease;border-radius:6px}.password-toggle:hover{color:var(--text);background:#ffffff0d}.password-toggle:focus{outline:2px solid var(--accent);outline-offset:2px}.status-badge{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#0e192399;border:1px solid rgba(86,214,194,.3);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status-pulse{width:10px;height:10px;background:#56d6c2;border-radius:50%;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 8px #56d6c299}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8}}.search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.search-form-inline{gap:10px}.search-form-toolbar{flex:1 1 480px;width:auto;min-width:360px;max-width:520px}.search-row-single-line{display:flex;width:100%;align-items:center;gap:10px}.search-input-shell{flex:1 1 auto;flex-grow:1;width:auto;min-width:0;position:relative}.search-input-shell:before{content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;pointer-events:none;opacity:.6}.search-input-compact{width:100%;min-width:0;height:40px;padding-left:42px;border-radius:10px;background:#0f172a99;border:1px solid rgba(255,255,255,.1);color:var(--text);font-size:.8125rem;transition:all .2s ease}.search-input-compact:focus{background:#0f172acc;border-color:#22d3ee80;box-shadow:0 0 0 3px #22d3ee26;outline:none}.search-input-compact::placeholder{color:#94a3b899}.filters-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.filters-toolbar-group.segmented-control{display:flex;gap:0;background:#1e293b66;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:2px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.filters-toolbar-group.segmented-control .filter-chip{border:none;background:transparent;border-radius:8px;min-width:88px;height:40px;transition:all .25s ease;font-size:.8125rem}.filters-toolbar-group.segmented-control:has(.filter-chip.active) .filter-chip:not(.active){opacity:.42;transition:opacity .2s ease}.filters-toolbar-group.segmented-control .filter-chip:not(.active):hover{opacity:.8}.filters-toolbar-group.segmented-control .filter-chip.active{background:#334155;border:1px solid rgba(34,211,238,.5);box-shadow:0 0 18px #22d3ee40,0 2px 8px #00000059,inset 0 1px #ffffff1f;color:#cffafef2}.filters-toolbar-group{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.filters-toolbar-group .filter-chip{height:40px;min-height:40px;min-width:110px;justify-content:center;display:inline-flex;align-items:center;border-radius:10px;padding:0 14px;font-size:.8125rem}.filters-toolbar .toolbar-button-compact{height:40px;min-height:40px;border-radius:10px;padding:0 16px;font-size:.8125rem;font-weight:600}.filters-toolbar .filter-chip,.filters-toolbar .toolbar-button{white-space:nowrap}.clear-filters-button{height:40px;min-height:40px;padding:0 12px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#94a3b880;font-size:.75rem;font-weight:400;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.clear-filters-button:hover{background:#ef444414;border-color:#ef444440;color:#f87171d9}.clear-filters-button svg{width:13px;height:13px;opacity:.7}.export-csv-button{height:40px;min-height:40px;padding:0 14px;background:#22c55e1f;border:1px solid rgba(34,197,94,.3);border-radius:10px;color:#86eface6;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:7px}.export-csv-button:hover{background:#22c55e2e;border-color:#22c55e73;color:#86efac;transform:translateY(-1px)}.export-csv-button svg{width:15px;height:15px}.name-cell-wrapper{display:flex;align-items:center;gap:8px;width:100%}.name-cell-wrapper .table-input{flex:1}.urgency-alert{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;color:#fb923c;animation:urgency-pulse 2s ease-in-out infinite}.urgency-alert svg{filter:drop-shadow(0 0 4px rgba(251,146,60,.6))}@keyframes urgency-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.95)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.chip-group{display:flex;flex-direction:column;gap:8px}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.split-row>*{flex:1}.filter-chip,.primary-button,.secondary-button,.ghost-button,.icon-button{border:1px solid transparent;border-radius:16px;padding:10px 14px;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.filter-chip:hover,.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.icon-button:hover{transform:translateY(-1px)}.filter-chip{background:#ffffff0a;color:#cbd7e1b8;border-color:var(--line)}.filter-chip.active{background:#334155;border-color:#22d3ee80;color:#cffafef2;box-shadow:0 0 18px #22d3ee4d,0 2px 8px #0000004d,inset 0 1px #ffffff26}.primary-button{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#10161d;font-weight:800}.secondary-button{background:#56d6c21f;color:var(--teal);border-color:#56d6c238}.ghost-button{margin-top:auto;background:transparent;border-color:var(--line);color:var(--muted)}.toolbar-button{border:1px solid rgba(255,255,255,.1);border-radius:var(--card-radius);padding:var(--card-padding);cursor:pointer;min-height:var(--card-min-height);display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#22313ff5,#121c26f5);color:var(--text);box-shadow:inset 0 0 0 1px #ffffff08;transition:all .2s ease;text-align:center;font-weight:700}.action-tile{flex-direction:column;gap:6px;align-items:center;justify-content:center;padding:16px 18px}.action-tile strong{font-size:.76rem;letter-spacing:.03em;text-transform:uppercase;text-align:center;font-weight:700;line-height:1.3}.action-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:currentColor;flex-shrink:0}.action-icon svg{width:20px;height:20px}.toolbar-button:hover{transform:translateY(-1px);border-color:#fff3;background:linear-gradient(180deg,#2a3a49fa,#182431fa)}.top-dashboard-actions-grid button.toolbar-button:hover{transform:translateY(-1px) scale(1.05);box-shadow:0 10px 20px #f6b35d24,inset 0 0 0 1px #ffffff12}.toolbar-button:focus-visible{outline:2px solid rgba(246,179,93,.6);outline-offset:2px}.toolbar-button-accent{background:transparent;color:#ffc891;border-color:#ff914d9e;font-weight:700;box-shadow:inset 0 0 0 1px #ff914d26}.toolbar-button-accent:hover{background:#ff914d1a;border-color:#ffc16fc7;color:#ffdcb8}.segmented-control{gap:0;padding:3px;border:1px solid rgba(148,163,184,.25);border-radius:12px;background:#0f172a73}.segmented-control .filter-chip{min-width:124px;border-radius:9px;border-color:transparent;background:transparent}.segmented-control .filter-chip.active{background:#38bdf829;border-color:#38bdf873;box-shadow:inset 0 0 0 1px #38bdf838}.toolbar-button-danger{background:linear-gradient(180deg,#581d1df5,#381212f5);color:#ffd9d2;border-color:#ff7d6666}.toolbar-button-danger:hover{border-color:#ff7d66b8;background:linear-gradient(180deg,#6c2424fa,#451717fa)}.whatsapp-status-button{flex-direction:column;gap:6px;align-items:center;justify-content:center;padding:16px 18px}.whatsapp-status-button strong{font-size:.76rem;letter-spacing:.03em;text-transform:uppercase;text-align:center;font-weight:700;line-height:1.3}.whatsapp-status-button.connected{border-color:#56d6c273;background:linear-gradient(180deg,#22313ff5,#121c26f5);color:var(--text);box-shadow:inset 3px 0 #56d6c2f2}.whatsapp-status-button.disconnected{border-color:#ff7d667a;background:linear-gradient(180deg,#602222f5,#3a1515f5);color:#ffe6e0}.sync-status-card{cursor:pointer;flex-direction:column;gap:6px;text-align:left;align-items:flex-start;justify-content:center;max-width:100%;overflow:hidden;min-height:var(--card-min-height);padding:16px 18px;border:1px solid var(--glass-border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.sync-status-card:not(button){pointer-events:none;cursor:default}.sync-status-card>span:first-child{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;line-height:1.3}.sync-status-card strong{font-size:.8rem;letter-spacing:.03em;text-transform:uppercase;width:100%;word-wrap:break-word;font-weight:700;line-height:1.35}.sync-status-card small{color:var(--muted);font-size:.68rem;line-height:1.35;width:100%;word-wrap:break-word;overflow-wrap:break-word}.sync-status-card.success{border-color:#56d6c273;background:linear-gradient(180deg,#22313ff5,#121c26f5);color:var(--text);box-shadow:inset 3px 0 #56d6c2f2}.sync-status-card.error{border-color:#ff7d667a;background:linear-gradient(180deg,#602222f5,#3a1515f5);color:#ffe6e0}.sync-status-card.running{border-color:#f6b35d7a;background:linear-gradient(180deg,#22313ff5,#121c26f5);color:var(--text);box-shadow:inset 3px 0 #f6b35df2;animation:pulse-border 2s ease-in-out infinite}@keyframes pulse-border{0%,to{box-shadow:inset 3px 0 #f6b35df2}50%{box-shadow:inset 3px 0 #f6b35d99}}.sync-status-card.idle{border-color:#9fb1bf59;background:linear-gradient(180deg,#22313ff5,#121c26f5);color:var(--text)}.whatsapp-alert-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#ef44440a;border:1px solid rgba(239,68,68,.2);border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:12px;animation:slide-fade-in .4s ease-out;min-height:42px}@keyframes slide-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.whatsapp-status-indicator{height:4px;width:100%;background:linear-gradient(90deg,#22c55ee6,#10b981e6);border-radius:2px;margin-top:6px;margin-bottom:8px;box-shadow:0 0 12px #22c55e99,0 0 24px #22c55e4d;animation:pulse-glow-green-slow 8s ease-in-out infinite;transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes pulse-glow-green-slow{0%,to{box-shadow:0 0 8px #22c55e66,0 0 16px #22c55e33;opacity:.92;transform:scaleX(1)}50%{box-shadow:0 0 16px #22c55eb3,0 0 32px #22c55e66,0 0 48px #22c55e33;opacity:1;transform:scaleX(1.002)}}@keyframes pulse-glow-green{0%,to{box-shadow:0 0 10px #22c55e80,0 0 20px #22c55e40;opacity:1}50%{box-shadow:0 0 16px #22c55eb3,0 0 32px #22c55e66;opacity:.95}}.whatsapp-alert-banner .alert-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:#fca5a5;flex-shrink:0;animation:pulse-warning 2s ease-in-out infinite}@keyframes pulse-warning{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.whatsapp-alert-banner .alert-icon svg{width:16px;height:16px}.whatsapp-alert-banner .alert-content{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1;min-width:0}.whatsapp-alert-banner .alert-content strong{font-size:.75rem;font-weight:700;color:#fecaca;letter-spacing:.02em;line-height:1.15}.whatsapp-alert-banner .alert-content span{font-size:.66rem;color:#fecacac7;line-height:1.2;white-space:normal;overflow-wrap:anywhere}.whatsapp-alert-banner .alert-button{padding:5px 9px;background:#ffffff08;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fecaca;font-size:.68rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.whatsapp-alert-banner .alert-button:hover{color:#fff;border-color:#ffffff47;background:#ffffff0f}.section-label{display:block;font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;padding-left:2px}.actions-section{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.actions-section.mt-4{margin-top:16px}.quick-actions-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.panels-section{margin-top:18px;margin-bottom:0}.panels-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.panel-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:7px;padding:12px 14px 10px;background:#12182ac2;border:1px solid rgba(255,255,255,.07);border-radius:12px;color:var(--text);cursor:pointer;text-align:left;min-height:82px;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .2s ease,border-color .2s ease,transform .18s ease,box-shadow .2s ease;box-shadow:0 2px 10px #00000040,inset 0 1px #ffffff0a}.panel-card:hover:not(:disabled){background:#ffffff0a;border-color:#ffffff29;transform:translateY(-2px);box-shadow:0 10px 30px #00000052,inset 0 1px #ffffff12}.panel-card:active:not(:disabled){transform:translateY(0) scale(.975);box-shadow:0 2px 8px #00000040;transition-duration:.08s}.panel-card:disabled{opacity:.55;cursor:not-allowed}.panel-card.running,.panel-card.loading{border-color:#f6b35d52;background:#f6b35d0d;animation:panel-running-pulse 2s ease-in-out infinite}@keyframes panel-running-pulse{0%,to{border-color:#f6b35d47}50%{border-color:#f6b35d8c}}.panel-card.success{border-color:#10b98140}.panel-card.error{border-color:#ef44444d}.panel-card.auto-sync{padding-left:18px}.panel-card.auto-sync:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:#10b981;transition:background .3s ease,opacity .3s ease}.panel-card.auto-sync.success:before,.panel-card.auto-sync.idle:before{opacity:0}.panel-card.auto-sync.running:before,.panel-card.auto-sync.loading:before{background:linear-gradient(180deg,#f59e0b,#f97316);animation:left-bar-pulse 1.4s ease-in-out infinite}@keyframes left-bar-pulse{0%,to{opacity:.65}50%{opacity:1}}.panel-card.auto-sync.error:before{background:#ef4444}.panel-card__header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.panel-card__title{display:flex;align-items:center;gap:7px;flex:1;min-width:0}.panel-card__icon{width:15px;height:15px;display:flex;align-items:center;justify-content:center;color:#93c5fd;flex-shrink:0;transition:color .2s ease}.panel-card__icon svg{width:15px;height:15px}.panel-card.running .panel-card__icon,.panel-card.loading .panel-card__icon{animation:spin 1.4s linear infinite;color:#f6b35d}.panel-card:hover:not(:disabled) .panel-card__icon{color:#bfdbfe}.panel-card__name{font-size:.81rem;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}.panel-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:20px;font-size:.59rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;flex-shrink:0;line-height:1.4}.panel-badge.badge-auto{background:#10b98121;color:#34d399;border:1px solid rgba(16,185,129,.25)}.panel-badge.badge-manual{background:#93c5fd1a;color:#93c5fd;border:1px solid rgba(147,197,253,.2)}.panel-card__subtitle{font-size:.66rem;color:#94a3b88c;font-style:italic;line-height:1.3;margin:0;padding-left:22px}.panel-card__footer{display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0}.panel-card__meta{display:inline-flex;align-items:center;gap:4px;font-size:.67rem;color:#9fb1bfb8;white-space:nowrap;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.panel-card__meta svg{flex-shrink:0;opacity:.62}.panel-card__meta.state-hint{font-size:.62rem;color:#94a3b880;font-weight:500}.action-button.manual-sync{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:transparent;border:1px solid var(--glass-border);border-radius:10px;color:var(--text);cursor:pointer;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));transition:all .2s ease;min-height:42px;max-height:42px;text-align:left}.action-button.manual-sync>:first-child{display:flex;align-items:center}.action-name{font-size:.8rem;font-weight:600;color:var(--text);letter-spacing:.01em;flex-shrink:0}.action-separator{color:#9fb1bf66;font-size:.65rem;line-height:1;flex-shrink:0}.action-meta{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;color:#9fb1bfb3;flex-shrink:0;white-space:nowrap}.action-meta.sync-state-display{font-size:.65rem;color:#94a3b899;font-weight:500;letter-spacing:.01em}.action-meta.sync-state-display svg{opacity:.5}.action-meta.empty-state{font-style:italic;color:#8291a5b3}.action-meta svg{flex-shrink:0;opacity:.7}.action-head{display:flex;align-items:center;gap:8px;flex:1}.action-head strong{font-size:.75rem;font-weight:700;color:var(--text);letter-spacing:.02em}.action-button.manual-sync:hover:not(:disabled){background:#ffffff08;border-color:#fff3;transform:translateY(-1px);box-shadow:0 0 0 1px #ffffff14,0 6px 14px #0003}.action-button.manual-sync:disabled{opacity:.6;cursor:not-allowed}.action-button.manual-sync.running{border-color:#f6b35d59;background:#f6b35d14;animation:pulse-glow-subtle 2s ease-in-out infinite}@keyframes pulse-glow-subtle{0%,to{border-color:#f6b35d4d}50%{border-color:#f6b35d80}}.action-button.manual-sync.loading .action-content{gap:6px}.skeleton-line{height:12px;background:linear-gradient(90deg,#94a3b81a 25%,#94a3b833,#94a3b81a 75%);background-size:200% 100%;border-radius:6px;animation:skeleton-shimmer 1.5s ease-in-out infinite}.skeleton-title{width:70%;height:14px}.skeleton-subtitle{width:85%;height:10px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.action-footer{display:flex;flex-direction:row;align-items:center;gap:8px;flex-shrink:0}.footer-item{display:flex;align-items:center;gap:4px;font-size:.65rem;color:#94a3b8;line-height:1;white-space:nowrap}.footer-item svg{width:10px;height:10px;flex-shrink:0;opacity:.8;position:relative;top:0}@keyframes pulse-glow{0%,to{box-shadow:0 0 #f6b35d66}50%{box-shadow:0 0 16px 2px #f6b35d33}}.action-button.manual-sync.success{border-color:#56d6c266;background:linear-gradient(135deg,#56d6c214,#10b9810a)}.action-button.manual-sync.error{border-color:#ff7d6673;background:linear-gradient(135deg,#ff7d661f,#ef44440f)}.action-button .sync-icon{width:14px;height:14px;display:flex;align-items:center;justify-content:center;color:#93c5fd;flex-shrink:0}.action-button .sync-icon svg{width:14px;height:14px}.action-button.manual-sync.running .sync-icon{animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-section{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.status-indicators{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.status-indicator{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:8px 10px;background:#1e293b66;border:1px solid var(--glass-border);border-radius:10px;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));transition:all .2s ease;min-height:72px;overflow:visible}.status-indicator:hover{background:#1e293b80;border-color:#fff3;transform:translateY(-2px);box-shadow:inset 0 0 0 1px #ffffff14,0 8px 18px #00000038}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px currentColor;margin-top:2px}.status-dot.success{background:#10b981;box-shadow:0 0 0 2px #10b98126,0 0 14px #10b981a6;animation:live-pulse-slow 3.5s ease-in-out infinite}@keyframes live-pulse{0%,to{transform:scale(1);box-shadow:0 0 0 2px #10b98124,0 0 10px #10b98173}50%{transform:scale(1.15);box-shadow:0 0 0 3px #10b98133,0 0 18px #10b981bf}}@keyframes live-pulse-slow{0%,to{transform:scale(1);box-shadow:0 0 0 2px #10b9812e,0 0 12px #10b98180;opacity:1}50%{transform:scale(1.2);box-shadow:0 0 0 4px #10b98140,0 0 24px #10b981d9;opacity:1}}.status-dot.running{background:#f59e0b;box-shadow:0 0 12px #f59e0b99;animation:pulse-dot 1.5s ease-in-out infinite}.status-dot.running{animation:pulse-dot 1.5s ease-in-out infinite,pulse-scale 2s ease-in-out infinite}@keyframes pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.status-dot.error{background:#ef4444;box-shadow:0 0 12px #ef444499}.status-dot.idle{background:#64748b;box-shadow:none;animation:idle-pulse 3s ease-in-out infinite}@keyframes idle-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}.status-line{display:flex;align-items:center;gap:8px;min-width:0}.status-name strong{font-size:.8rem;font-weight:600;color:var(--text);letter-spacing:.01em}.status-subtitle{font-size:.7rem;color:#94a3b8;line-height:1.5;font-style:italic;margin:0}.status-meta-row{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0}.status-count{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;color:#94a3b8;line-height:1.4;margin:0}.status-count svg{opacity:.7;flex-shrink:0}.status-detail{font-size:.7rem;color:#94a3b8;line-height:1.6;white-space:normal;overflow:hidden;text-overflow:clip;margin:0;overflow-wrap:anywhere}.status-detail.empty-state{font-style:italic;color:#8291a5;opacity:1}.utility-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cta-primary{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:0 16px;background:linear-gradient(135deg,#6366f1,#8b5cf6 60%,#a855f7);border:1px solid rgba(139,92,246,.35);border-radius:10px;color:#fff;font-weight:700;cursor:pointer;transition:all .2s ease;height:40px;box-shadow:0 4px 16px #6366f159,inset 0 1px #ffffff26}.cta-primary:hover{background:linear-gradient(135deg,#818cf8,#a78bfa 60%,#c084fc);border-color:#a78bfa80;transform:translateY(-2px);box-shadow:0 8px 28px #6366f180,inset 0 1px #fff3;filter:brightness(1.03)}.cta-primary .action-icon{width:20px;height:20px;color:#fff}.cta-primary .action-icon svg{width:20px;height:20px;stroke-width:2.5}.cta-primary strong{font-size:.75rem;letter-spacing:.03em;text-transform:uppercase;text-align:center;line-height:1}.action-button-secondary{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:0 16px;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:var(--text);font-weight:600;cursor:pointer;transition:all .2s ease;height:40px}.mt-4{margin-top:16px}.pb-6{padding-bottom:24px}.flex-col{display:flex;flex-direction:column}.gap-y-2{row-gap:8px}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-4{gap:16px}.h-14{height:56px}.active\:scale-95:active{transform:scale(.95)}.inline-tooltip{position:relative;display:inline-block;cursor:help}.inline-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);min-width:180px;max-width:240px;padding:7px 9px;border-radius:7px;border:1px solid rgba(148,163,184,.2);background:#0f172af5;color:#ecf3f8f2;font-size:.68rem;line-height:1.45;opacity:0;pointer-events:none;z-index:1200;transition:opacity .15s ease}.inline-tooltip:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#0f172af5;opacity:0;pointer-events:none;z-index:1199;transition:opacity .15s ease}.inline-tooltip:hover:after,.inline-tooltip:focus-visible:after,.inline-tooltip:hover:before,.inline-tooltip:focus-visible:before{opacity:1}.action-button-secondary:hover{background:transparent;border-color:#ffffff4d;transform:translateY(-1px)}.action-button-secondary .action-icon{width:18px;height:18px;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#94a3b824;opacity:.82}.utility-actions .action-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:999px}.action-button-secondary:hover .action-icon{color:var(--text);opacity:1}.action-button-secondary .action-icon svg{width:18px;height:18px;opacity:.9}.action-button-secondary strong{font-size:.75rem;letter-spacing:.03em;text-transform:uppercase;text-align:center;line-height:1;color:var(--muted)}.action-button-secondary:hover strong{color:var(--text)}*{scrollbar-width:thin;scrollbar-color:rgba(100,116,139,.7) rgba(15,23,42,.72)}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-track{background:#0f172ab8}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#475569e6,#334155e6);border-radius:10px;border:2px solid rgba(15,23,42,.72)}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#64748bf2,#475569f2)}.toolbar-button-compact{min-height:48px;padding:10px 16px}.search-row-single-line .toolbar-button,.search-row-single-line .filter-chip{min-height:48px}.top-search-card{gap:0}.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#f6b35d1f;color:var(--sand);border-color:#f6b35d4d}.whatsapp-icon{width:16px;height:16px;flex:0 0 auto}input{width:100%;border:1px solid rgba(148,163,184,.2);border-radius:10px;background:#ffffff0d;color:var(--text);padding:8px 12px;min-height:36px;height:36px;font-size:.8rem}input:focus{outline:2px solid rgba(246,179,93,.32);border-color:#f6b35d6b}.stage-header{display:flex;align-items:end;justify-content:space-between;gap:18px;padding-bottom:4px}.table-shell{padding:18px;background:#08101866;border:1px solid var(--glass-border);border-radius:16px;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:0 8px 32px #0000001f}.customer-table{width:100%;min-width:1220px;border-collapse:separate;border-spacing:0}.customer-table thead th{position:sticky;top:0;z-index:3;padding:10px 14px;background:#081018f5;color:var(--muted);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;text-align:left;border-bottom:1px solid rgba(148,163,184,.16)}.customer-table tbody td{padding:8px 12px;vertical-align:middle;border-bottom:1px solid rgba(148,163,184,.08)}.customer-row{background:#ffffff03;transition:background .15s ease;animation:tableRowFadeIn .4s ease backwards;border-left:4px solid rgba(34,197,94,.6)}.customer-row:nth-child(odd){background:#ffffff04}.customer-row:nth-child(2n){background:#94a3b80d}.customer-row:nth-child(1){animation-delay:.05s}.customer-row:nth-child(2){animation-delay:.1s}.customer-row:nth-child(3){animation-delay:.15s}.customer-row:nth-child(4){animation-delay:.2s}.customer-row:nth-child(5){animation-delay:.25s}.customer-row:nth-child(6){animation-delay:.3s}.customer-row:nth-child(7){animation-delay:.35s}.customer-row:nth-child(8){animation-delay:.4s}.customer-row:nth-child(9){animation-delay:.45s}.customer-row:nth-child(10){animation-delay:.5s}@keyframes tableRowFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.customer-row:hover{background:#ffffff0a}.customer-row.tone-amber{background:#f6b35d0a;border-left-color:#fb923ccc}.customer-row.tone-amber:hover{background:#f6b35d14}.customer-row.tone-coral{background:#ff7d660a;border-left-color:#ef4444d9}.customer-row.tone-coral:hover{background:#ff7d6614}.deleted-customer-row td:first-child{border-left-color:#ff7d66b8}.deleted-stage .table-shell{overflow-x:auto}.deleted-customers-table{min-width:860px}.customer-row td:first-child{border-left:4px solid var(--slate)}.customer-row.tone-coral td:first-child{border-left-color:var(--coral)}.customer-row.tone-amber td:first-child{border-left-color:var(--accent)}.customer-row.tone-teal td:first-child{border-left-color:var(--teal)}.identity-cell,.activity-cell,.due-cell,.row-actions,.source-data-cell{display:flex;flex-direction:column;gap:4px}.identity-cell{gap:6px}.identity-cell strong,.empty-state h3{margin:0;font-size:.95rem;font-weight:600}.identity-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.identity-cell span,.identity-meta span{color:var(--muted);font-size:.72rem;font-weight:500}.identity-cell small{color:#d7e0e7;letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:600}.table-input{width:100%;min-height:32px;padding:6px 8px;background:transparent;border:none;border-bottom:1px solid rgba(148,163,184,.15);border-radius:0;color:var(--text);font-size:.88rem;font-family:inherit;transition:border-color .2s ease,background .2s ease}.table-input:focus{outline:none;background:#ffffff08;border-bottom-color:#67ecd780}.table-input::placeholder{color:#94a3b866;font-size:.84rem}.due-display{display:flex;align-items:center;gap:8px}.due-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.due-status-dot.due-coral{background:var(--coral);box-shadow:0 0 8px #ff967f66}.due-status-dot.due-amber{background:var(--accent);box-shadow:0 0 8px #f6b35d66}.due-status-dot.due-teal{background:var(--teal);box-shadow:0 0 8px #67ecd766}.due-status-dot.due-slate{background:var(--slate);box-shadow:0 0 6px #94a3b84d}.due-display strong{font-size:.92rem;font-weight:600;color:var(--text)}.due-label-compact{font-size:.72rem;color:var(--muted);font-weight:500}.icon-button-compact{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:6px;border:1px solid rgba(148,163,184,.2);border-radius:6px;background:#ffffff05;color:var(--muted);cursor:pointer;transition:all .2s ease}.icon-button-compact:hover:not(:disabled){background:#ffffff0f;border-color:#67ecd766;color:var(--teal)}.icon-button-compact:disabled{opacity:.4;cursor:not-allowed}.inline-field{min-width:160px;gap:4px}.source-data-cell{min-width:180px;flex-direction:row;flex-wrap:nowrap;gap:6px;align-items:center}.source-badge-card{display:flex;align-items:center;justify-content:center;min-height:30px;min-width:0;padding:5px 8px;border-radius:999px;border:1px solid rgba(148,163,184,.16);background:#ffffff08;flex:1 1 0}.source-badge-card span{font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;white-space:nowrap}.source-badge-card.extracted{border-color:#56d6c23d;background:#56d6c214}.source-badge-card.extracted small{color:var(--teal)}.source-badge-card.manual{border-color:#f6b35d47;background:#f6b35d14}.source-badge-card.manual small{color:var(--sand)}.source-badge-card.extracted{box-shadow:inset 0 0 0 1px #56d6c20f}.source-badge-card.manual{box-shadow:inset 0 0 0 1px #f6b35d0f}.due-cell{gap:6px}.activity-cell strong{font-size:.88rem;font-weight:500}.activity-cell small{font-size:.72rem;color:var(--muted)}.override-list{display:flex;flex-wrap:wrap;gap:8px}.override-chip{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 9px;border-radius:999px;background:#f6b35d24;border:1px solid rgba(246,179,93,.24);color:var(--sand);font-size:.78rem;letter-spacing:.05em;text-transform:uppercase}.override-empty-card{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 12px;border-radius:14px;background:#94a3b814;border:1px solid rgba(148,163,184,.16);color:var(--slate);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;text-align:center}.inline-field-label strong{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.inline-field input{min-height:36px;padding:8px 10px}.row-actions{min-width:128px}.row-actions-icons{flex-direction:row;gap:8px;align-items:center;justify-content:flex-start}.action-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:8px;border:1px solid rgba(148,163,184,.18);border-radius:7px;background:#ffffff05;color:var(--muted);cursor:pointer;transition:all .2s ease}.action-icon:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.action-icon.save-icon:hover:not(:disabled){background:#67ecd71f;border-color:#67ecd766;color:var(--teal)}.action-icon.whatsapp-icon:hover:not(:disabled){background:#25d3661f;border-color:#25d36666;color:#25d366}.action-icon.delete-icon:hover:not(:disabled){background:#ff7d661f;border-color:#ff7d6666;color:#ff967f}.action-icon:disabled{opacity:.3;cursor:not-allowed}.action-icon[title]:hover:before{content:attr(title);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:6px 10px;background:#0f172af2;color:var(--text);font-size:.75rem;font-weight:500;white-space:nowrap;border-radius:6px;border:1px solid rgba(148,163,184,.2);box-shadow:0 4px 12px #0000004d;pointer-events:none;z-index:1000;animation:tooltipFadeIn .15s ease}.action-icon[title]:hover:after{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#0f172af2;pointer-events:none;z-index:999;animation:tooltipFadeIn .15s ease}.icon-button-compact[title]:hover:before{content:attr(title);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:6px 10px;background:#0f172af2;color:var(--text);font-size:.75rem;font-weight:500;white-space:nowrap;border-radius:6px;border:1px solid rgba(148,163,184,.2);box-shadow:0 4px 12px #0000004d;pointer-events:none;z-index:1000;animation:tooltipFadeIn .15s ease}.icon-button-compact[title]:hover:after{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#0f172af2;pointer-events:none;z-index:999;animation:tooltipFadeIn .15s ease}.row-actions .secondary-button,.row-actions .icon-button,.row-actions .danger-button{width:100%;padding:10px 12px}.danger-button{border:1px solid rgba(255,125,102,.34);border-radius:16px;min-height:44px;padding:10px 14px;background:#ff7d661f;color:#ffd9d2;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .16s ease,background .16s ease,border-color .16s ease}.danger-button:hover:not(:disabled){transform:translateY(-1px);background:#ff7d662e;border-color:#ff7d668f}.danger-button:disabled{cursor:not-allowed;opacity:.72}.muted-text{color:var(--muted)}.modal-overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:24px;background:#040a10b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.message-modal{width:min(1100px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid var(--line);border-radius:28px;background:var(--panel);box-shadow:var(--shadow);padding:20px;display:flex;flex-direction:column;gap:18px}.message-modal-header,.message-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.message-modal-header h2{margin:4px 0 0;font-family:Inter,Roboto,sans-serif}.message-modal-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:18px}.template-tabs{display:flex;gap:10px}.template-tab-button{border:1px solid rgba(148,163,184,.26);border-radius:999px;background:#0f172a8c;color:var(--text-muted, #cbd5e1);padding:8px 14px;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s ease}.template-tab-button.active{border-color:#22d3ee99;color:#ecfeff;background:#22d3ee2e;box-shadow:0 0 0 1px #22d3ee38}.template-tab-button:hover{transform:translateY(-1px)}.message-editor-panel,.message-preview-panel,.variables-panel,.preview-plain-text,.whatsapp-preview{border:1px solid rgba(148,163,184,.16);border-radius:20px;background:#ffffff08}.message-editor-panel,.message-preview-panel{padding:16px;display:flex;flex-direction:column;gap:14px}.message-editor-label{display:flex;flex-direction:column;gap:8px}.message-editor-label span,.preview-meta small,.variables-panel strong,.preview-plain-text strong{color:var(--muted)}.message-editor-label textarea{width:100%;resize:vertical;min-height:220px;border:1px solid rgba(148,163,184,.2);border-radius:18px;background:#ffffff0d;color:var(--text);padding:14px 16px;font:inherit}.message-editor-label textarea:focus{outline:2px solid rgba(246,179,93,.32);border-color:#f6b35d6b}.manual-customer-modal{width:min(720px,100%)}.delete-customer-modal{width:min(520px,100%)}.manual-customer-form{display:flex;flex-direction:column;gap:18px}.delete-customer-body{display:flex;flex-direction:column;gap:14px;padding:4px 0}.delete-customer-body p{margin:0;color:var(--text);line-height:1.5}.delete-customer-meta{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,125,102,.18);background:#ff7d6614;color:#ffd9d2}.whatsapp-modal{width:min(560px,100%)}.whatsapp-modal-body{display:flex;flex-direction:column;gap:14px;padding:4px 2px}.whatsapp-connection-pill{width:fit-content;border-radius:999px;padding:8px 12px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid transparent}.whatsapp-connection-pill.connected{border-color:#56d6c273;background:#56d6c229;color:#d7fff7}.whatsapp-connection-pill.disconnected{border-color:#ff7d6673;background:#ff7d6624;color:#ffe0da}.whatsapp-qr-wrapper{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.whatsapp-qr-image{width:min(320px,100%);border-radius:16px;border:1px solid rgba(148,163,184,.25);background:#fff;padding:8px}.whatsapp-error-text{margin:0;color:#ffd9d2;font-size:.9rem}.manual-customer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.manual-customer-grid .message-editor-label:last-child{grid-column:1 / -1}.variables-panel,.preview-plain-text,.whatsapp-preview{padding:14px}.variables-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.variables-mapping{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.variable-map-item{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(148,163,184,.12)}.variable-map-item strong{color:var(--sand);font-size:.8rem}.variable-map-item span{color:var(--muted);font-size:.76rem}.variables-help{display:block;margin-top:10px;color:var(--muted);line-height:1.4}.variable-chip{border-radius:999px;padding:6px 10px;background:#56d6c21a;border:1px solid rgba(86,214,194,.18);color:var(--teal);font-size:.76rem}.preview-meta{display:flex;flex-direction:column;gap:4px}.whatsapp-preview{background:linear-gradient(180deg,#0e1f28eb,#0d1c25eb),#10242f}.whatsapp-bubble{padding:10px 12px;border-radius:14px 14px 4px;background:#1e3932;color:#effaf4;line-height:1.45;white-space:pre-wrap}.preview-plain-text pre{margin:10px 0 0;white-space:pre-wrap;word-break:break-word;font:inherit;color:var(--text)}.notice-banner,.empty-state,.login-card,.boot-card{padding:18px}.notice-banner.success{border-color:#56d6c257;color:var(--teal)}.notice-banner.error{border-color:#ff7d6657;color:#ffc8bf}.login-shell,.boot-shell{display:grid;place-items:center;padding:32px;position:relative;background:radial-gradient(1000px 420px at 15% 10%,rgba(58,78,106,.24),transparent 55%),radial-gradient(900px 380px at 90% 80%,rgba(95,76,54,.16),transparent 55%),linear-gradient(160deg,#111827,#0f172a 56%,#0b1322)}.login-footer{position:fixed;bottom:24px;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:400;letter-spacing:.02em;color:#6b7280;text-align:center;z-index:10}.login-panel{--login-radius: 18px;width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,420px);align-items:stretch;gap:28px;padding:34px;border-radius:26px;border:1px solid rgba(148,163,184,.16);background:#141c2ac2;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.hero-copy{padding:38px;display:flex;flex-direction:column;justify-content:space-between;min-height:460px;background:radial-gradient(circle at 18% 18%,rgba(78,130,178,.18),transparent 34%),radial-gradient(circle at 80% 20%,rgba(249,115,22,.12),transparent 24%),linear-gradient(180deg,#25303fe0,#161e2ce0);border-radius:var(--login-radius);border:1px solid rgba(148,163,184,.14)}.brand-heading{display:flex;align-items:flex-start;gap:14px}.brand-mark{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:#fb923c;background:#fb923c1a;border:1px solid rgba(251,146,60,.24);flex:0 0 auto}.brand-mark svg{width:22px;height:22px}.brand-heading h1{margin:1px 0 10px;color:#f8fafc;font-size:clamp(2rem,2.6vw,2.9rem);line-height:1.05;letter-spacing:-.02em;font-weight:700}.brand-heading p{margin:0;max-width:44ch;color:#cbd5e1d1;font-size:1.02rem;line-height:1.7;font-weight:400}.feature-cards{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px}.feature-card{border:1px solid rgba(148,163,184,.16);border-radius:12px;padding:12px 14px;background:#0f172a61;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:translateY(0) scale(1);transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease,background .26s ease}.feature-card:hover{border-color:#60a5fa66;background:#0f172a80;box-shadow:0 10px 24px #2563eb24,0 0 0 1px #60a5fa2e;transform:translateY(-2px) scale(1.01)}.feature-card h3{margin:0 0 5px;font-size:.84rem;color:#fff;font-weight:650;letter-spacing:.015em}.feature-card p{margin:0;color:#a0aec0;font-size:.77rem;line-height:1.45;font-weight:450}.accent-word{color:#f6b35d;font-weight:600}.login-card{padding:38px;min-height:460px;border-radius:var(--login-radius);border:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg,#29323fe6,#1a222ee6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;justify-content:center;gap:18px}.login-card>div{gap:0}.login-card input{height:56px;min-height:56px;border-radius:14px;border:1px solid rgba(148,163,184,.2);background:#0f172a85;color:#e2e8f0;padding:0 18px;font-size:.93rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.login-card input::placeholder{color:#94a3b8b8}.login-card input:focus{outline:none;border-color:#fb923c70;box-shadow:0 0 0 3px #fb923c1f}.login-card input:hover{border-color:#94a3b85c;transform:translateY(-1px)}.login-card input.invalid{border-color:#f87171d6;box-shadow:0 0 0 3px #f8717121}.login-field-error{display:block;min-height:16px;margin-top:6px;font-size:.76rem;line-height:1.3;color:#fca5a5}.password-input-wrapper input{padding-right:56px}.password-toggle{right:12px;color:#fb923c}.password-toggle:hover{color:#fdba74;background:#fb923c1f}.login-submit-button{height:56px;border:1px solid rgba(148,163,184,.24);border-radius:14px;padding:0 18px;cursor:pointer;color:#e2e8f0;font-weight:700;letter-spacing:.02em;background:linear-gradient(135deg,#3b82f657,#6366f142);transition:all .28s ease;position:relative;overflow:hidden}.login-submit-button:before{content:"";position:absolute;top:0;left:-130%;width:42%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.25),transparent);transition:left .55s ease}.login-submit-button:hover:not(:disabled){transform:translateY(-1px);border-color:#94a3b861;background:linear-gradient(135deg,#3b82f66b,#6366f157);box-shadow:0 10px 26px #1e40af47}.login-submit-button:hover:not(:disabled):before{left:130%}.login-submit-button:disabled{opacity:.75;cursor:wait}.login-submit-spinner{width:16px;height:16px;border-radius:999px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;display:none;animation:login-spin .8s linear infinite;margin-left:10px;vertical-align:middle}.login-submit-button.is-loading .login-submit-spinner{display:inline-block}@keyframes login-spin{to{transform:rotate(360deg)}}.compliance-note{margin:-2px 0 2px;font-size:.74rem;line-height:1.45;color:#a0aec0}.status-badge{width:fit-content;margin:0 auto;padding:8px 14px;border-radius:999px;border:1px solid rgba(34,197,94,.28);background:#16a34a1a;gap:8px}.status-badge span:last-child{font-size:.78rem;color:#dcfce7e6;font-weight:500;letter-spacing:.01em}.status-pulse{width:8px;height:8px;background:#22c55e;box-shadow:0 0 #22c55e8c;animation:pulse-green-dot 1.9s ease-in-out infinite}@keyframes pulse-green-dot{0%{box-shadow:0 0 #22c55e8c}70%{box-shadow:0 0 0 9px #22c55e00}to{box-shadow:0 0 #22c55e00}}.page-enter .hero-copy,.page-enter .login-card{opacity:0;transform:translateY(10px);animation:login-enter-up .62s ease forwards}.page-enter .login-card{animation-delay:.12s}.page-enter .feature-card{opacity:0;transform:translateY(8px);animation:login-enter-up .58s ease forwards}.page-enter .feature-card:nth-child(1){animation-delay:.16s}.page-enter .feature-card:nth-child(2){animation-delay:.24s}.page-enter .feature-card:nth-child(3){animation-delay:.32s}@keyframes login-enter-up{to{opacity:1;transform:translateY(0)}}.boot-card{width:min(520px,100%)}@media(max-width:1100px){.top-dashboard-grid,.summary-grid-interactive,.message-modal-content{grid-template-columns:1fr}.top-dashboard-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(74px,auto)}.top-dashboard-actions-grid>*{grid-column:span 1}.manual-customer-grid{grid-template-columns:1fr}.manual-customer-grid .message-editor-label:last-child{grid-column:auto}.variables-mapping{grid-template-columns:1fr}.stage-header,.title-row,.login-panel{grid-template-columns:1fr;display:grid}.login-panel{padding:20px;gap:18px}.hero-copy,.login-card{padding:24px}.brand-heading h1{font-size:clamp(1.6rem,7vw,2.2rem)}.login-panel,.hero-copy,.login-card{min-height:unset}.stage-header{align-items:start}}@media(max-width:860px){.session-close-button{top:14px;right:14px;width:30px;height:30px;padding:6px}.summary-grid-interactive,.top-dashboard-actions-grid{grid-template-columns:1fr}.summary-grid,.login-panel{padding:18px}.filters-toolbar{gap:8px}.search-row-single-line{grid-template-columns:1fr}.hero-copy{min-height:auto}.search-row{grid-template-columns:1fr}}.checkbox-column{width:48px;padding:8px 12px!important;text-align:center}.table-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--teal);border-radius:4px;transition:transform .15s ease}.table-checkbox:hover{transform:scale(1.15)}.header-checkbox{width:18px;height:18px}.customer-row.is-selected{background:#67ecd70f;border-left-color:var(--teal)!important}.customer-row.is-selected:hover{background:#67ecd714}.action-icon[title]:hover:before,.icon-button-compact[title]:hover:before{content:attr(title);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:6px 10px;background:#0f172af2;color:var(--text);font-size:.75rem;font-weight:500;white-space:nowrap;border-radius:6px;border:1px solid rgba(148,163,184,.2);box-shadow:0 4px 12px #0000004d;pointer-events:none;z-index:1000;animation:tooltipFadeIn .15s ease}.action-icon[title]:hover:after,.icon-button-compact[title]:hover:after{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#0f172af2;pointer-events:none;z-index:999;animation:tooltipFadeIn .15s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.skeleton-container{padding:12px 0}.skeleton-table{display:flex;flex-direction:column;gap:8px}.skeleton-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#ffffff05;border-radius:8px;border-left:4px solid rgba(148,163,184,.15)}.skeleton-checkbox{width:18px;height:18px;background:#94a3b81f;border-radius:4px;animation:skeletonPulse 1.5s ease-in-out infinite}.skeleton-cell{height:16px;flex:1;background:#94a3b81f;border-radius:6px;animation:skeletonPulse 1.5s ease-in-out infinite}.skeleton-cell-wide{flex:2}.skeleton-cell-small{flex:.6}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.4}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 24px;text-align:center}.empty-state-icon{color:var(--muted);opacity:.5;animation:emptyStateFloat 3s ease-in-out infinite}@keyframes emptyStateFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.empty-state h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text)}.empty-state p{margin:0;font-size:.95rem;color:var(--muted);max-width:420px}.empty-state-hint{padding:12px 18px;background:#f6b35d14;border:1px solid rgba(246,179,93,.2);border-radius:10px;font-size:.88rem;color:var(--sand);font-weight:500}.toast-container{position:fixed;top:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:12px;background:#0f172af2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(148,163,184,.2);box-shadow:0 8px 24px #0000004d;min-width:300px;max-width:420px;pointer-events:auto;animation:toastSlideIn .3s ease}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.toast-success{border-color:#56d6c266}.toast-success .toast-icon{background:#56d6c226;color:var(--teal)}.toast-error{border-color:#ff7d6666}.toast-error .toast-icon{background:#ff7d6626;color:#ff967f}.toast-info{border-color:#f6b35d66}.toast-info .toast-icon{background:#f6b35d26;color:var(--sand)}.toast-message{font-size:.9rem;font-weight:500;color:var(--text);line-height:1.4}.activity-status-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;cursor:help;transition:all .2s ease}.activity-icon{width:20px;height:20px}.activity-icon.sent{color:var(--teal)}.activity-icon.pending{color:var(--muted)}.activity-status-icon:hover{transform:scale(1.1);background:#ffffff0d}.whatsapp-status-badge{display:flex;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;background:#ffffff08;border-radius:8px;border:1px solid rgba(148,163,184,.12)}.status-badge-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-badge-dot.connected{background:var(--teal);box-shadow:0 0 8px #56d6c280;animation:statusPulse 2s ease-in-out infinite}.status-badge-dot.disconnected{background:var(--muted)}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}.whatsapp-status-badge span{font-size:.75rem;color:var(--muted);font-weight:500}.account-settings-modal{min-width:480px;max-width:560px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid rgba(148,163,184,.12)}.modal-header h2{font-size:1.125rem;font-weight:600;color:var(--text);margin:0}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#94a3b814;color:var(--muted);border-radius:8px;cursor:pointer;transition:all .2s ease}.modal-close-btn:hover{background:#f871711f;color:#f87171;transform:scale(1.05)}.modal-body{padding:28px;display:flex;flex-direction:column;gap:20px}.settings-field{display:flex;flex-direction:column;gap:8px}.field-label{font-size:.875rem;font-weight:600;color:var(--text)}.settings-input{padding:12px 16px;background:#0f172a66;border:1px solid rgba(148,163,184,.15);border-radius:10px;color:var(--text);font-size:.9375rem;font-family:Inter,sans-serif;transition:all .2s ease}.settings-input:focus{outline:none;border-color:#67ecd766;background:#0f172a99;box-shadow:0 0 0 3px #67ecd714}.settings-input::placeholder{color:var(--muted)}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid rgba(148,163,184,.12);background:#0f172a33}.modal-btn{padding:10px 20px;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-family:Inter,sans-serif}.modal-btn-cancel{background:#94a3b81a;color:var(--muted)}.modal-btn-cancel:hover{background:#94a3b82e;color:var(--text)}.modal-btn-save{background:linear-gradient(135deg,#67ecd7e6,#34d399e6);color:#0f172a;box-shadow:0 2px 8px #67ecd740}.modal-btn-save:hover:not(:disabled){box-shadow:0 4px 12px #67ecd759;transform:translateY(-1px)}.modal-btn-save:disabled{opacity:.4;cursor:not-allowed}.drawer-overlay{position:fixed;inset:0;background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9998;display:flex;justify-content:flex-end;animation:drawerOverlayFadeIn .3s ease}@keyframes drawerOverlayFadeIn{0%{opacity:0}to{opacity:1}}.error-logs-drawer{width:480px;max-width:90vw;height:100vh;background:linear-gradient(160deg,#0f172af2,#1e293bf2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-left:1px solid rgba(148,163,184,.15);display:flex;flex-direction:column;animation:drawerSlideIn .35s cubic-bezier(.16,1,.3,1);box-shadow:-8px 0 32px #0006}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid rgba(148,163,184,.12);background:#0f172a4d}.drawer-header h2{font-size:1.125rem;font-weight:600;color:var(--text);margin:0}.drawer-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#94a3b814;color:var(--muted);border-radius:8px;cursor:pointer;transition:all .2s ease}.drawer-close-btn:hover{background:#f871711f;color:#f87171;transform:scale(1.05)}.drawer-body{flex:1;overflow-y:auto;padding:20px 28px;display:flex;flex-direction:column;gap:14px}.drawer-body::-webkit-scrollbar{width:8px}.drawer-body::-webkit-scrollbar-track{background:#0f172a4d}.drawer-body::-webkit-scrollbar-thumb{background:#94a3b840;border-radius:4px}.drawer-body::-webkit-scrollbar-thumb:hover{background:#94a3b859}.log-entry{display:flex;gap:14px;padding:16px;background:#0f172a66;border-radius:12px;border:1px solid rgba(148,163,184,.1);transition:all .2s ease}.log-entry:hover{background:#0f172a99;border-color:#94a3b82e}.log-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px}.log-error .log-icon{background:#f871711f;color:#f87171}.log-warning .log-icon{background:#fbbf241f;color:#fbbf24}.log-info .log-icon{background:#60a5fa1f;color:#60a5fa}.log-content{flex:1;display:flex;flex-direction:column;gap:6px}.log-message{font-size:.875rem;color:var(--text);line-height:1.5;margin:0}.log-timestamp{font-size:.75rem;color:var(--muted);font-weight:500}@media(max-width:640px){.account-settings-modal{min-width:90vw}.error-logs-drawer{width:100vw;max-width:100vw}.modal-header,.drawer-header,.modal-body,.drawer-body{padding:20px}.modal-footer{padding:16px 20px}}