:root{--ink:#17221c;--forest:#183f2d;--forest-deep:#0d2d20;--gold:#b6974b;--paper:#f3eee1;--paper-light:#fbf8ef;--line:#d8ccb1;--muted:#6d746d}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0}body{font-family:Georgia,Times New Roman,serif}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.shell{grid-template-columns:270px 1fr;min-height:100vh;display:grid}.sidebar{background:linear-gradient(160deg, var(--forest), var(--forest-deep));color:#f7f1df;border-right:1px solid #8b773f;padding:30px 24px}.brand{border-bottom:1px solid #ffffff1c;padding-bottom:28px}.brand small{color:#d7b960;letter-spacing:.22em;text-transform:uppercase}.brand h1{margin:9px 0 3px;font-size:27px;font-weight:500}.brand p{color:#cad2c9;margin:0;font-style:italic}.nav{gap:8px;margin-top:28px;display:grid}.nav a{color:#d8ded8;border:1px solid #0000;padding:12px 14px}.nav a:hover,.nav a[data-active=true]{color:#fff;background:#ffffff0d;border-color:#b6974b77}.main{background-image:radial-gradient(#b6974b1f .8px,#0000 .8px);background-size:11px 11px;padding:46px clamp(24px,5vw,72px)}.eyebrow{color:#94762b;text-transform:uppercase;letter-spacing:.24em;font-size:13px}.title{color:var(--forest);margin:12px 0 8px;font-size:clamp(34px,5vw,57px);font-weight:500}.subtitle{color:#506657;max-width:720px;font-size:18px;line-height:1.6}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:36px;display:grid}.card{border:1px solid var(--line);background:#fffdf7;padding:24px;box-shadow:0 11px 30px #44310c0b}.card h2{color:var(--forest);margin:0 0 8px;font-size:23px;font-weight:500}.card p{color:var(--muted);margin-bottom:0;line-height:1.5}.metric{color:var(--forest);margin:8px 0;font-size:38px}.secure{border-left:3px solid var(--gold);background:#fffaf0;max-width:850px;margin-top:34px;padding:14px 18px;line-height:1.6}.inbox{margin-top:28px;padding:0;overflow:hidden}.inbox-head{border-bottom:1px solid #ddcfaa;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;display:flex}.inbox-head h2{margin:4px 0 0}.counter{border:1px solid var(--gold);min-width:38px;height:38px;color:var(--forest);border-radius:50%;place-items:center;font-weight:700;display:grid}.empty-state,.inbox-message{color:#526b5d;gap:8px;padding:44px 28px;display:grid}.conversation-list{display:grid}.conversation{border-bottom:1px solid #eee5cf;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:15px;padding:18px 28px;display:grid}.conversation:last-child{border-bottom:0}.avatar{background:var(--forest);color:#fff7de;border:2px solid #d1ad4e;border-radius:50%;place-items:center;width:46px;height:46px;font-size:15px;font-weight:700;display:grid}.conversation-body{min-width:0}.conversation-title{align-items:center;gap:10px;display:flex}.conversation-title strong{color:var(--forest)}.conversation-body p{white-space:nowrap;text-overflow:ellipsis;color:#68766e;margin:5px 0 0;overflow:hidden}.account{color:#5f512b;text-transform:uppercase;letter-spacing:.08em;background:#e9e2cd;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.account-mafer{color:#704155;background:#eee0e5}.conversation-meta{color:#7a806f;justify-items:end;gap:7px;font-size:12px;display:grid}.unread{background:var(--gold);color:#fff;border-radius:50%;place-items:center;min-width:22px;height:22px;font-weight:700;display:grid}.auth{background:linear-gradient(135deg, var(--forest-deep), var(--forest));place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:var(--paper-light);border:1px solid #d5bd76;width:min(430px,100%);padding:38px;box-shadow:0 28px 80px #0005}.field{gap:7px;margin:18px 0;display:grid}.field label{color:var(--forest);letter-spacing:.08em;text-transform:uppercase;font-size:14px}.field input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;padding:13px 14px}.button{background:var(--forest);color:#fff;cursor:pointer;border:1px solid #d0b159;width:100%;padding:13px 18px}.error{color:#8b1f1f;background:#8b1f1f0d;border-left:3px solid #8b1f1f;padding:10px 12px}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{padding:20px}.nav{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:1fr}}@media (max-width:680px){.inbox-head,.conversation{padding-left:18px;padding-right:18px}.conversation{grid-template-columns:40px minmax(0,1fr)}.avatar{width:40px;height:40px}.conversation-meta{display:none}}