:root{color-scheme:light;--bg:#f4efe7;--bg-accent:#e8f4ef;--surface:rgba(255,255,255,0.82);--surface-strong:#ffffff;--surface-muted:rgba(255,255,255,0.64);--line:rgba(22,65,53,0.14);--line-strong:rgba(22,65,53,0.22);--text:#16352d;--text-muted:#5e746d;--accent:#0d8a6a;--accent-strong:#07614b;--accent-soft:#d8f3ea;--shadow:0 24px 70px rgba(17,55,47,0.12);--radius-xl:32px;--radius-lg:24px;--radius-md:18px;font-family:Aptos,Segoe UI Variable Text,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(13,138,106,.18),transparent 32%),radial-gradient(circle at right 20%,rgba(224,142,77,.18),transparent 28%),linear-gradient(180deg,#fbf7f1,#eef6f2);color:var(--text)}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{min-height:100vh;background:transparent}a{color:inherit;text-decoration:none}button,input{font:inherit}input{width:100%;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.82);padding:.95rem 1rem;color:var(--text);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}input::placeholder{color:#89a097}input:focus{outline:none;border-color:rgba(13,138,106,.44);box-shadow:0 0 0 4px rgba(13,138,106,.12)}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:.9rem 1.3rem;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.button:hover{transform:translateY(-1px)}.button--primary{background:linear-gradient(135deg,var(--accent) 0,var(--accent-strong) 100%);color:#ffffff;box-shadow:0 18px 30px rgba(7,97,75,.22)}.button--ghost{background:var(--surface-muted);color:var(--text);border:1px solid var(--line)}.auth-page{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,460px);grid-gap:1.5rem;gap:1.5rem;min-height:100vh;padding:1.5rem}.auth-panel{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.auth-panel--hero{display:flex;flex-direction:column;justify-content:flex-end;min-height:640px;background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,.02)),linear-gradient(140deg,#0d8a6a,#125c4a 45%,#f0bb72);color:#effcf6;padding:2.4rem}.auth-panel--hero:after{content:"";position:absolute;inset:auto -10% -24% auto;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,.16);filter:blur(6px)}.auth-panel--hero h1,.auth-panel--hero p,.auth-panel--hero span,.auth-panel--hero strong{position:relative;z-index:1}.auth-panel--hero h1{max-width:10ch;margin:0 0 1rem;font-family:Bahnschrift,Arial Narrow,sans-serif;font-size:clamp(2.8rem,6vw,5rem);line-height:.95;letter-spacing:-.04em}.auth-panel--hero p{max-width:36rem;margin:0;font-size:1.05rem;line-height:1.7;color:rgba(239,252,246,.82)}.auth-panel--form{align-self:center;background:var(--surface);padding:2rem}.auth-badge,.auth-kicker,.workspace-header__eyebrow,.workspace-sidebar__eyebrow{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.36rem .72rem;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.auth-badge{align-self:flex-start;margin-bottom:1.2rem;background:rgba(255,255,255,.18);color:#ffffff}.auth-kicker,.workspace-header__eyebrow,.workspace-sidebar__eyebrow{background:var(--accent-soft);color:var(--accent-strong)}.auth-highlights,.auth-metrics{position:relative;z-index:1;display:grid;grid-gap:.9rem;gap:.9rem;margin-top:2rem}.auth-highlights article,.auth-metrics article{display:grid;grid-gap:.25rem;gap:.25rem;padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:rgba(255,255,255,.12)}.auth-form-heading h2,.dashboard-hero h2,.placeholder-page h2{margin:.7rem 0 .65rem;font-family:Bahnschrift,Arial Narrow,sans-serif;font-size:clamp(2rem,4vw,3rem);line-height:1;letter-spacing:-.03em}.auth-footer,.auth-form-heading p,.dashboard-hero p,.metric-card p,.placeholder-page p,.workspace-brand p,.workspace-nav__link span,.workspace-sidebar__card p{margin:0;color:var(--text-muted);line-height:1.65}.auth-form{display:grid;grid-gap:1rem;gap:1rem;margin-top:1.8rem}.field{display:grid;grid-gap:.5rem;gap:.5rem}.field span{font-size:.94rem;font-weight:700;color:var(--text)}.auth-footer{margin-top:1.2rem}.auth-footer a{color:var(--accent-strong);font-weight:700}.form-error{margin:0;border:1px solid rgba(182,57,34,.16);border-radius:16px;background:rgba(255,242,239,.9);color:#9f2d1d;padding:.85rem 1rem;line-height:1.5}.button:disabled{cursor:wait;opacity:.72;transform:none}.workspace-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh;padding:1rem;grid-gap:1rem;gap:1rem}.workspace-main,.workspace-sidebar{border:1px solid var(--line);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.workspace-sidebar{display:flex;flex-direction:column;gap:1.25rem;background:linear-gradient(180deg,rgba(15,72,58,.96),rgba(9,42,34,.96)),linear-gradient(180deg,transparent,transparent);color:#eefcf6;padding:1.25rem}.workspace-brand{display:flex;align-items:center;gap:.95rem}.workspace-brand__mark{display:grid;place-items:center;width:3rem;height:3rem;border-radius:18px;background:linear-gradient(135deg,#f7cb8c,#ffffff);color:#114c3d;font-family:Bahnschrift,Arial Narrow,sans-serif;font-weight:800}.workspace-nav{display:grid;grid-gap:.75rem;gap:.75rem}.workspace-nav__link{display:grid;grid-gap:.2rem;gap:.2rem;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.06);padding:.95rem 1rem;transition:transform .16s ease,background .16s ease,border-color .16s ease}.workspace-nav__link:hover{transform:translateX(2px);background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.16)}.workspace-brand p,.workspace-nav__link span,.workspace-sidebar__card p{color:rgba(238,252,246,.72)}.workspace-sidebar__card{margin-top:auto;padding:1rem;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:rgba(255,255,255,.06)}.workspace-main{display:grid;grid-template-rows:auto 1fr;background:var(--surface);padding:1.25rem}.workspace-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.workspace-header h1{margin:.7rem 0 0;font-family:Bahnschrift,Arial Narrow,sans-serif;font-size:clamp(2rem,4vw,2.8rem);line-height:1;letter-spacing:-.03em}.workspace-content{padding-top:1.25rem}.dashboard-page,.inbox-page,.placeholder-page{display:grid;grid-gap:1.2rem;gap:1.2rem}.dashboard-hero,.metric-card,.placeholder-page{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-strong);box-shadow:0 14px 30px rgba(22,53,45,.06)}.dashboard-hero,.placeholder-page{padding:1.5rem}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem}.metric-card{display:grid;grid-gap:.9rem;gap:.9rem;padding:1.6rem;min-height:260px}.metric-card__label{font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.metric-card__value{font-family:Bahnschrift,Arial Narrow,sans-serif;font-size:clamp(2rem,5vw,3.4rem);line-height:.95;color:var(--accent-strong);margin-top:.15rem}.metric-card__summary{min-height:3.2rem;margin:0;color:var(--text-muted);line-height:1.55}.metric-card__details{display:grid;grid-gap:.7rem;gap:.7rem;padding-top:.2rem}.metric-card__details div{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-top:.7rem}.metric-card__details span{color:var(--text-muted);font-size:.95rem}.metric-card__details strong{color:var(--text);font-size:1rem}.metric-card__skeleton{min-width:3rem;border-radius:999px;background:linear-gradient(90deg,rgba(22,65,53,.08),rgba(22,65,53,.16),rgba(22,65,53,.08));color:transparent;animation:shimmer 1.2s linear infinite}.inbox-layout{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);grid-gap:1rem;gap:1rem;min-height:620px}.chat-panel,.inbox-list{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-strong);box-shadow:0 14px 30px rgba(22,53,45,.06)}.inbox-list{display:grid;grid-template-rows:auto 1fr;overflow:hidden}.chat-panel__header,.inbox-list__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border-bottom:1px solid var(--line)}.chat-panel__header span,.inbox-list__header span{color:var(--text-muted);font-size:.92rem}.inbox-list__items{display:grid;align-content:start;grid-gap:.75rem;gap:.75rem;padding:1rem;overflow-y:auto}.conversation-skeleton{height:106px;border-radius:20px;background:linear-gradient(90deg,rgba(22,65,53,.06),rgba(22,65,53,.14),rgba(22,65,53,.06));animation:shimmer 1.2s linear infinite}.conversation-item{display:grid;grid-gap:.35rem;gap:.35rem;width:100%;border:1px solid var(--line);border-radius:20px;background:#ffffff;color:var(--text);padding:1rem;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.conversation-item:hover{transform:translateY(-1px);border-color:var(--line-strong);box-shadow:0 12px 24px rgba(22,53,45,.08)}.conversation-item--active{border-color:rgba(13,138,106,.28);background:rgba(216,243,234,.4)}.conversation-item__top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.conversation-item__phone,.conversation-item__status{color:var(--text-muted);font-size:.94rem}.conversation-item__status{font-weight:700;letter-spacing:.03em}.conversation-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.3rem .7rem;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.conversation-badge--business{background:rgba(13,138,106,.12);color:var(--accent-strong)}.conversation-badge--personal{background:rgba(224,142,77,.14);color:#a55510}.chat-panel{display:grid;grid-template-rows:auto 1fr auto;min-height:0}.chat-panel__header strong{display:block;margin-bottom:.2rem}.chat-panel__meta{display:flex;align-items:center;gap:.75rem}.chat-panel__status{border-radius:999px;background:rgba(22,65,53,.08);color:var(--text);padding:.35rem .65rem;font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.chat-messages{display:grid;align-content:start;grid-gap:.9rem;gap:.9rem;padding:1rem;overflow-y:auto;background:linear-gradient(180deg,rgba(244,239,231,.42),rgba(232,244,239,.58))}.chat-message{display:grid;grid-gap:.45rem;gap:.45rem;max-width:min(76%,520px);border-radius:22px;padding:.95rem 1rem;box-shadow:0 10px 24px rgba(22,53,45,.08)}.chat-message--client{justify-self:start;background:#ffffff;border:1px solid var(--line)}.chat-message--user{justify-self:end;background:linear-gradient(135deg,#daf4eb,#edf9f4);border:1px solid rgba(13,138,106,.16)}.chat-message time,.chat-message__sender{color:var(--text-muted);font-size:.82rem;font-weight:700}.chat-message p{margin:0;color:var(--text);line-height:1.6}.message-skeleton{height:88px;max-width:min(76%,520px);border-radius:22px;background:linear-gradient(90deg,rgba(22,65,53,.06),rgba(22,65,53,.14),rgba(22,65,53,.06));animation:shimmer 1.2s linear infinite}.message-skeleton--client{justify-self:start}.message-skeleton--user{justify-self:end}.chat-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:.75rem;gap:.75rem;padding:1rem;border-top:1px solid var(--line);background:rgba(255,255,255,.84)}.chat-composer__hint{grid-column:1/-1;color:var(--text-muted);font-size:.85rem;line-height:1.4}.inbox-empty{display:grid;place-items:center;min-height:120px;border:1px dashed var(--line);border-radius:20px;color:var(--text-muted);background:rgba(255,255,255,.58);padding:1rem;text-align:center;grid-gap:.35rem;gap:.35rem}.inbox-empty span{max-width:28rem;color:var(--text-muted);font-size:.92rem}.inbox-empty--large{min-height:100%;margin:1rem}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@media (max-width:980px){.auth-page,.dashboard-grid,.inbox-layout,.workspace-shell{grid-template-columns:1fr}.auth-panel--hero{min-height:420px}.workspace-sidebar{padding-bottom:1.25rem}}@media (max-width:640px){.auth-page,.workspace-shell{padding:.75rem}.auth-panel--form,.auth-panel--hero,.chat-composer,.dashboard-hero,.metric-card,.placeholder-page,.workspace-main,.workspace-sidebar{padding:1.1rem}.workspace-header{align-items:flex-start;flex-direction:column}.chat-composer{grid-template-columns:1fr}}