:root{--green-950:#082f2b;--green-900:#0a3b34;--green-800:#0d4b40;--green-700:#0f6b55;--green-600:#16966c;--green-500:#22b573;--green-100:#dff7ec;--blue-100:#e5f1ff;--violet-100:#efe7ff;--amber-100:#fff3cf;--red-100:#ffe5e5;--bg:#f4f7f7;--card:#fff;--text:#17202a;--muted:#6c7680;--border:#dde5e3;--shadow:0 8px 24px rgba(12,63,53,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:245px;background:linear-gradient(180deg,var(--green-900),#082c28);color:#fff;padding:18px 14px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:5}.brand{display:flex;gap:11px;align-items:center;padding:3px 5px 20px}.brand-mark{width:42px;height:42px;border:2px solid #8be7c5;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#d7ffef}.brand strong{display:block;font-size:16px}.brand small{display:block;color:#b8d7cf;font-size:11px;margin-top:3px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-link{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;color:#d9ece7;font-size:14px}.nav-link:hover,.nav-link.active{background:rgba(36,181,115,.22);color:#fff}.nav-link.active{box-shadow:inset 3px 0 0 #55d6a1}.sidebar-foot{margin-top:auto;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:12px;display:flex;gap:9px;align-items:center}.sidebar-foot small{display:block;color:#afcfc6;margin-top:2px}.status-dot{width:10px;height:10px;background:#35d07f;border-radius:50%;box-shadow:0 0 0 4px rgba(53,208,127,.12)}.main{margin-left:245px;min-width:0;flex:1}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:4}.topbar h1{font-size:20px;margin:0}.topbar p{font-size:12px;color:var(--muted);margin:5px 0 0}.top-actions{display:flex;align-items:center;gap:14px}.userbox{display:flex;align-items:center;gap:8px}.userbox small{display:block;color:var(--muted);font-size:11px}.avatar{width:36px;height:36px;border-radius:50%;background:var(--green-100);display:grid;place-items:center;color:var(--green-800);font-weight:800}.logout{font-size:12px;color:#8a3c3c;margin-left:6px}.pill{padding:8px 11px;border-radius:20px;font-size:12px}.pill.success{background:#e2f7eb;color:#157748}.pill.warning{background:#fff4d5;color:#8b6718}.content{padding:22px}.grid{display:grid;gap:15px}.grid.metrics{grid-template-columns:repeat(4,1fr)}.grid.two{grid-template-columns:1.4fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.card.pad{padding:17px}.metric{display:flex;gap:13px;align-items:center;padding:17px}.metric .ico{width:54px;height:54px;border-radius:12px;display:grid;place-items:center;font-size:25px}.ico.green{background:var(--green-100)}.ico.blue{background:var(--blue-100)}.ico.violet{background:var(--violet-100)}.ico.amber{background:var(--amber-100)}.metric b{font-size:28px;display:block}.metric small{color:var(--muted)}.section-title{display:flex;justify-content:space-between;align-items:center;padding:16px 17px 0}.section-title h2{font-size:16px;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:9px;padding:9px 13px;font-weight:600;cursor:pointer;background:#e8efed;color:#26322f}.btn.primary{background:linear-gradient(135deg,var(--green-700),var(--green-600));color:#fff}.btn.danger{background:#ffe7e7;color:#9b2d2d}.btn.small{padding:6px 9px;font-size:12px}.assistant-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:14px 17px 18px}.assistant-card{border:1px solid var(--border);border-radius:13px;padding:14px;min-height:210px;background:linear-gradient(180deg,#fff,#fbfdfc)}.assistant-card .top{display:flex;justify-content:space-between}.assistant-card .round{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:25px;background:var(--green-100)}.badge{font-size:11px;border-radius:16px;padding:5px 8px;background:#e3f7eb;color:#167948}.assistant-card h3{margin:12px 0 6px;font-size:15px}.assistant-card p{color:var(--muted);font-size:12px;line-height:1.45;min-height:52px}.assistant-card .stats{font-size:12px;margin:8px 0}.assistant-card .stats b{font-size:20px}.actions{display:flex;gap:6px;flex-wrap:wrap}.table-wrap{overflow:auto;padding:12px 17px 18px}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{padding:11px 9px;text-align:left;border-bottom:1px solid #e8eeec;vertical-align:top}.table th{font-size:11px;text-transform:uppercase;color:#65736f;background:#f8faf9}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full{grid-column:1/-1}.form-group label{font-size:12px;font-weight:700}.input,select,textarea{width:100%;border:1px solid #cfdad7;border-radius:9px;padding:10px 11px;background:#fff;font:inherit}.input:focus,select:focus,textarea:focus{outline:2px solid rgba(22,150,108,.15);border-color:var(--green-600)}textarea{min-height:110px;resize:vertical}.modalish{padding:18px}.alert{padding:12px 14px;border-radius:10px;margin-bottom:14px}.alert.success{background:#e5f8ed;color:#176a43}.alert.error{background:#ffe7e7;color:#8c2d2d}.alert.info{background:#e7f2ff;color:#315f8d}.alert.hide{opacity:0;transition:.5s}.chat-layout{display:grid;grid-template-columns:320px 1fr;min-height:560px}.chat-list{border-right:1px solid var(--border)}.chat-row{display:block;padding:12px 14px;border-bottom:1px solid #edf1f0}.chat-row.active,.chat-row:hover{background:#ecf8f3}.chat-row b{font-size:13px}.chat-row small{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.chat-panel{display:flex;flex-direction:column}.chat-head{padding:13px 15px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between}.messages{padding:18px;background:#f7faf9;flex:1;min-height:420px}.bubble{max-width:74%;padding:10px 12px;border-radius:12px;margin:7px 0;font-size:13px;line-height:1.45}.bubble.in{background:#fff;border:1px solid #e1e8e6}.bubble.out{background:#dff7e8;margin-left:auto}.bubble small{display:block;color:#7a8581;text-align:right;margin-top:4px}.composer{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border)}.composer textarea{min-height:44px;height:44px}.kpi-bar{height:8px;background:#edf1f0;border-radius:5px;overflow:hidden}.kpi-bar span{display:block;height:100%;background:var(--green-600)}.empty{text-align:center;color:var(--muted);padding:35px}.notice{background:#fff9e3;border:1px solid #f3df9f;color:#735a1d;border-radius:10px;padding:11px 13px;font-size:12px}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#073b34,#0b6957)}.login-card{width:min(430px,92vw);background:#fff;border-radius:18px;padding:28px;box-shadow:0 25px 60px rgba(0,0,0,.2)}.login-brand{text-align:center;margin-bottom:20px}.login-brand .big{width:66px;height:66px;background:#0d5f4e;color:white;border-radius:50%;display:grid;place-items:center;margin:auto;font-weight:800}.login-brand h2{margin:12px 0 3px}.login-brand p{margin:0;color:var(--muted);font-size:13px}.code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#f2f6f4;padding:3px 6px;border-radius:5px}.chart-bars{display:flex;align-items:end;gap:18px;height:220px;padding:18px}.bar{flex:1;text-align:center}.bar span{display:block;background:linear-gradient(#33b97b,#11835e);border-radius:8px 8px 2px 2px;min-height:4px}.bar small{display:block;margin-top:8px;color:var(--muted)}@media(max-width:1100px){.grid.metrics,.assistant-grid{grid-template-columns:repeat(2,1fr)}.grid.two{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{width:72px;padding:14px 8px}.brand div:not(.brand-mark),.nav-link{font-size:0}.nav-link span{font-size:20px}.sidebar-foot div:not(.status-dot){display:none}.main{margin-left:72px}.topbar{padding:0 12px}.topbar p,.pill,.userbox div:not(.avatar){display:none}.content{padding:12px}.grid.metrics,.assistant-grid,.form-grid{grid-template-columns:1fr}.chat-layout{grid-template-columns:1fr}.chat-list{border-right:0}.chat-panel{min-height:520px}}

/* =========================================================
   v1.1 Friendly UI + Mobile Responsive Upgrade
   ========================================================= */
:root{
  --green-950:#07382f;--green-900:#08483c;--green-800:#0b5b49;--green-700:#0f725a;
  --green-600:#159168;--green-500:#20af75;--green-100:#e3f7ef;
  --surface:#ffffff;--soft:#f6faf8;--shadow-soft:0 10px 30px rgba(7,56,47,.07);
}
html{scroll-behavior:smooth}body{font-family:Inter,"Segoe UI",Arial,sans-serif;background:#f6f9f8}.card{border-color:#e3ece9;box-shadow:var(--shadow-soft)}
.brand{padding:4px 5px 18px;position:relative}.brand-logo{width:42px;height:42px;object-fit:contain;flex:0 0 42px}.brand strong{font-size:14px;line-height:1.2}.brand small{line-height:1.25}.sidebar-close{display:none}
.nav-link em{font-style:normal}.nav-link{min-height:44px}.topbar{height:auto;min-height:78px;gap:16px}.topbar-left{display:flex;align-items:center;gap:10px}.mobile-menu,.mobile-logo{display:none}.mobile-menu{border:0;background:#eef6f3;border-radius:10px;width:40px;height:40px;font-size:20px;color:var(--green-900)}
.content{max-width:1600px;margin:0 auto;width:100%}.metric{transition:.2s ease}.metric:hover{transform:translateY(-2px)}
.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;margin-bottom:16px;border-radius:18px;background:linear-gradient(135deg,#eaf8f2,#ffffff 56%,#f1fbf7);border:1px solid #d9ebe5;box-shadow:var(--shadow-soft);overflow:hidden;position:relative}.dashboard-welcome:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-90px;top:-120px;background:rgba(32,175,117,.08)}.welcome-copy{max-width:800px;position:relative;z-index:1}.welcome-kicker{display:inline-flex;padding:6px 10px;border-radius:999px;background:#dff5eb;color:#116446;font-size:11px;font-weight:700}.dashboard-welcome h2{margin:9px 0 5px;font-size:22px}.dashboard-welcome p{margin:0;color:#60706a;font-size:13px;line-height:1.5}.welcome-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.welcome-brand{display:flex;align-items:center;gap:12px;min-width:220px;justify-content:center;position:relative;z-index:1;color:var(--green-900);font-weight:800;line-height:1.25}.welcome-brand img{width:74px;height:74px;object-fit:contain}
.mobile-bottom-nav{display:none}

/* public landing page */
.landing-page{background:#f8fcfa;color:#14201c}.landing-header{position:sticky;top:0;z-index:30;padding:12px 24px 0}.landing-nav-wrap{max-width:1380px;margin:auto;min-height:66px;display:flex;align-items:center;gap:28px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border:1px solid #e1eee9;border-radius:16px;padding:8px 12px 8px 14px;box-shadow:0 12px 35px rgba(8,72,60,.08)}.landing-brand{display:flex;align-items:center;gap:10px;min-width:300px}.landing-brand img{width:42px;height:42px;object-fit:contain}.landing-brand strong,.landing-brand small{display:block}.landing-brand strong{font-size:15px}.landing-brand small{font-size:11px;color:#4f625b;margin-top:2px}.landing-nav{display:flex;gap:6px;align-items:center;margin-left:auto}.landing-nav a{font-size:13px;font-weight:600;padding:10px 12px;border-radius:9px;color:#49625a}.landing-nav a:hover{background:#eef7f3;color:#0c6a51}.landing-login{white-space:nowrap}.landing-menu-btn{display:none;border:0;background:#eef7f3;border-radius:10px;width:40px;height:40px;font-size:21px;color:#0a5f4b}
.hero{max-width:1380px;margin:14px auto 0;padding:54px 44px;min-height:570px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:42px;border-radius:28px;background:radial-gradient(circle at 76% 24%,rgba(86,198,145,.22),transparent 27%),linear-gradient(135deg,#f7fffb,#eaf8f2);border:1px solid #dfeee8;overflow:hidden;position:relative}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;background:rgba(49,183,120,.08)}.hero:before{width:320px;height:320px;left:-150px;bottom:-160px}.hero:after{width:180px;height:180px;right:-60px;top:-70px}.hero-copy{position:relative;z-index:2}.hero-chip,.mini-chip{display:inline-flex;align-items:center;gap:6px;background:#e2f6ed;color:#0e6c4e;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:700}.hero h1{font-size:clamp(38px,5vw,66px);line-height:1.02;letter-spacing:-2px;margin:16px 0}.hero h1 span{color:#0d7658}.hero-copy>p{max-width:680px;font-size:17px;line-height:1.6;color:#5c6d67}.hero-actions{display:flex;gap:10px;margin:24px 0}.hero-btn{padding:13px 18px}.btn.soft{background:#fff;border:1px solid #d9e6e2}.hero-points{display:flex;gap:22px;flex-wrap:wrap;border-top:1px solid #dce9e5;padding-top:18px}.hero-points span{display:grid;grid-template-columns:auto auto;column-gap:7px;align-items:center;color:#176a4f}.hero-points b{font-size:12px;color:#334942}.hero-points small{grid-column:2;font-size:11px;color:#74827d}
.hero-visual{position:relative;min-height:460px;display:grid;place-items:center;z-index:2}.phone-card{width:min(380px,90%);background:#fff;border:10px solid #15221e;border-radius:34px;box-shadow:0 35px 60px rgba(14,82,63,.22);overflow:hidden;transform:rotate(1deg)}.phone-top{display:flex;align-items:center;gap:8px;padding:14px;background:#fff;border-bottom:1px solid #edf1ef}.phone-top img{width:34px;height:34px;object-fit:contain}.phone-top div{flex:1}.phone-top b,.phone-top small{display:block}.phone-top b{font-size:12px}.phone-top small{font-size:9px;color:#6a7873}.phone-body{padding:24px;background:linear-gradient(#fbfffd,#eff9f4)}.phone-body h3{font-size:22px;line-height:1.15;margin:13px 0 8px}.phone-body p{font-size:12px;color:#60706b}.service-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.service-mini-grid div{background:#fff;border:1px solid #e2ebe8;border-radius:12px;padding:11px 4px;text-align:center;font-size:20px}.service-mini-grid b{display:block;font-size:9px;margin-top:5px}.phone-cta{display:block;text-align:center;background:#0b7457;color:#fff;padding:12px;border-radius:10px;font-size:12px;font-weight:700}.floating-chat{position:absolute;background:#fff;padding:12px 14px;border-radius:14px;box-shadow:0 16px 32px rgba(22,86,68,.14);font-size:12px;line-height:1.35;border:1px solid #e3ece9;z-index:3}.floating-chat small{color:#6a7772}.chat-a{left:0;top:45px}.chat-b{right:0;bottom:60px;background:#0c6f55;color:#fff}.chat-b small{color:#d7f4e8}
.landing-section{max-width:1380px;margin:18px auto;padding:70px 36px;background:#fff;border:1px solid #e3eee9;border-radius:26px}.landing-section.alt{background:#f0f9f5}.section-heading{text-align:center;max-width:760px;margin:0 auto 34px}.section-heading span{font-size:11px;font-weight:800;letter-spacing:1.4px;color:#0b7a58}.section-heading h2{font-size:32px;margin:8px 0}.section-heading p{color:#6a7772;line-height:1.6}.feature-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-cards article{padding:22px;border:1px solid #e1ece8;border-radius:16px;background:linear-gradient(180deg,#fff,#fbfefd)}.feature-cards article>div{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#e3f7ef;font-size:23px}.feature-cards h3{margin:15px 0 7px;font-size:16px}.feature-cards p{font-size:13px;line-height:1.55;color:#68756f;margin:0}.service-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.svc{padding:18px 12px;text-align:center;background:#fff;border:1px solid #dfeae6;border-radius:15px}.svc i{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;margin:0 auto 11px;font-style:normal;font-size:24px}.svc.green i{background:#e2f7ed}.svc.blue i{background:#e6f1ff}.svc.violet i{background:#f0e8ff}.svc.amber i{background:#fff2cd}.svc b,.svc small{display:block}.svc b{font-size:13px}.svc small{font-size:10px;color:#77847f;margin-top:4px}.cta-section{max-width:1380px;margin:18px auto 40px;border-radius:22px;padding:26px 30px;background:linear-gradient(135deg,#083e35,#0d7058);color:#fff;display:flex;align-items:center;gap:16px}.cta-section img{width:60px;height:60px;object-fit:contain;background:#fff;border-radius:14px;padding:5px}.cta-section div{flex:1}.cta-section h2{margin:0 0 5px;font-size:20px}.cta-section p{margin:0;color:#c9e8dc;font-size:13px}.cta-section .btn{background:#fff;color:#0a604b}.landing-footer{max-width:1380px;margin:0 auto 30px;display:flex;justify-content:space-between;padding:0 8px;color:#71807a;font-size:11px}
.login-page{background:radial-gradient(circle at 20% 20%,rgba(105,221,166,.23),transparent 30%),linear-gradient(135deg,#073c33,#0c6e58);padding:24px}.login-card{border:1px solid rgba(255,255,255,.5)}.login-logo{width:72px;height:72px;object-fit:contain;margin:auto;display:block}.back-home{display:inline-flex;color:#4f655e;font-size:12px;margin-bottom:8px}.login-submit{width:100%;margin-top:16px;padding:12px}.login-note{font-size:11px;color:#77827e;text-align:center;margin-top:18px}

@media(max-width:1100px){.feature-cards{grid-template-columns:repeat(2,1fr)}.service-cards{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr 1fr;padding:42px 30px}.landing-brand{min-width:auto}.landing-nav-wrap{gap:14px}}
@media(max-width:860px){
  body.sidebar-open{overflow:hidden}.sidebar{width:min(310px,86vw);transform:translateX(-105%);transition:transform .22s ease;box-shadow:20px 0 50px rgba(0,0,0,.15)}.sidebar-open .sidebar{transform:translateX(0)}.mobile-overlay{display:block;position:fixed;inset:0;background:rgba(2,20,16,.42);z-index:8;opacity:0;pointer-events:none;transition:.2s}.sidebar-open .mobile-overlay{opacity:1;pointer-events:auto}.sidebar-close{display:block;margin-left:auto;border:0;background:rgba(255,255,255,.1);color:#fff;width:34px;height:34px;border-radius:9px;font-size:22px}.brand div:not(.brand-mark){display:block}.nav-link{font-size:14px}.nav-link span{font-size:18px}.sidebar-foot div:not(.status-dot){display:block}.main{margin-left:0}.mobile-menu,.mobile-logo{display:block}.mobile-logo{width:36px;height:36px;object-fit:contain}.topbar{min-height:68px;padding:8px 14px}.topbar h1{font-size:16px}.topbar p{font-size:10px}.content{padding:14px 12px 88px}.userbox div:not(.avatar),.pill{display:none}.logout{font-size:11px}.mobile-bottom-nav{display:grid;grid-template-columns:1fr 1fr 74px 1fr 1fr;align-items:center;position:fixed;left:10px;right:10px;bottom:8px;z-index:7;min-height:62px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border:1px solid #dbe8e4;border-radius:18px;box-shadow:0 10px 30px rgba(7,56,47,.16);padding:5px 7px}.mobile-bottom-nav a,.mobile-bottom-nav button{border:0;background:none;text-align:center;color:#53665f;font-size:18px}.mobile-bottom-nav small{display:block;font-size:9px;margin-top:3px}.mobile-bottom-nav .wa-fab{width:52px;height:52px;background:#0d7658;color:#fff;border-radius:50%;display:grid;place-items:center;margin:-20px auto 0;font-size:23px;box-shadow:0 8px 22px rgba(13,118,88,.32)}.dashboard-welcome{padding:17px}.welcome-brand{display:none}.dashboard-welcome h2{font-size:19px}
  .landing-header{padding:8px 10px 0}.landing-nav-wrap{min-height:60px;border-radius:14px}.landing-brand img{width:36px;height:36px}.landing-brand strong{font-size:13px}.landing-brand small{font-size:9px}.landing-menu-btn{display:block;margin-left:auto}.landing-login{display:none}.landing-nav{display:none;position:absolute;left:10px;right:10px;top:72px;flex-direction:column;align-items:stretch;background:#fff;padding:10px;border:1px solid #dfeae6;border-radius:14px;box-shadow:0 18px 35px rgba(0,0,0,.12)}.landing-nav.open{display:flex}.hero{margin:10px 10px 0;grid-template-columns:1fr;padding:36px 22px;border-radius:22px}.hero-copy{text-align:center}.hero-copy>p{font-size:15px}.hero-actions,.hero-points{justify-content:center}.hero-visual{min-height:430px}.chat-a{left:2px}.chat-b{right:2px}.landing-section{margin:12px 10px;padding:48px 18px;border-radius:20px}.section-heading h2{font-size:26px}.cta-section{margin:12px 10px 25px}.landing-footer{padding:0 14px}.service-cards{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:600px){
  .grid.metrics{grid-template-columns:repeat(2,1fr);gap:9px}.metric{padding:12px;gap:9px}.metric .ico{width:42px;height:42px;font-size:20px}.metric b{font-size:22px}.metric small{font-size:10px}.grid.two{gap:10px}.assistant-grid{grid-template-columns:1fr 1fr;padding:10px;gap:9px}.assistant-card{min-height:auto;padding:11px}.assistant-card .round{width:42px;height:42px;font-size:20px}.assistant-card h3{font-size:13px}.assistant-card p{font-size:10px;min-height:45px}.assistant-card .stats b{font-size:17px}.section-title{padding:13px 13px 0}.table-wrap{padding:9px 11px 14px}.dashboard-welcome{border-radius:15px;margin-bottom:10px}.welcome-actions .btn{flex:1}.topbar-left{min-width:0}.topbar-left>div:last-child{min-width:0}.topbar h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:58vw}
  .hero{padding:30px 16px;min-height:auto}.hero h1{font-size:38px;letter-spacing:-1.5px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:column}.hero-btn{width:100%}.hero-points{gap:12px}.hero-points span{flex:1;min-width:120px}.hero-visual{min-height:390px}.phone-card{width:290px;border-width:7px}.phone-body{padding:18px}.phone-body h3{font-size:18px}.floating-chat{font-size:10px;max-width:150px}.chat-a{top:5px}.chat-b{bottom:5px}.feature-cards{grid-template-columns:1fr}.service-cards{grid-template-columns:repeat(2,1fr)}.cta-section{align-items:flex-start;flex-wrap:wrap;padding:20px}.cta-section .btn{width:100%}.landing-footer{flex-direction:column;gap:5px;text-align:center}.landing-brand small{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing-brand{min-width:0}.landing-nav-wrap{padding-right:8px}.login-page{padding:12px}.login-card{padding:22px}
}
@media(max-width:390px){.assistant-grid{grid-template-columns:1fr}.grid.metrics{grid-template-columns:1fr 1fr}.metric{align-items:flex-start;flex-direction:column}.hero h1{font-size:33px}.service-mini-grid{gap:6px}.service-mini-grid div{padding:9px 2px}.landing-brand small{display:none}}

/* v1.1.1 HOTFIX — hard logo size guards */
.landing-brand img{width:44px!important;height:44px!important;max-width:44px!important;min-width:44px!important;object-fit:contain!important}
.brand-logo{width:42px!important;height:42px!important;max-width:42px!important;min-width:42px!important;object-fit:contain!important}
.mobile-logo{width:36px!important;height:36px!important;max-width:36px!important;min-width:36px!important;object-fit:contain!important}
.login-logo{width:72px!important;height:72px!important;max-width:72px!important;object-fit:contain!important}
.cta-section img{width:58px!important;height:58px!important;max-width:58px!important;object-fit:contain!important}
.phone-top img,.preview-top img{width:38px!important;height:38px!important;max-width:38px!important;object-fit:contain!important}
@media(max-width:860px){.landing-brand img{width:36px!important;height:36px!important;max-width:36px!important;min-width:36px!important}}

/* v1.2 — dashboard refresh, CSV contacts, footer */
.app-footer{padding:16px 24px 22px;text-align:center;color:#7a8983;font-size:11px}.app-footer b{color:#0b6f54;font-weight:700}
.dashboard-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;margin-bottom:15px;border-radius:22px;color:#fff;background:radial-gradient(circle at 82% 20%,rgba(255,255,255,.20),transparent 26%),linear-gradient(135deg,#073f35 0%,#0c7157 52%,#11966e 100%);box-shadow:0 16px 38px rgba(8,84,64,.18)}
.dashboard-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-100px;bottom:-160px;background:rgba(255,255,255,.07)}.dashboard-hero-copy{position:relative;z-index:2;max-width:760px}.hero-label,.eyebrow{display:block;font-size:10px;font-weight:850;letter-spacing:1.35px;color:#0b7a58}.dashboard-hero .hero-label{color:#bff5df}.dashboard-hero h2{margin:8px 0 7px;font-size:28px;line-height:1.18}.dashboard-hero p{margin:0;color:#d5eee5;line-height:1.55;font-size:13px}.dashboard-hero .hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.dashboard-hero .btn{border:0}.hero-primary{background:#fff!important;color:#0a5f4a!important}.hero-secondary{background:rgba(255,255,255,.11)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important}.mini-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px}.dashboard-hero-side{position:relative;z-index:2;min-width:235px;display:flex;align-items:center;gap:12px;padding:14px 16px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);border-radius:16px;backdrop-filter:blur(8px)}.dashboard-hero-side img{width:58px!important;height:58px!important;max-width:58px!important;object-fit:contain!important;background:#fff;border-radius:13px;padding:4px}.dashboard-hero-side small,.dashboard-hero-side b,.dashboard-hero-side span{display:block}.dashboard-hero-side small{color:#c8e9dd;font-size:9px}.dashboard-hero-side b{font-size:15px;margin:2px 0}.dashboard-hero-side span{font-size:10px;color:#d9efe7}
.colorful-metrics .metric{position:relative;overflow:hidden;border:0;box-shadow:0 10px 24px rgba(21,59,47,.06)}.colorful-metrics .metric:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-35px;bottom:-45px;background:rgba(255,255,255,.7)}.colorful-metrics .metric .ico{position:relative;z-index:2}.colorful-metrics .metric>div:last-child{position:relative;z-index:2}.colorful-metrics .metric span{display:block;font-size:10px;color:#6d7b76;margin-top:2px}.metric-green{background:linear-gradient(135deg,#ffffff,#e7fbf1)!important;border-left:4px solid #18a66f!important}.metric-blue{background:linear-gradient(135deg,#ffffff,#eaf4ff)!important;border-left:4px solid #3b82f6!important}.metric-violet{background:linear-gradient(135deg,#ffffff,#f2edff)!important;border-left:4px solid #8b5cf6!important}.metric-amber{background:linear-gradient(135deg,#ffffff,#fff5d9)!important;border-left:4px solid #e7a90f!important}.metric-green .ico{background:#dff7ea!important}.metric-blue .ico{background:#e1efff!important}.metric-violet .ico{background:#eee7ff!important}.metric-amber .ico{background:#fff1c6!important}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:12px 0 2px}.quick-card{display:flex;align-items:center;gap:11px;padding:14px 15px;border:1px solid #e1ebe7;border-radius:15px;background:#fff;box-shadow:0 8px 20px rgba(12,62,50,.04);transition:.2s;color:#1d332c}.quick-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(12,62,50,.09)}.quick-card>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;font-size:19px}.quick-card div{flex:1}.quick-card b,.quick-card small{display:block}.quick-card b{font-size:12px}.quick-card small{font-size:9px;color:#76847f;margin-top:3px}.quick-card i{font-style:normal;font-size:18px;color:#8a9893}.q-contact>span{background:#e2f7ed}.q-broadcast>span{background:#fff0cf}.q-flow>span{background:#ece8ff}.q-report>span{background:#e5f1ff}
.assistant-grid-colorful .assistant-card{border:1px solid transparent}.assistant-grid-colorful .tone-1{background:linear-gradient(180deg,#f3fff9,#fff);border-color:#d8f2e6}.assistant-grid-colorful .tone-2{background:linear-gradient(180deg,#f3f8ff,#fff);border-color:#dceaff}.assistant-grid-colorful .tone-3{background:linear-gradient(180deg,#f8f4ff,#fff);border-color:#e9ddff}.assistant-grid-colorful .tone-4{background:linear-gradient(180deg,#fffaf0,#fff);border-color:#f6e8bf}.badge-ok{background:#ddf6e9!important;color:#08764f!important}.badge-muted{background:#eef1f0!important;color:#687771!important}.routing-card{background:linear-gradient(180deg,#fff,#fbfefd)}.routing-notice{background:#fff7df;border-color:#f3db8d;color:#765c0f}.routing-list{margin-top:8px}.routing-row{display:grid;grid-template-columns:1fr auto 1.25fr;align-items:center;gap:8px;padding:11px 5px;border-bottom:1px solid #edf1f0}.routing-row:last-child{border-bottom:0}.routing-row .keyword{font-size:12px;color:#43534d}.routing-row .route-arrow{color:#9aa6a2}.routing-row b{text-align:right;font-size:12px}.system-health{background:linear-gradient(180deg,#fff,#f8fcfa)}.health-list{padding:4px 16px 10px}.health-list>div{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #edf2f0}.health-list>div:last-child{border-bottom:0}.health-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#eaf7f1;color:#0b7657}.health-list div div{flex:1}.health-list small,.health-list b{display:block}.health-list small{font-size:9px;color:#7a8983}.health-list b{font-size:12px}.health-dot{width:10px;height:10px;border-radius:50%;background:#c7d0cd}.health-dot.on{background:#17a66f;box-shadow:0 0 0 4px #dcf5e9}.health-dot.warn{background:#e6a817;box-shadow:0 0 0 4px #fff2cf}.health-dot.off{background:#d95b5b;box-shadow:0 0 0 4px #fde4e4}.webhook-box{margin:0 16px 14px;padding:12px;border-radius:12px;background:#f1f6f4}.webhook-box small{display:block;font-size:9px;color:#75837e;margin-bottom:5px}.webhook-box .code{display:block;overflow:auto;white-space:nowrap}.system-health>.btn{margin:0 16px 16px}
.contacts-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;background:linear-gradient(135deg,#ffffff,#eef9f4)}.contacts-head h2{font-size:22px;margin:5px 0}.contacts-head p{margin:0;color:#6b7a74;font-size:12px}.contact-summary{display:flex;gap:9px}.contact-summary>div{min-width:105px;padding:12px 14px;border-radius:13px;background:#fff;border:1px solid #dfeae6;text-align:center}.contact-summary b,.contact-summary small{display:block}.contact-summary b{font-size:20px;color:#0b7356}.contact-summary small{font-size:9px;color:#76847f}.contact-tools{grid-template-columns:minmax(250px,.85fr) minmax(280px,.95fr) minmax(480px,1.8fr);gap:14px}.contacts-list-card{min-width:0}.csv-import-card{background:linear-gradient(180deg,#fff,#f8fcfa)}.csv-drop{text-align:center;padding:18px;border:1.5px dashed #b8d8cb;border-radius:14px;background:#f4fbf8}.csv-icon{width:48px;height:48px;margin:0 auto 8px;border-radius:14px;display:grid;place-items:center;background:#dff5eb;color:#087353;font-size:25px;font-weight:800}.csv-drop h3{font-size:14px;margin:8px 0 4px}.csv-drop p{font-size:10px;line-height:1.5;color:#6b7a74;margin:0 0 12px}.file-picker{display:block;position:relative}.file-picker input{position:absolute;opacity:0;pointer-events:none}.file-picker span{display:block;padding:10px 12px;border-radius:10px;background:#fff;border:1px solid #d3e2dc;color:#315046;font-size:11px;font-weight:700;cursor:pointer}.template-link{display:inline-block;margin-top:10px;font-size:10px;color:#0b7657;font-weight:700}.csv-help{margin-top:12px;padding:12px;border-radius:12px;background:#fff;border:1px solid #e3ebe8}.csv-help b,.csv-help span,.csv-help small{display:block}.csv-help b{font-size:11px}.csv-help span{font-size:10px;margin:5px 0;color:#42534d}.csv-help small{font-size:9px;color:#7b8984;line-height:1.5}.check-row{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#52635d}
@media(max-width:1200px){.contact-tools{grid-template-columns:1fr 1fr}.contacts-list-card{grid-column:1/-1}.quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.dashboard-hero{padding:20px}.dashboard-hero-side{display:none}.dashboard-hero h2{font-size:22px}.quick-grid{grid-template-columns:1fr 1fr}.contact-tools{grid-template-columns:1fr}.contacts-list-card{grid-column:auto}.contacts-head{align-items:flex-start}.contact-summary{flex-shrink:0}.app-footer{padding-bottom:82px}}
@media(max-width:600px){.dashboard-hero{padding:18px 16px;border-radius:17px}.dashboard-hero h2{font-size:20px}.dashboard-hero p{font-size:11px}.dashboard-hero .hero-actions{display:grid;grid-template-columns:1fr 1fr}.dashboard-hero .hero-actions .btn:first-child{grid-column:1/-1}.quick-grid{grid-template-columns:1fr 1fr;gap:8px}.quick-card{padding:11px}.quick-card>span{width:36px;height:36px}.quick-card b{font-size:11px}.quick-card small{font-size:8px}.contacts-head{display:block;padding:17px}.contact-summary{margin-top:14px}.contact-summary>div{flex:1;min-width:0}.section-title form .input{width:145px!important}.routing-row{grid-template-columns:1fr auto 1.2fr}.routing-row b{font-size:10px}.app-footer{font-size:9px}}
@media(max-width:390px){.quick-grid{grid-template-columns:1fr}.dashboard-hero .hero-actions{grid-template-columns:1fr}.dashboard-hero .hero-actions .btn:first-child{grid-column:auto}.contact-summary{display:grid;grid-template-columns:1fr 1fr}}