:root{--bg: #050c1f;--panel: #0b1531;--panel-alt: #0f1c3f;--accent: #0ab3ff;--accent-2: #3cf29d;--text: #e8f0ff;--muted: #9fb1d9;--line: rgba(255, 255, 255, .08);--gradient: linear-gradient(135deg, rgba(10, 179, 255, .18), rgba(60, 242, 157, .15))}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at 20% 20%,#0f224d,#050c1f 55%) fixed;color:var(--text)}.page{min-height:100vh;display:grid;grid-template-columns:1fr;gap:2rem;padding:2rem}.dock{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:1.5rem;box-shadow:0 20px 60px #00000059;position:relative;overflow:hidden}.dock:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient);opacity:.4;filter:blur(60px);z-index:0}.dock>*{position:relative;z-index:1}.header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.brand{display:flex;align-items:center;gap:.9rem}.brand-logo{height:42px;width:auto;filter:drop-shadow(0 6px 20px rgba(0,0,0,.25))}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-2);margin:0 0 .2rem}h1{margin:0;font-size:2rem}.lede{margin:.4rem 0 0;color:var(--muted)}.metrics{display:flex;gap:.5rem}.tabs{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;margin:.75rem 0 0}.tab{border:1px solid var(--line);background:#ffffff0a;color:var(--text);padding:.5rem .9rem;border-radius:999px;cursor:pointer}.tab.active{border-color:var(--accent);color:var(--accent);box-shadow:0 10px 20px #0ab3ff26}.email-form{margin-top:1rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.email-form h3{grid-column:1 / -1;margin:0}.email-subtitle{margin-bottom:.75rem;color:var(--muted);font-size:.95rem}.badge{background:#ffffff14;border:1px solid var(--line);padding:.35rem .65rem;border-radius:999px;font-size:.9rem;color:var(--muted)}.panel{background:var(--panel-alt);border:1px solid var(--line);border-radius:12px;padding:1rem;margin-top:1rem;box-shadow:0 12px 32px #00000040}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}.field{display:flex;flex-direction:column;gap:.35rem}label{font-size:.9rem;color:var(--muted)}input,select,button{font:inherit}input,select{padding:.65rem .75rem;border-radius:10px;border:1px solid var(--line);background:#ffffff08;color:var(--text)}input:focus,select:focus{outline:2px solid var(--accent)}.actions{display:flex;align-items:flex-end;gap:1rem}.primary{background:linear-gradient(135deg,var(--accent),#1c7cd5);color:#021325;font-weight:700;border:none;padding:.8rem 1.3rem;border-radius:12px;cursor:pointer;box-shadow:0 15px 30px #0ab3ff40}.primary:disabled{opacity:.6;cursor:not-allowed}.ghost{background:#ffffff0a;color:var(--text);border:1px solid var(--line);padding:.55rem .85rem;border-radius:10px;cursor:pointer}.ghost:disabled{opacity:.5;cursor:not-allowed}.primary.ghost{border-color:var(--accent);color:var(--accent)}.page-size{display:flex;flex-direction:column;gap:.35rem}.alert{margin-top:1rem;padding:.9rem 1rem;background:#ff78781a;border:1px solid rgba(255,120,120,.3);color:#ffc3c3;border-radius:10px}.table-panel{margin-top:1.25rem}.table-meta{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}.selection-actions{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}.selection-actions .count{color:var(--muted);font-size:.9rem}.sortable{display:inline-flex;align-items:center;gap:.35rem}.sort-btn{border-radius:8px;border:1px solid var(--line);background:#ffffff0f;color:var(--text);padding:.15rem .45rem;cursor:pointer}.pagination{display:flex;align-items:center;gap:.65rem}.pagination button{border-radius:10px;border:1px solid var(--line);background:#ffffff0d;color:var(--text);padding:.4rem .75rem;cursor:pointer}.pagination button:disabled{opacity:.5;cursor:not-allowed}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;font-size:.95rem}th,td{padding:.8rem .6rem;border-bottom:1px solid var(--line)}th{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);white-space:nowrap}tbody tr:hover{background:#ffffff08}.selected-row,.selected-row:hover{background:#0ab3ff0f}.empty{text-align:center;color:var(--muted)}.select-col{width:42px;text-align:center}.change-col,.sync-col{white-space:nowrap}.select-col input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--accent)}.change-flag{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .5rem;border-radius:999px;font-size:.85rem;border:1px solid var(--line);color:var(--muted)}.change-flag .dot{width:10px;height:10px;border-radius:50%;background:var(--line)}.change-flag.changed{border-color:#ffc13b80;color:#ffd977}.change-flag.changed .dot{background:#ffd24c;box-shadow:0 0 0 4px #ffd24c26}.change-flag.unchanged .dot{background:#43f29a;box-shadow:0 0 0 4px #43f29a26}.sync-flag{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .5rem;border-radius:999px;font-size:.85rem;border:1px solid var(--line);color:var(--muted)}.sync-flag .dot{width:10px;height:10px;border-radius:50%;background:var(--line)}.sync-flag.synced{border-color:#43f29a66;color:#b6ffda}.sync-flag.synced .dot{background:#43f29a;box-shadow:0 0 0 4px #43f29a26}.sync-flag.pending .dot{background:#ffffff59}.icon-btn{border:1px solid var(--line);background:#ffffff0d;color:var(--text);padding:.35rem .55rem;border-radius:8px;cursor:pointer;margin-left:.3rem}.sync-status{margin:.4rem 0 .75rem;color:var(--accent-2);font-size:.95rem}.welcome{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 20%,#0f224d,#050c1f 55%);position:relative;overflow:hidden}.helm{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:.08}.helm svg{width:86%;max-width:960px}.helm-rotate{transform-origin:50% 50%;animation:helmSpin 28s linear infinite}@keyframes helmSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.welcome-card{background:var(--panel);border:1px solid var(--line);padding:2rem;border-radius:16px;box-shadow:0 20px 60px #00000059;display:grid;gap:.75rem;min-width:320px;max-width:420px;position:relative;z-index:1}.welcome:before,.welcome:after{content:"";position:absolute;inset:-30% -10% auto -10%;height:60%;background:linear-gradient(135deg,#0ab3ff33,#3cf29d33);opacity:.4;transform:skewY(-8deg);filter:blur(50px)}.welcome:after{inset:auto -20% -20% 10%;height:50%;background:linear-gradient(135deg,#0ab3ff26,#0c4a6e66);transform:skewY(6deg)}.welcome-label{color:var(--muted);font-size:.9rem}.history-panel table th,.history-panel table td{white-space:nowrap}@media (max-width: 1100px){.header{flex-direction:column}.actions{grid-column:1 / -1}}