*{box-sizing:border-box}html,body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f4f7f6;color:#17201e}a{text-decoration:none;color:inherit}.auth-body{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#eef7f3,#f8faf9)}.auth-card{width:100%;max-width:440px;background:#fff;border:1px solid #e2e9e6;border-radius:20px;padding:32px;box-shadow:0 18px 60px rgba(0,0,0,.08)}.setup-card{max-width:760px}.brand-badge,.brand-mini{display:inline-flex;align-items:center;justify-content:center;background:#0b8f67;color:#fff;font-weight:800;border-radius:12px}.brand-badge{width:48px;height:48px;font-size:24px}.brand-mini{width:32px;height:32px}.auth-card h1{margin:14px 0 4px}.muted{color:#6c7b77}.auth-card label{display:block;margin:14px 0 6px;font-size:14px;font-weight:650}.auth-card input,.auth-card textarea,.search input,.composer textarea{width:100%;border:1px solid #dce5e1;border-radius:10px;padding:12px 14px;font:inherit;outline:none;background:#fff}.auth-card input:focus,.auth-card textarea:focus,.search input:focus,.composer textarea:focus{border-color:#0b8f67;box-shadow:0 0 0 3px rgba(11,143,103,.10)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn{border:0;border-radius:10px;padding:12px 16px;font-weight:750;cursor:pointer}.primary{background:#0b8f67;color:#fff}.full{width:100%;display:block;text-align:center;margin-top:20px}.alert,.toast{padding:12px 14px;border-radius:10px;margin:14px 0;font-size:14px}.danger{background:#fff0f0;color:#9d2929}.success{background:#eaf8f2;color:#17664d}.topbar{height:64px;background:#fff;border-bottom:1px solid #e1e9e6;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.brand{display:flex;align-items:center;gap:9px}.brand span:last-child{color:#75827f;font-size:14px}.topbar nav{display:flex;gap:18px;font-size:14px}.app-shell{display:grid;grid-template-columns:380px 1fr;height:calc(100vh - 64px);max-width:1500px;margin:auto;background:#fff}.sidebar{border-right:1px solid #e3eae7;overflow:hidden;display:flex;flex-direction:column}.search{padding:14px;border-bottom:1px solid #edf1ef}.contact-list{overflow:auto}.contact{display:flex;gap:12px;padding:13px 14px;border-bottom:1px solid #f0f3f2}.contact:hover,.contact.active{background:#f1f8f5}.avatar{width:44px;height:44px;flex:0 0 44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#dcefe8;color:#147257;font-weight:800}.contact-main{min-width:0;flex:1}.contact-line{display:flex;justify-content:space-between;gap:10px}.contact-line strong,.preview span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-line small{color:#87938f;font-size:11px;white-space:nowrap}.preview{margin-top:6px;color:#71807b;font-size:13px}.unread{background:#17a673;color:#fff;min-width:21px;height:21px;border-radius:11px;display:flex;align-items:center;justify-content:center;padding:0 6px;font-size:11px}.chat{display:flex;flex-direction:column;min-width:0;background:#efeae2}.chat-head{height:68px;background:#fff;display:flex;align-items:center;gap:11px;padding:10px 18px;border-bottom:1px solid #e5ebe8}.chat-head small{display:block;color:#7c8985;margin-top:2px}.messages{flex:1;overflow:auto;padding:20px 5%;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.55),transparent 30%),#efeae2}.bubble-row{display:flex;margin:8px 0}.bubble-row.out{justify-content:flex-end}.bubble{max-width:72%;padding:9px 12px;border-radius:10px;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.06);line-height:1.4}.bubble-row.out .bubble{background:#d9fdd3}.bubble small{display:block;text-align:right;color:#73817d;font-size:10px;margin-top:4px}.composer{display:flex;gap:10px;padding:12px;background:#f8faf9;border-top:1px solid #e2e7e5}.composer textarea{resize:none;min-height:46px;max-height:110px}.send-btn{border:0;background:#0b8f67;color:#fff;border-radius:12px;padding:0 22px;font-weight:750;cursor:pointer}.empty-chat{margin:auto;text-align:center;color:#6b7773}.big-icon{font-size:54px}.empty-small{padding:28px 18px;text-align:center;color:#7c8985;font-size:13px}.toast{position:fixed;right:20px;top:72px;z-index:50;box-shadow:0 8px 25px rgba(0,0,0,.12)}.settings-wrap{max-width:850px;margin:30px auto;padding:0 18px}.panel{background:#fff;border:1px solid #e1e8e5;border-radius:16px;padding:22px;margin-bottom:18px}.panel code{display:block;padding:12px;background:#f3f6f5;border-radius:8px;word-break:break-all}.kv{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #edf1ef}@media(max-width:800px){.grid2{grid-template-columns:1fr}.app-shell{grid-template-columns:1fr}.sidebar{display:none}.brand span:last-child{display:none}.bubble{max-width:88%}}
.wide{max-width:1250px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px;border-bottom:1px solid #e8eeeb;vertical-align:top}th{background:#f7f9f8;color:#5c6965}
.panel label{display:block;margin:12px 0 6px;font-weight:650;font-size:14px}.panel input,.panel textarea,.panel select{width:100%;padding:11px 12px;border:1px solid #dce5e1;border-radius:9px;font:inherit;background:#fff}
.panel input[type=file]{padding:9px}.panel .btn{margin-top:12px}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.pill{display:inline-block;padding:4px 8px;border-radius:999px;background:#edf4f1;font-size:11px;font-weight:750}
.inline{display:inline}.small{padding:7px 10px;font-size:12px;margin:0!important}@media(max-width:900px){.grid3{grid-template-columns:1fr}.topbar nav{gap:9px;font-size:12px;overflow:auto}}

.hero-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid #e1e8e5;border-radius:18px;padding:24px;margin-bottom:18px}
.hero-panel h1{margin:0 0 6px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.stat-card{background:#fff;border:1px solid #e1e8e5;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:5px}
.stat-card span{font-weight:700}.stat-card strong{font-size:30px;color:#0b8f67}.stat-card small{color:#71807b}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:900px){.stats-grid,.feature-grid{grid-template-columns:1fr 1fr}.topbar{height:auto;align-items:flex-start;padding:10px 14px}.topbar nav{flex-wrap:wrap}}
@media(max-width:600px){.stats-grid,.feature-grid{grid-template-columns:1fr}.hero-panel{align-items:flex-start;flex-direction:column}}

.setup-brand-row{display:flex;align-items:center;gap:14px;margin-bottom:10px}.login-brand-row{margin-bottom:18px}.brand-image{object-fit:cover;background:none!important;color:inherit!important;border-radius:18px;box-shadow:0 8px 20px rgba(0,0,0,.10)}.brand-stack{display:flex;flex-direction:column;gap:2px}.brand-text-gold{font-weight:800;font-size:28px;line-height:1.05;background:linear-gradient(180deg,#f9e9ab 0%,#e3bf57 35%,#b68416 60%,#f6df8c 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-client-name{font-size:15px;font-weight:700;color:#4d5c57}.brand-helper{font-size:13px;color:#6c7b77}.auth-card h1{margin-top:10px}@media(max-width:640px){.setup-brand-row{align-items:flex-start}.brand-text-gold{font-size:24px}.brand-client-name{font-size:14px}}