*{box-sizing:border-box}body{margin:0;background:#f0f4f8;color:#17344c;font:16px Arial,sans-serif;line-height:1.6}main{max-width:1150px;margin:auto;padding:32px 24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #17344c;margin-bottom:24px}h1{font-size:36px;margin:6px 0 22px}h2{font-size:21px;margin:0 0 16px}header span,footer{color:#526b7e;font-size:14px}.notice{background:#fff1d4;padding:16px;border-right:4px solid #c48a1f}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}section{background:white;padding:26px;border:1px solid #d4e0e9;border-radius:12px;margin:22px 0}label{display:block;margin:15px 0}input{display:block;width:100%;font:inherit;padding:10px;border:1px solid #adc2d3;border-radius:7px;margin-top:5px}button{font:inherit;cursor:pointer;background:#146b66;color:white;border:0;border-radius:7px;padding:12px 18px;margin:8px 0;display:block}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #e2a92d;outline-offset:3px}.danger{background:#a33333;width:100%;font-weight:bold}p{color:#476174}#challenge{background:#e3f5f2;padding:15px;text-align:center}#code{font-size:40px;direction:ltr;display:block;letter-spacing:8px}.status{display:flex;justify-content:space-between;background:#e9eff6;padding:12px}#error{color:#a51d26;font-weight:bold}.event{border-bottom:1px solid #e2e9ef;padding:12px 0;display:flex;gap:20px}.event time{color:#627c90;direction:ltr}#events{max-height:350px;overflow:auto}footer{padding-bottom:20px}@media(max-width:700px){.grid{grid-template-columns:1fr;gap:0}main{padding:20px 12px}header{display:block}header strong{display:block;margin-bottom:16px}section{padding:20px}}

textarea{display:block;width:100%;font:inherit;padding:10px;border:1px solid #adc2d3;border-radius:7px;resize:vertical}summary{cursor:pointer;font-weight:bold}#sms-history{overflow-wrap:anywhere}

select{font:inherit;padding:10px;width:100%}[hidden]{display:none!important}

.workspace-tabs{display:flex;gap:6px;background:#e2eaf2;border-radius:12px;padding:6px;margin:24px 0}
.workspace-tabs [role=tab]{flex:1;margin:0;padding:13px 20px;background:transparent;color:#476174;font-weight:bold;border:2px solid transparent;border-radius:8px}
.workspace-tabs [role=tab]:hover{background:#f4f8fb}
.workspace-tabs [role=tab][aria-selected=true]{background:#fff;color:#146b66;border-color:#146b66;box-shadow:0 2px 5px #17344c12}
[role=tabpanel]:focus-visible{outline:3px solid #e2a92d;outline-offset:4px;border-radius:8px}
.active-call-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#e3f5f2;border:1px solid #92c5bf;border-radius:10px;padding:12px 18px;margin-bottom:18px}
.active-call-banner p{margin:0;color:#174d48;overflow-wrap:anywhere}
.active-call-banner .danger{width:auto;flex-shrink:0;margin:0}
@media(max-width:700px){.active-call-banner{align-items:stretch;flex-direction:column}.workspace-tabs{margin:18px 0}}
.contact-import{background:#f4f8fb;border:1px solid #d4e0e9;border-radius:10px;padding:16px;margin:18px 0}
.contact-import p{overflow-wrap:anywhere}.contact-import select[size]{min-height:140px}
.inline-actions{display:flex;gap:12px;flex-wrap:wrap}.secondary{background:#e2eaf2;color:#17344c}
#sms-batch-results{max-height:250px;overflow:auto}#sms-batch-progress{border-top:1px solid #d4e0e9;padding-top:14px}

.job-events,.job-results{max-height:320px;overflow:auto;overflow-wrap:anywhere}
.workspace-tabs [role=tab]{padding:12px 8px}
.account-bar,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.account-bar{padding:12px 0}.account-bar label{margin:0;min-width:200px}.account-bar a{display:block;font-size:14px;color:#146b66}.account-bar button{margin:0}.usage-section{padding:22px}.usage-section h2{font-size:17px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.metric{background:#f3f7fa;border:1px solid #e1e8ee;border-radius:10px;padding:14px}.metric strong{display:block;font-size:28px;color:#146b66;line-height:1.3}.metric span{font-size:13px;color:#526b7e}.muted{font-size:13px;color:#627c90}.eyebrow{font-size:13px;font-weight:700;color:#146b66;letter-spacing:.03em}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:right;padding:12px 10px;border-bottom:1px solid #e2e9ef;vertical-align:top}th{background:#f4f8fb;color:#526b7e;white-space:nowrap}.table-actions{min-width:140px}.table-actions button{font-size:12px;padding:7px 10px;margin:0 0 6px}.checkbox-label{display:flex;align-items:center;gap:10px}.checkbox-label input{width:auto;margin:0}#admin-error,#login-error{color:#a51d26;font-weight:bold}.login-page{background:#edf3f4;min-height:100vh;display:grid;place-items:center}.login-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;width:100%;max-width:1060px;padding:48px 28px}.login-intro h1{font-size:48px;line-height:1.25;margin:24px 0}.login-intro p{max-width:400px;font-size:18px}.brand-mark{font-size:26px;font-weight:bold;color:#146b66}.login-tags{display:flex;gap:10px;margin-top:32px}.login-tags span{background:#e0ebe9;color:#216660;border-radius:30px;padding:6px 14px;font-size:13px}.login-card{padding:38px;margin:0;box-shadow:0 18px 50px #18344b0c}.login-card h2{font-size:28px;margin:8px 0}.login-card input{background:#fafcfd}.login-card button{width:100%;margin-top:24px}.google-button{display:flex;justify-content:center;align-items:center;gap:12px;text-decoration:none;color:#17344c;border:1px solid #cedbe5;border-radius:8px;padding:12px;margin-top:20px}.google-button b{font-size:20px}.google-button:hover{background:#f6f9fb}@media(max-width:760px){.login-layout{grid-template-columns:1fr;gap:20px;padding:28px 18px;max-width:520px}.login-intro h1{font-size:32px}.login-intro p,.login-tags{display:none}.login-card{padding:26px}.metrics{grid-template-columns:repeat(2,1fr)}.account-bar{flex-wrap:wrap}.account-bar label{width:100%}.workspace-tabs{flex-wrap:wrap}.workspace-tabs [role=tab]{min-width:40%}.section-heading{align-items:start}}

.connection-summary{display:grid;gap:5px;max-width:410px;font-size:.92rem}.connection-summary small{color:#52677e}.connection-ok{color:#14756d}.connection-bad{color:#a13628}