:root{--ink: #1c1917;--ink-soft: #44403c;--stone: #e7e5e4;--stone-deep: #d6d3d1;--paper: #faf7f2;--sand: #f3ebe0;--clay: #9a3412;--clay-deep: #7c2d12;--moss: #3f6212;--line: rgba(28, 25, 23, .12);--shadow: 0 18px 50px rgba(28, 25, 23, .08);--radius: 14px;--font-display: "Fraunces", Georgia, serif;--font-body: "Source Sans 3", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);font-family:var(--font-body);background:radial-gradient(1200px 600px at 10% -10%,#fff8ef 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#efe6d8 0%,transparent 45%),linear-gradient(180deg,var(--paper),var(--sand));background-attachment:fixed}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;margin:0 0 .4em}p{margin:0 0 1rem;line-height:1.55;color:var(--ink-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:0;border-radius:999px;padding:.75rem 1.25rem;background:var(--ink);color:#fafaf9;cursor:pointer;transition:transform .18s ease,background .18s ease}.btn:hover{transform:translateY(-1px);background:#292524}.btn.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn.ghost{background:transparent;color:var(--clay);border:0;padding-inline:.5rem}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.field{display:grid;gap:.35rem;margin-bottom:1rem}.field label{font-size:.9rem;font-weight:600}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#ffffffb8;border-radius:10px;padding:.7rem .85rem}.field textarea{min-height:120px;resize:vertical}.grid-2{display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media(max-width:720px){.grid-2{grid-template-columns:1fr}}.error{color:var(--clay-deep);background:#9a341214;border:1px solid rgba(154,52,18,.18);border-radius:10px;padding:.75rem .9rem;margin-bottom:1rem}.ok{color:var(--moss);background:#3f621214;border:1px solid rgba(63,98,18,.18);border-radius:10px;padding:.75rem .9rem;margin-bottom:1rem}.landing{min-height:100vh;display:grid;place-items:stretch;position:relative;overflow:hidden}.landing-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,#faf7f2eb,#faf7f28c 42%,#1c191738),url(https://images.unsplash.com/photo-1566073771259-6a8506099945?auto=format&fit=crop&w=1800&q=80) center / cover no-repeat;transform:scale(1.02);animation:drift 18s ease-in-out infinite alternate}@keyframes drift{0%{transform:scale(1.02) translateZ(0)}to{transform:scale(1.06) translate3d(-1.5%,-1%,0)}}.landing-inner{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.5rem,4vw,3rem)}.brand{font-family:var(--font-display);font-size:clamp(2.6rem,7vw,5.2rem);line-height:.95;max-width:12ch;animation:rise .7s ease both}.landing h1{font-size:clamp(1.4rem,3vw,2rem);max-width:18ch;margin-top:1.2rem;animation:rise .8s 80ms ease both}.landing .lede{max-width:36ch;font-size:1.1rem;animation:rise .85s .14s ease both}.landing-cta{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem;animation:rise .9s .2s ease both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.auth-page,.app-shell{min-height:100vh}.auth-page{display:grid;place-items:center;padding:2rem 1rem}.panel{width:min(480px,100%);background:#ffffffc7;border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-shell{display:grid;grid-template-columns:240px 1fr}@media(max-width:860px){.app-shell{grid-template-columns:1fr}}.sidebar{padding:1.5rem 1rem;border-right:1px solid var(--line);background:#ffffff73}.sidebar .brand-sm{font-family:var(--font-display);font-size:1.6rem;margin-bottom:1.5rem}.nav-link{display:block;padding:.65rem .8rem;border-radius:10px;margin-bottom:.25rem;color:var(--ink-soft)}.nav-link.active,.nav-link:hover{background:#1c19170f;color:var(--ink)}.main{padding:clamp(1rem,3vw,2rem)}.page-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.25rem}.message-list{display:grid;gap:.75rem}.message-item{display:grid;gap:.35rem;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:12px;background:#ffffffa6;cursor:pointer;transition:border-color .16s ease,transform .16s ease}.message-item:hover,.message-item.active{border-color:#1c191747;transform:translateY(-1px)}.badge{display:inline-flex;width:fit-content;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .5rem;border-radius:999px;background:var(--stone)}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.85rem}.stat{padding:1rem;border:1px solid var(--line);border-radius:12px;background:#ffffffb3}.stat strong{display:block;font-family:var(--font-display);font-size:2rem;line-height:1;margin-bottom:.35rem}.split{display:grid;grid-template-columns:1.1fr 1fr;gap:1rem}@media(max-width:960px){.split{grid-template-columns:1fr}}.muted{color:var(--ink-soft);font-size:.92rem}