:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#edf2f9;background:#0b121c}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1240px;margin:auto;padding:26px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #263446}.brand{font-size:25px;font-weight:750;color:#fff;text-decoration:none}.brand span{display:block;font-size:10px;letter-spacing:2px;color:#72daba;margin-top:4px}h1{font-size:clamp(32px,5vw,54px);margin:18px 0}h2{font-size:22px}p{color:#a8b7c9;line-height:1.65}.eyebrow{color:#72daba;font-size:12px;letter-spacing:2px}#welcome{padding:30px 0}.steps,.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}article{padding:24px;background:#111e2d;border:1px solid #27374b;border-radius:16px;margin:14px 0}article>h2:first-child{margin-top:0}a{color:#80c4ff}nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}button{background:#77debc;border:0;border-radius:8px;color:#092217;padding:12px 18px;font-weight:700;cursor:pointer;margin:5px 5px 5px 0}button.secondary,nav button{background:#223348;color:#edf2f9}button:disabled{opacity:.5;cursor:default}label{display:block;font-size:14px;margin:15px 0}input,select,textarea{display:block;width:100%;padding:12px;background:#0c1623;color:#edf2f9;border:1px solid #3a4e68;border-radius:8px;margin-top:7px;font:inherit}input[type=checkbox]{display:inline;width:auto}small,.muted,footer{font-size:13px;color:#a8b7c9}#message:not(:empty){padding:15px;border:1px solid #76dcbb;border-radius:10px;white-space:pre-line}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:12px 8px;border-bottom:1px solid #28384c}.tablewrap{overflow:auto}.user{border-top:1px solid #304057;padding:16px 0}.user strong{word-break:break-word}[hidden]{display:none!important}@media(max-width:760px){header,main,footer{padding:18px}.steps,.cards,.grid{grid-template-columns:1fr}header{align-items:flex-start}#identity{display:none}nav{gap:5px}article{padding:18px}}

/* Clear customer entry and compact daily controls. */
body{background:radial-gradient(ellipse at 15% 0%,#123132 0,transparent 42%),#0b121c}
header,main,footer{max-width:1100px}header{padding-top:18px;padding-bottom:18px}.brand{display:flex;align-items:center;gap:14px}.brand img{object-fit:contain;width:80px;height:auto}.brand .brand-name{font-size:25px;color:#fff;letter-spacing:-.5px;line-height:1.2;margin:0}.brand small{display:block;font-size:12px;letter-spacing:.3px;font-weight:400;margin-top:6px;color:#a8b7c9}header>div{display:flex;align-items:center;gap:14px}#identity{font-size:13px}
main{padding-top:36px}#welcome{max-width:670px;padding:18px 0 24px}#welcome p{max-width:560px;font-size:18px}h1{letter-spacing:-1.4px;line-height:1.13}.welcome-note{font-size:13px;color:#b7cec8;display:flex;align-items:center;gap:8px}.dot{width:7px;height:7px;background:#77debc;border-radius:50%}
.auth-layout{max-width:510px}.auth-tabs{display:flex;gap:8px;margin-top:12px}.auth-tabs button{background:transparent;color:#a8b7c9}.auth-tabs button[aria-pressed=true]{background:#233c3e;color:#a6f0d9}.auth-layout article{margin-top:8px}.auth-layout form>button{width:100%;margin-top:12px}#forgot{background:transparent;color:#a8b7c9;padding-left:0;font-weight:400}#message:empty{display:none}#message:not(:empty){margin:12px 0}nav{border-bottom:1px solid #263446;padding-bottom:14px}nav button[aria-current=page]{background:#77debc;color:#092217}nav a{padding:12px;text-decoration:none;font-size:14px}
.page-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.page-title h1{font-size:34px;margin:10px 0 15px}.badge{display:inline-flex;background:#213733;color:#a6ecd5;border:1px solid #33534a;border-radius:30px;padding:8px 12px;font-size:12px;white-space:nowrap}.bot-card{padding:28px}.bot-heading{display:flex;align-items:center;gap:16px}.bot-heading img{object-fit:contain}.bot-heading h2{margin:0}.bot-heading p{margin:5px 0;font-size:14px}.bot-heading>.badge{margin-left:auto}#botStatus{font-size:19px;color:#e1ebe8;margin:25px 0 18px}.access-line{border-top:1px solid #293a47;padding-top:16px;color:#a8b7c9;font-size:13px}.next-step{border-color:#426a60;background:#142b2b}.next-step h2{font-size:19px}.history{padding:22px 24px;border:1px solid #27374b;border-radius:16px;background:#111e2d;margin:14px 0}.history summary{cursor:pointer;color:#c4d0dd;font-weight:600}.history[open] summary{margin-bottom:18px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #9ddcff;outline-offset:4px}footer{padding-top:35px;padding-bottom:30px}
@media(min-width:900px){main:has(#workspace[hidden]):has(#resetPane[hidden]){display:grid;grid-template-columns:1.15fr 1fr;gap:24px 58px;align-items:start;padding-top:55px}#welcome{grid-column:1;grid-row:1 / span 2;padding-top:26px}#auth{grid-column:2}#message:not(:empty){grid-column:2}#welcome h1{font-size:52px}}
@media(max-width:760px){.brand img{width:62px}.brand .brand-name{font-size:22px}.page-title{align-items:flex-start;flex-direction:column;gap:0}.bot-card{padding:20px}.bot-heading{flex-wrap:wrap;gap:10px}.bot-heading img{width:66px;height:auto}.bot-heading>.badge{margin-left:0}.auth-layout{max-width:none}.history{padding:18px}#welcome p{font-size:16px}nav{gap:3px}nav button,nav a{font-size:13px;padding:10px}.bot-actions{display:flex}.bot-actions button{flex:1}}