:root{--ink:#0f172a;--muted:#64708b;--paper:#f7f8fc;--card:#fff;--green:#1e2a8a;--lime:#e7eaff;--line:#e5e7eb;--red:#b4233a;--amber:#a86408;--indigo:#1e2a8a;--cobalt:#3b82f6;--violet:#8b5cf6}
body{background:radial-gradient(circle at 78% -10%,rgba(139,92,246,.08),transparent 28rem),linear-gradient(180deg,#fbfcff 0,#f6f7fb 36rem);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body>header{height:auto;min-height:82px;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(30,42,138,.09);box-shadow:0 5px 24px rgba(15,23,42,.035);position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:11px;font-size:22px;letter-spacing:-.025em}.brand img{width:39px;height:45px}.brand>span{display:flex;align-items:center;gap:8px}.brand small{background:linear-gradient(135deg,#e8ebff,#efe7ff);color:var(--indigo);letter-spacing:.05em}
header nav a{color:#34415f;font-size:14px;font-weight:700}header nav a:hover{color:var(--cobalt)}
main{max-width:1220px;padding-top:48px}
h1,h2{font-family:Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.035em}h1{font-weight:760;background:linear-gradient(110deg,var(--ink) 5%,var(--indigo) 72%,var(--violet));background-clip:text;-webkit-background-clip:text;color:transparent}h2{font-weight:750}
.eyebrow{color:var(--indigo);letter-spacing:.2em}
button,.button{background:linear-gradient(135deg,var(--indigo),#3146c9 62%,#6946da);border-radius:10px;box-shadow:0 8px 18px rgba(30,42,138,.14);transition:transform .18s ease,box-shadow .18s ease}button:hover,.button:hover{transform:translateY(-1px);box-shadow:0 11px 22px rgba(30,42,138,.2)}button.secondary,.secondary,.nav-button{background:#fff;color:var(--indigo);border:1px solid #d7dcf4;box-shadow:none}
.panel,.site-card,.form-card,.stats article,.history article,.table,.visual-card{border-color:rgba(30,42,138,.1);border-radius:16px;box-shadow:0 10px 34px rgba(29,41,91,.055)}
.site-card:hover,.form-card:hover{border-color:rgba(59,130,246,.5);box-shadow:0 14px 34px rgba(59,130,246,.1)}
.stats strong{color:var(--indigo)}.stat-link:nth-child(3n+2) strong{color:#315fc9}.stat-link:nth-child(3n) strong{color:#6844d6}
.automation-status.active{background:linear-gradient(115deg,#f0f3ff,#f7f2ff);border-color:#cbd2fb}.automation-status.active strong{color:var(--indigo)}
.badge.success{background:#e8f7ef;color:#12734e}.badge.warning{background:#fff2d8;color:#96600e}.badge.failure{background:#fee9ec;color:#aa2638}.badge.neutral{background:#eef0f5;color:#5f687c}
.alert.success,.verified{background:#eef1ff;color:var(--indigo);border:1px solid #d5daf8}.back,.section-title-row>a,.visual-website{color:var(--indigo)}
input,select,textarea{border-color:#d7dbea;background:#fff}input:focus,select:focus,textarea:focus{outline:3px solid rgba(59,130,246,.14);border-color:var(--cobalt)}
.email-check-card{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:17px 18px;margin:16px 0;border:1px solid #d8dcf5;border-radius:13px;background:linear-gradient(135deg,#f7f8ff,#fbf8ff)}.email-check-card .mail-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--cobalt),var(--violet));color:#fff;font-size:20px}.email-check-card>div{display:grid;gap:3px}.email-check-card p,.email-check-card small{margin:0;color:var(--muted)}.delivery-line{display:flex;gap:9px;align-items:center;margin-top:12px}.delivery-line .badge{text-transform:none}.delivery-token{font:600 12px ui-monospace,SFMono-Regular,monospace;color:#576078}
.mailbox-panel{position:relative;overflow:hidden}.mailbox-panel:after{content:"";position:absolute;right:-55px;top:-70px;width:190px;height:190px;border-radius:50%;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.14));pointer-events:none}.mailbox-grid{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}.mailbox-state{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-weight:750}.mailbox-state:before{content:"";width:9px;height:9px;border-radius:50%;background:#9ca3af}.mailbox-state.on:before{background:#16a36b;box-shadow:0 0 0 4px #dcf7e9}.mailbox-address{overflow-wrap:anywhere;color:var(--muted)}
.mailbox-actions{position:relative;z-index:1}.disabled-button{cursor:not-allowed;opacity:.65;box-shadow:none}.microsoft-connect-card{max-width:720px;text-align:center;margin-inline:auto;padding:42px}.microsoft-connect-card h2{margin-top:26px}.microsoft-icon,.success-orb,.error-orb{display:grid;place-items:center;width:68px;height:68px;margin:0 auto;border-radius:20px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:30px;font-weight:800}.success-orb{border-radius:50%;background:#168b61}.error-orb{border-radius:50%;background:#bd3345}.device-code{display:inline-block;margin:6px 0 12px;padding:15px 25px;border:1px solid #cdd3f7;border-radius:12px;background:#f5f6ff;color:var(--indigo);font:800 27px ui-monospace,SFMono-Regular,monospace;letter-spacing:.13em}
footer{display:flex;justify-content:center;align-items:center;gap:10px;background:#fff}footer img{width:30px;height:34px}footer strong{color:var(--indigo)}
.login-shell{max-width:540px;padding-top:9vh}.login-panel{text-align:center;padding:44px}.login-mark{width:72px;height:80px;margin:0 auto 12px}.login-panel h1{font-size:47px}.login-panel form{text-align:left}.login-panel button{width:100%;margin-top:8px}
@media(max-width:900px){body>header{align-items:flex-start;gap:12px;flex-direction:column;padding-block:12px}header nav{width:100%;overflow-x:auto;padding-bottom:3px}.brand img{width:32px;height:36px}main{padding-top:32px}}
@media(max-width:760px){.mailbox-grid{grid-template-columns:1fr}.login-panel{padding:30px 24px}.login-shell{padding-top:5vh}.brand>span{font-size:19px}header nav{gap:16px}header nav a,.nav-button{white-space:nowrap;font-size:13px}}
.mailbox-actions{display:grid;gap:9px}.mailbox-actions form,.mailbox-actions button{width:100%}