.marketing,.auth-page,.portal-page{background:#f4f7fb;color:var(--ink)}.site-header,.portal-header{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px clamp(20px,5vw,72px);background:#0e2233;color:#fff}.site-header .brand,.portal-header .brand,.dark-brand{color:inherit;text-decoration:none}.hero{min-height:calc(100vh - 78px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:8vw;max-width:1100px}.hero h1{max-width:780px;margin:0;font-size:clamp(48px,8vw,96px);line-height:.98;letter-spacing:-.055em}.hero>p:not(.eyebrow){max-width:650px;font-size:clamp(18px,2vw,24px);line-height:1.55;color:var(--muted)}.hero-button{font-size:17px;padding:15px 20px}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px clamp(20px,5vw,72px);border-top:1px solid var(--line);color:var(--muted);font-size:13px}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{text-decoration:underline;color:var(--ink)}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 15% 10%,#1d68f025,transparent 32%),#0e2233}.auth-card{width:min(460px,100%);padding:34px;border-radius:24px;background:#fff;box-shadow:0 30px 90px #0004}.auth-card .brand{display:inline-flex;margin-bottom:36px;color:var(--ink)}.auth-card h1{font-size:34px;margin:0 0 10px}.auth-card .sub{color:var(--muted);line-height:1.6;margin:0 0 26px}.auth-card label{display:block;font-size:13px;font-weight:800;margin:14px 0 7px}.auth-card input{width:100%;padding:14px;border:1px solid #d8e1e9;border-radius:12px}.wide{width:100%;margin-top:12px}.text-btn{background:transparent;color:var(--muted)}.msg{min-height:20px;color:var(--muted);font-size:13px}.msg.err{color:var(--danger)}
.portal-header{position:sticky;top:0;z-index:10}.portal-user{display:flex;gap:10px}.portal-user select{max-width:220px;border:1px solid #ffffff2b;border-radius:11px;padding:10px 32px 10px 12px;background:#17364f;color:#fff}.portal-main{width:min(1180px,calc(100% - 32px));margin:34px auto 70px}.portal-welcome{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.portal-welcome h1{font-size:38px;margin:0}.portal-welcome p{margin:6px 0;color:var(--muted)}.live-pill{padding:8px 12px;border-radius:999px;background:#eaf8f0;color:#167348;font-size:13px;font-weight:800}.live-pill.demo{background:#eef4ff;color:#2458b5}.live-pill.paused{background:#fff7ed;color:#9a3412}.metric-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:14px}.metric{padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 7px 30px #10273a0b}.metric span,.metric p{display:block;color:var(--muted);font-size:13px}.metric strong{display:block;margin:8px 0 2px;font-size:44px;letter-spacing:-.04em}.metric p{margin:0}.hero-metric{background:linear-gradient(135deg,#1d68f0,#1551bd);color:#fff}.hero-metric span,.hero-metric p{color:#dbe9ff}
.portal-tabs{display:flex;gap:8px;margin:28px 0 12px}.portal-tabs button{padding:10px 15px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-weight:800;cursor:pointer}.portal-tabs button.active{background:var(--ink);color:#fff}.portal-card{padding:22px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 8px 34px #10273a0b}.split{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr);gap:20px}.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}.section-title h2,.request-layout h2{margin:0 0 4px}.section-title p,.request-layout form>p:not(.eyebrow){margin:0;color:var(--muted);font-size:13px;line-height:1.6}.chat-list{display:grid;gap:7px;max-height:600px;overflow:auto}.chat-row{display:flex;flex-direction:column;gap:5px;width:100%;padding:13px;border:0;border-radius:12px;background:#f6f8fb;text-align:left;cursor:pointer}.chat-row span{font-size:11px;color:var(--muted)}.chat-row.active{background:#eaf2ff;color:#174fbc}.transcript{min-height:460px;max-height:650px;padding:18px;border-radius:16px;background:#f6f8fb;overflow:auto}.transcript-head{display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--line)}.transcript-head span{font-size:12px;color:var(--muted)}.transcript-message{max-width:82%;margin:0 0 12px;padding:12px 14px;border-radius:15px;background:#fff}.transcript-message.customer{margin-left:auto;background:#1d68f0;color:#fff}.transcript-message small{font-size:10px;opacity:.7}.transcript-message p{margin:3px 0 0;white-space:pre-wrap;line-height:1.5}
.request-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px}.request-layout form{padding:22px;border-radius:17px;background:#f4f8ff}.request-layout label{display:block;margin:15px 0 6px;font-size:12px;font-weight:850}.request-layout textarea{width:100%;min-height:100px;padding:12px;border:1px solid #d8e1e9;border-radius:12px;resize:vertical}.request-mini{padding:15px;border:1px solid var(--line);border-radius:14px}.request-mini>div{display:flex;justify-content:space-between;gap:10px}.request-mini p{margin:8px 0;color:#42596b}.request-mini small{color:var(--muted)}.status{padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900}.status.pending{background:#fff7ed;color:#9a3412}.status.approved{background:#eaf8f0;color:#167348}.status.rejected{background:#fff0ef;color:#a33b34}.request-card h3{font-size:16px;margin:12px 0 0}.request-card.approved{border-left:4px solid #22a06b}.request-card.rejected{opacity:.7}
@media(max-width:800px){.metric-grid,.split,.request-layout{grid-template-columns:1fr}.portal-header{align-items:flex-start}.portal-user{flex-direction:column;align-items:stretch}.portal-main{margin-top:22px}.transcript{min-height:300px}.hero{padding:40px 24px}.site-header{padding:16px 20px}.site-header .btn{font-size:12px}}