:root{font:16px/1.55 'Segoe UI',Arial,sans-serif;color:#243e33;background:#f5f7f1;--green:#285c46;--line:#dbe3d5;--muted:#66786b}*{box-sizing:border-box}body{margin:0}header{height:84px;border-bottom:1px solid var(--line);padding:0 6%;display:flex;align-items:center;gap:20px;background:#fff}.brand{font-weight:600;font-size:20px;letter-spacing:-.4px}.brand span{font-size:30px;margin-right:10px;color:#5d7e4f}.pill{margin-left:auto;border-radius:30px;padding:6px 12px;background:#eaf0e3;font-size:13px}button,a,input,textarea{font:inherit}button{border:1px solid #ccd9c4;border-radius:7px;background:white;color:var(--green);padding:10px 16px;font-size:14px;cursor:pointer;font-weight:600}button:hover{background:#e6edde}button:disabled{opacity:.55;cursor:wait}.primary{background:var(--green);color:#fff;border-color:var(--green)}.primary:hover{background:#194a35}.full{width:100%}a{color:var(--green)}#auth{max-width:1200px;margin:65px auto;display:grid;grid-template-columns:1.1fr 1fr;gap:85px;padding:0 30px}.intro{padding-top:45px}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:700;color:#6b7b5d}h1{font-weight:500;font-size:44px;line-height:1.17;letter-spacing:-1.7px;margin:18px 0 24px}h2{font-size:22px;font-weight:600;letter-spacing:-.4px;margin:4px 0 14px}p{color:var(--muted)}.intro>p:not(.eyebrow){font-size:18px;line-height:1.7}.benefit{display:flex;gap:16px;margin:25px 0;color:#52684c}.auth-card,.card{padding:30px;background:#fff;border:1px solid var(--line);border-radius:12px}.auth-card>p{font-size:14px}label{display:block;font-size:14px;margin:17px 0;color:#3c5444}label>span{float:right;font-size:12px;color:#7b8879}input,textarea{display:block;width:100%;padding:12px;border:1px solid #cbd7c3;border-radius:6px;background:#fafcf7;color:#213c2a;margin-top:7px;font-size:16px;line-height:1.5}input:focus,textarea:focus{outline:2px solid #789e62;outline-offset:1px}.check{display:flex;gap:8px;align-items:start}.check input{width:auto;margin-top:4px}.auth-links{display:flex;flex-wrap:wrap;gap:4px;margin:15px 0}.auth-links button{border:0;padding:5px 8px;font-size:13px}.fine{font-size:13px}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#captcha{margin:20px 0;min-height:76px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{margin:24px 0}.grid .card{margin-top:0}.card p{font-size:14px}.row{display:flex;justify-content:space-between;align-items:center;gap:15px}.row h2{margin:0}.lead{font-size:17px;max-width:850px}#workspace{display:grid;grid-template-columns:225px 1fr;max-width:1450px;margin:0 auto}nav{padding:40px 15px;display:flex;flex-direction:column;gap:10px;background:#eaf0e4;min-height:75vh}nav button{background:transparent;border:0;text-align:left;padding:13px}nav button.active{background:#d3e1c9}.workspace-body{padding:35px 45px;min-width:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:35px 0}.stats article{border-top:1px solid #a7baa0;padding-top:18px}.stats h2{margin-top:10px}.stats small{color:var(--muted)}li{margin:18px 0}#message{position:sticky;top:10px;margin:10px auto;padding:14px 22px;border-radius:8px;max-width:950px;background:#234e38;color:#fff;z-index:5}.entry{border-top:1px solid var(--line);margin-top:18px;padding-top:12px}.remove{border:0;background:transparent;color:#9e4035;padding:4px 10px}.actions{display:flex;flex-wrap:wrap;gap:8px}#qr{width:230px;max-width:100%}#qr-wrap{text-align:center}.error{color:#a33e35}#admin{max-width:1150px;margin:40px auto;padding:0 25px}#owners .card{display:flex;justify-content:space-between;align-items:center;gap:20px}.owner-info p{margin:5px 0}.empty{padding:35px;border:1px dashed #bdcbb3;border-radius:8px;text-align:center;color:var(--muted)}footer{border-top:1px solid var(--line);padding:25px 6%;font-size:13px;color:var(--muted);display:flex;justify-content:space-between}code{font-size:13px;background:#edf2e7;padding:3px 5px;border-radius:4px;overflow-wrap:anywhere}details p{white-space:pre-wrap;font-size:13px}button:focus-visible,a:focus-visible{outline:3px solid #79995f;outline-offset:3px}[hidden]{display:none!important}@media(max-width:950px){#auth{gap:30px;margin-top:30px}h1{font-size:36px}#workspace{grid-template-columns:190px 1fr}.workspace-body{padding:25px}.grid{grid-template-columns:1fr}}@media(max-width:680px){header{padding:0 20px;height:74px;gap:8px}.brand{font-size:16px}.brand span{margin-right:3px}.pill{font-size:11px}#auth{display:block;padding:0 18px;margin-top:20px}.intro{padding:0}.intro h1{font-size:32px}.intro>p:not(.eyebrow){font-size:16px}.benefit{display:none}.auth-card{padding:22px;margin:25px 0}#workspace{display:block}nav{min-height:0;flex-direction:row;overflow:auto;padding:15px 10px}nav button{white-space:nowrap;font-size:14px}.workspace-body{padding:18px}.stats{gap:12px}.stats h2{font-size:18px}.card{padding:20px}.row{align-items:start}h1{font-size:32px}footer span{display:none}#owners .card{align-items:start;flex-direction:column}}
/* Neon depth theme: original visual treatment inspired by the supplied reference. */
:root{color-scheme:dark;color:#eef6ff;background:#050a16;--green:#65ddff;--muted:#a5b5cd;--line:#263c59;--border:#263c59}
body{background:radial-gradient(ellipse at 90% 0%,#07304a99,transparent 48%),radial-gradient(ellipse at 5% 60%,#30226844,transparent 45%),#050a16;min-height:100vh}
header{background:linear-gradient(145deg,#121c2d,#080e1a);border-bottom:1px solid #28465d;box-shadow:0 10px 30px #0004}
h1{color:#f4f9ff;font-weight:800;text-shadow:0 2px 0 #8394b0,0 4px 0 #283750,0 8px 18px #000a,0 0 30px #42bfff25;letter-spacing:-1.5px}
h2,h3,.brand,.logo{color:#eef7ff;font-weight:750;text-shadow:0 2px 1px #000,0 0 18px #42cfff25}
.eyebrow{color:#6edcff;letter-spacing:2px}.brand span,.logo span{color:#60dcff;text-shadow:0 0 10px #24bdff,0 0 25px #266eff}.logo b{font-weight:700}
.auth-card,.card{background:linear-gradient(145deg,#172236,#0b1323 75%);border:1px solid #30455f;border-radius:20px;box-shadow:inset 1px 1px 0 #ffffff13,inset -1px -1px 0 #0009,0 14px 35px #0005}
button{color:#e4f4ff;background:linear-gradient(155deg,#26354a,#101827 65%);border:1px solid #344d68;border-radius:12px;box-shadow:inset 1px 2px 1px #ffffff15,inset -1px -2px 2px #0009,0 4px 8px #0005;text-shadow:0 2px 2px #0008;transition:background .18s,box-shadow .18s,border-color .18s,transform .18s;min-height:44px}
button:hover{background:linear-gradient(145deg,#29435b,#12263d);border-color:#4ad5ff;box-shadow:inset 0 1px 0 #ffffff25,0 0 0 1px #39bdff25,0 0 18px #00c8ff25;transform:translateY(-1px)}
button:active{transform:translateY(1px);box-shadow:inset 0 3px 7px #0009}button:disabled{transform:none;opacity:.5;box-shadow:none}
button.primary,.primary{color:#fff;background:linear-gradient(110deg,#4567ff,#0971df 55%,#007d9e);border-color:#55cfff;box-shadow:inset 0 2px 1px #ffffff40,0 5px 0 #102c63,0 9px 25px #009dff35;text-shadow:0 1px 3px #002853}
button.primary:hover,.primary:hover{background:linear-gradient(110deg,#5b78ff,#008bd1);box-shadow:inset 0 2px 1px #ffffff40,0 4px 0 #102c63,0 8px 32px #00baff55}
nav{background:linear-gradient(180deg,#111c2b,#090f1d);border:1px solid #24384e}nav button{background:linear-gradient(145deg,#1a283c,#0b1423);border:1px solid #2a4057;color:#bacee7;border-radius:12px}nav button.active{color:#f0fcff;background:linear-gradient(145deg,#223c52,#0b192d);border:1px solid #48d4ff;box-shadow:inset 0 1px 1px #fff3,0 0 16px #00c8ff30;text-shadow:0 0 14px #31caff77}
aside{background:linear-gradient(165deg,#111b2b,#070d18 70%);border-color:#2c435d;box-shadow:8px 0 30px #0003}aside nav{border:0;background:none;padding:0}
input,textarea{background:#070f1e;color:#ecf5ff;border:1px solid #344962;border-radius:10px;box-shadow:inset 0 3px 7px #0008,0 1px 0 #ffffff0d}input::placeholder,textarea::placeholder{color:#879cb8;opacity:1}input:focus,textarea:focus{outline:2px solid #4dd9ff;outline-offset:2px;border-color:#51caff;box-shadow:inset 0 2px 6px #0005,0 0 20px #00c8ff15}
label{color:#c7d8eb}label>span{color:#a3b6cf}.benefit{color:#b9cce2}.intro>p,.lead,p{color:var(--muted)}a{color:#71ddff}button:focus-visible,a:focus-visible{outline:3px solid #80e9ff;outline-offset:4px}
.pill,.badge{background:#122b42;border:1px solid #315773;color:#b6e9ff;box-shadow:inset 0 1px 1px #fff1}.badge.on{background:#0c3831;color:#8bf4cf;border-color:#2c8d77}.dot{background:#69e5e4;box-shadow:0 0 10px #36e9ff}
.stats article{background:linear-gradient(140deg,#15243b,#0a1324);border:1px solid #304561;border-radius:16px;padding:20px;box-shadow:inset 0 1px 0 #ffffff13,0 8px 20px #0003}.stats h2{color:#e2faff}.stats article>span{color:#a6bcd6}
.step{background:none;box-shadow:none;text-shadow:none;border:0;border-top:1px solid #2b4059;border-radius:0;color:#e1f0ff}.step:hover{background:#13263b;box-shadow:none;transform:none}.step b{color:#68d8ff}.step p{color:#a5b5cd}.auth-links button{background:none;box-shadow:none;color:#8addff;text-shadow:none}
.remove{background:none!important;color:#ffa8b5!important;box-shadow:none;text-shadow:none}.error{color:#ff9da9!important}.empty{background:#0b1423;border-color:#395774;color:#aabed8}.file-drop{background:#0b182a;border-color:#3b7c99}.avatar{background:linear-gradient(140deg,#245c92,#112441);color:#8be7ff;box-shadow:inset 0 2px 1px #fff3,0 0 20px #00d0ff20}.bubble{background:#172b43;color:#e0edff}.bubble.customer{background:linear-gradient(130deg,#2446ad,#09617f);color:#fff}.bubble a{color:#8be9ff}
#message,#notice{background:linear-gradient(110deg,#17374f,#192b57);border:1px solid #4cbfe0;box-shadow:0 8px 25px #0007;color:#eefaff}code{background:#172b43;color:#bcecff}footer{border-color:#253c56;color:#9bb0cb}#qr{background:#fff;padding:12px;border-radius:12px;box-shadow:0 0 25px #00c8ff20}
@media(max-width:680px){h1{font-size:32px;text-shadow:0 2px 0 #516681,0 5px 12px #0008}.stats{grid-template-columns:1fr;gap:12px;margin:24px 0}.stats article{padding:16px}.stats h2{margin:8px 0;font-size:22px}.brand{font-size:15px}header{flex-wrap:wrap;height:auto;min-height:78px;padding-top:14px;padding-bottom:14px}.auth-card{padding:20px 16px}.card{border-radius:16px}.row,.card-head,.save-bar{flex-wrap:wrap}.actions button{flex:1 1 140px}.pill{white-space:nowrap}#captcha{overflow-x:auto}#test-form{flex-wrap:wrap}#test-form button{width:100%}}
@media(prefers-reduced-motion:reduce){button{transition:none}button:hover,button:active{transform:none}}


/* ReplyMantra brand asset */
header{height:124px}.brand-logo{display:block;width:110px;height:110px;object-fit:contain}.brand{flex-shrink:0}@media(max-width:680px){header{height:auto;min-height:108px;padding-top:8px;padding-bottom:8px}.brand-logo{width:92px;height:92px}}
.login-tabs{display:flex;gap:8px;padding:7px;margin-bottom:28px;background:#070e1e;border:1px solid #23435b;border-radius:16px;box-shadow:inset 0 3px 9px #0008}.login-tabs button{flex:1;min-width:0;padding:13px 8px;border-radius:11px;font-weight:750;font-size:15px}.login-tabs button[aria-selected="true"]{color:#fff;border-color:#4cdeff;background:linear-gradient(140deg,#254080,#086c91);box-shadow:inset 0 2px 2px #ffffff40,0 0 17px #00cfff40;text-shadow:0 2px 2px #0008}.login-tabs button:focus-visible{outline:2px solid #7feaff;outline-offset:3px}
/* Spacious brand header with responsive embossed caption. */
header{height:auto;min-height:176px;padding-top:12px;padding-bottom:12px;gap:clamp(18px,3vw,48px)}
.brand-logo{width:180px;height:150px;object-fit:contain}
.brand-caption{flex:1;min-width:0;margin:0;padding:8px 0;line-height:1.25}
.brand-caption span{display:block;margin-bottom:10px;color:#9be8ff;font-size:clamp(13px,1.4vw,18px);font-weight:650;letter-spacing:1.4px;text-shadow:0 1px 0 #064b72,0 0 16px #00c8ff55}
.brand-caption strong{display:block;color:#eefaff;font-size:clamp(22px,2.7vw,38px);font-weight:850;letter-spacing:-.7px;text-wrap:balance;text-shadow:0 1px 0 #a7d6ed,0 2px 0 #648ba9,0 3px 0 #294761,0 5px 2px #020914,0 9px 16px #0009,0 0 24px #00bfff35}
header .pill{flex-shrink:0;white-space:nowrap}
@media(max-width:950px){header{gap:20px}.brand-logo{width:145px;height:130px}.brand-caption strong{font-size:27px}}
@media(max-width:680px){header{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px 14px;padding:14px 18px;min-height:0}.brand-logo{width:110px;height:110px}.brand-caption{padding:0}.brand-caption span{font-size:12px;letter-spacing:.5px;margin-bottom:8px}.brand-caption strong{font-size:clamp(19px,5.1vw,27px);letter-spacing:-.4px}header .pill{grid-column:1 / -1;justify-self:end;margin:0;font-size:11px}header #logout{grid-column:1 / -1;justify-self:end}}