:root{--ink:#17231f;--muted:#69756f;--line:#dde4e0;--canvas:#f3f5f2;--card:#fff;--green-950:#0e302a;--green-900:#123d35;--green-800:#195246;--green-100:#dceee8;--orange:#df6a32;--orange-dark:#c55422;--danger:#bb3d43;--shadow:0 12px 35px #18302812;color:var(--ink);background:var(--canvas);font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--canvas);min-width:320px}body{background:var(--canvas);min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}h1,h2,h3,p{margin-top:0}.btn{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 19px;font-size:14px;font-weight:720;text-decoration:none;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.62;cursor:not-allowed}.btn-primary{color:#fff;background:var(--orange);box-shadow:0 8px 18px #df6a3233}.btn-primary:hover:not(:disabled){background:var(--orange-dark);transform:translateY(-1px)}.btn-secondary{color:var(--ink);border-color:var(--line);background:#fff}.btn-secondary:hover:not(:disabled){background:#f8faf9;border-color:#aab8b2}.btn-light{color:var(--green-900);background:#fff}.btn-light:hover{background:#f5faf8;transform:translateY(-1px)}.btn-small{min-height:38px;padding:0 14px;font-size:13px}.btn-ghost{min-height:38px;color:var(--muted);background:0 0;border:0;padding-inline:10px}.btn-ghost:hover{color:var(--ink)}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}.spinner.dark{border-color:#cfd9d5;border-top-color:var(--green-800)}@keyframes spin{to{transform:rotate(360deg)}}.eyebrow{color:var(--green-800);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:800;display:block}.eyebrow.light{color:#a6d6c9}.login-page{background:#fff;grid-template-columns:minmax(420px,.95fr) minmax(460px,1.05fr);min-height:100vh;display:grid}.login-story{color:#fff;background:var(--green-950);flex-direction:column;min-height:100vh;padding:42px 7vw 38px;display:flex;position:relative;overflow:hidden}.login-story:before{content:"";border:1px solid #ffffff1c;border-radius:50%;width:540px;height:540px;position:absolute;top:12%;right:-240px;box-shadow:0 0 0 75px #ffffff06,0 0 0 150px #ffffff05}.login-story:after{content:"↗";color:#ffffff0a;font-family:Georgia,serif;font-size:280px;line-height:.8;position:absolute;bottom:7%;right:8%;transform:rotate(-8deg)}.login-brand,.mobile-brand,.brand{letter-spacing:.08em;align-items:center;gap:12px;display:flex}.brand-mark{background:var(--orange);color:#fff;border-radius:11px;place-items:center;width:36px;height:36px;font-family:Georgia,serif;font-size:21px;font-weight:800;display:inline-grid;box-shadow:0 8px 18px #df6a3240}.story-copy{z-index:1;max-width:590px;margin:auto 0;padding:80px 0;position:relative}.story-copy h1{letter-spacing:-.035em;max-width:570px;margin-bottom:24px;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,4.5vw,67px);font-weight:500;line-height:1.04}.story-copy>p{color:#bed0ca;max-width:520px;font-size:17px;line-height:1.75}.story-points{border-top:1px solid #ffffff1f;gap:24px;margin-top:42px;padding-top:28px;display:flex}.story-points span{color:#e1ebe7;flex-direction:column;gap:8px;max-width:130px;font-size:12px;line-height:1.45;display:flex}.story-points b{color:var(--orange);letter-spacing:.14em;font-size:11px}.story-footer{z-index:1;color:#728f87;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px;position:relative}.login-panel{place-items:center;padding:48px;display:grid}.login-form{width:min(100%,430px)}.mobile-brand{margin-bottom:48px;display:none}.login-form h2{letter-spacing:-.025em;margin-bottom:9px;font-family:Georgia,serif;font-size:36px;font-weight:600}.form-intro{color:var(--muted);margin-bottom:34px;line-height:1.6}.field-group{flex-direction:column;gap:8px;margin-bottom:21px;display:flex}.field-group>span:first-child{font-size:13px;font-weight:750}.field-group b{color:var(--orange)}.field-group em{float:right;color:#99a39f;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-style:normal;font-weight:600}.field-group input,.field-group textarea,.filter-grid input,.filter-grid select{width:100%;color:var(--ink);background:#fff;border:1px solid #d8dfdc;border-radius:10px;outline:none;transition:border .18s,box-shadow .18s}.field-group input{height:48px;padding:0 14px}.field-group textarea{resize:vertical;min-height:112px;padding:13px 14px;line-height:1.55}.field-group input::placeholder,.field-group textarea::placeholder,.filter-grid input::placeholder{color:#a7b0ac}.field-group input:focus,.field-group textarea:focus,.filter-grid input:focus,.filter-grid select:focus{border-color:#4f8b7d;box-shadow:0 0 0 3px #2f70611c}.field-group .invalid{border-color:#cf6065;box-shadow:0 0 0 3px #be3d4414}.field-error{color:var(--danger);font-size:12px;line-height:1.4}.field-error.standalone{margin:-8px 0 18px;display:block}.field-hint{color:#89938f;font-size:11px}.field-hint.good{color:#26816d}.password-input{display:block;position:relative}.password-input input{padding-right:92px}.password-input button{height:38px;color:var(--green-800);background:0 0;border:0;font-size:11px;font-weight:700;position:absolute;top:5px;right:5px}.btn-login{width:100%;min-height:50px;margin-top:4px}.login-note{color:#9aa39f;text-align:center;margin:18px 0 0;font-size:11px}.alert{border-radius:10px;align-items:flex-start;gap:11px;margin-bottom:22px;padding:13px 15px;font-size:13px;line-height:1.5;display:flex}.alert-error{color:#8e2d33;background:#fff0f0;border:1px solid #f1cccc}.alert-success{color:#166653;background:#e9f7f2;border:1px solid #c6e8dc;align-items:center;margin:0 28px 24px}.alert-success>span{color:#fff;background:#27836c;border-radius:50%;flex:0 0 30px;place-items:center;height:30px;display:grid}.alert-success p{color:#5a776e;margin:2px 0 0;font-size:12px}.alert-success button{color:#176b59;background:0 0;border:0;margin-left:auto;font-size:12px;font-weight:750}.admin-shell{min-height:100vh}.sidebar{z-index:40;color:#fff;background:var(--green-950);flex-direction:column;width:252px;padding:30px 20px 24px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #ffffff17;padding:0 8px 30px}.brand div{flex-direction:column;gap:3px;display:flex}.brand strong{font-size:14px}.brand small{color:#77978e;letter-spacing:.04em;font-size:9px}.sidebar-nav{flex-direction:column;flex:1;gap:7px;padding-top:28px;display:flex}.nav-section{color:#6d8a82;letter-spacing:.15em;text-transform:uppercase;margin:0 11px 7px;font-size:9px;font-weight:800}.nav-link{color:#a9c0b9;border-radius:9px;align-items:center;gap:13px;min-height:47px;padding:0 13px;font-size:13px;font-weight:650;text-decoration:none;transition:all .18s;display:flex}.nav-link:hover{color:#fff;background:#ffffff0f}.nav-link.router-link-active{color:#fff;box-shadow:inset 3px 0 var(--orange);background:#1c5045}.nav-icon{place-items:center;width:23px;height:23px;font-size:18px;font-weight:400;display:grid}.sidebar-help{background:#ffffff09;border:1px solid #ffffff1a;border-radius:11px;gap:10px;padding:14px;display:flex}.help-icon{color:#a9c5bd;border:1px solid #56786f;border-radius:50%;flex:0 0 25px;place-items:center;height:25px;font-size:11px;display:grid}.sidebar-help div{flex-direction:column;gap:4px;display:flex}.sidebar-help strong{font-size:11px}.sidebar-help small{color:#749188;font-size:9px;line-height:1.45}.sidebar-overlay{display:none}.admin-main{flex-direction:column;min-height:100vh;margin-left:252px;display:flex}.topbar{border-bottom:1px solid var(--line);background:#ffffffeb;justify-content:space-between;align-items:center;gap:24px;min-height:88px;padding:18px 3.2vw;display:flex}.topbar-title{align-items:center;gap:15px;display:flex}.topbar h1{letter-spacing:-.02em;margin:0 0 4px;font-family:Georgia,serif;font-size:25px;font-weight:600}.topbar p{color:var(--muted);margin:0;font-size:11px}.menu-button{border:1px solid var(--line);width:40px;height:40px;color:var(--green-900);background:#fff;border-radius:9px;display:none}.profile-chip{align-items:center;gap:10px;display:flex}.profile-avatar{color:#fff;background:var(--green-800);border-radius:11px;place-items:center;width:38px;height:38px;font-size:11px;font-weight:800;display:grid}.profile-chip div{flex-direction:column;gap:2px;min-width:110px;display:flex}.profile-chip strong{font-size:12px}.profile-chip small{color:var(--muted);font-size:10px}.page-content{flex:1;width:100%;max-width:1700px;margin:0 auto;padding:30px 3.2vw 42px}.app-footer{color:#87928e;justify-content:space-between;padding:22px 3.2vw;font-size:10px;display:flex}.app-footer button{color:#6d7a75;background:0 0;border:0;font-size:10px}.welcome-strip{color:#fff;background:linear-gradient(110deg, var(--green-900), #174c41);min-height:167px;box-shadow:var(--shadow);border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:31px 36px;display:flex;position:relative;overflow:hidden}.welcome-strip:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:300px;height:300px;position:absolute;right:12%;box-shadow:0 0 0 45px #ffffff05,0 0 0 90px #ffffff04}.welcome-strip>*{z-index:1;position:relative}.welcome-strip h2{margin-bottom:9px;font-family:Georgia,serif;font-size:clamp(25px,2.4vw,35px);font-weight:500}.welcome-strip p{color:#b7cec7;margin:0;font-size:13px}.stats-grid{grid-template-columns:repeat(6,minmax(150px,1fr));gap:14px;margin-bottom:24px;display:grid}.stat-card{background:#fff;border:1px solid #e0e6e3;border-radius:13px;flex-direction:column;min-height:151px;padding:18px 19px;display:flex;box-shadow:0 6px 22px #1f372f09}.stat-topline{justify-content:space-between;align-items:flex-start;display:flex}.stat-label{color:#68756f;font-size:11px;font-weight:700}.stat-icon{color:#1c6a59;background:#e6f1ed;border-radius:8px;place-items:center;width:29px;height:29px;font-size:12px;font-weight:800;display:grid}.tone-mint,.tone-wa{color:#16856d;background:#e1f5ee}.tone-red{color:#b9454a;background:#fce9e9}.tone-blue{color:#3f6e9d;background:#e8f0fa}.tone-orange{color:#c55d2b;background:#fceedf}.stat-value{margin:8px 0 5px;font-family:Georgia,serif;font-size:33px;font-weight:600;line-height:1}.stat-caption{color:#9aa49f;margin-top:auto;font-size:9px}.skeleton-card{background:linear-gradient(100deg,#e8edeb 25%,#f5f7f6 40%,#e8edeb 60%) 0 0/300% 100%;border:0;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-120% 0}}.content-card{background:#fff;border:1px solid #dfe5e2;border-radius:14px;overflow:hidden;box-shadow:0 8px 28px #1f372f0a}.card-header{border-bottom:1px solid #e8ecea;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:18px 23px;display:flex}.card-header h2{margin:0 0 5px;font-family:Georgia,serif;font-size:19px;font-weight:600}.card-header p{color:#8a9490;margin:0;font-size:10px}.text-link{color:var(--green-800);font-size:11px;font-weight:750;text-decoration:none}.loading-block{min-height:180px;color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex}.loading-block.tall{min-height:420px}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:990px}.data-table th{color:#8b9691;letter-spacing:.07em;text-align:left;text-transform:uppercase;background:#f8faf9;padding:12px 15px;font-size:9px;font-weight:800}.data-table td{color:#53615b;vertical-align:middle;border-top:1px solid #edf0ee;padding:15px;font-size:10px}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:#fbfcfb}.date-cell{max-width:110px;line-height:1.45;display:block}.link-cell{flex-direction:column;gap:4px;max-width:210px;display:flex}.link-cell strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.link-cell a{color:#287260;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;overflow:hidden}.email-cell{text-overflow:ellipsis;max-width:140px;display:block;overflow:hidden}.channel-pill{white-space:nowrap;color:#53635d;background:#eef2f0;border-radius:6px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-block}.status-badge{white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:5px 8px;font-size:9px;font-weight:800;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.status-success{color:#19705c;background:#e2f3ed}.status-pending{color:#9b6d1c;background:#f8f0dc}.status-processing{color:#426f9c;background:#e7eff8}.status-partial_success{color:#a45a21;background:#faebdf}.status-failed{color:#ac3b41;background:#f9e7e8}.action-row{gap:5px;display:flex}.icon-button{color:#4e625b;background:#fff;border:1px solid #dde4e0;border-radius:7px;place-items:center;width:29px;height:29px;font-size:13px;text-decoration:none;display:grid}.icon-button:hover{color:var(--green-800);background:#f5faf8;border-color:#96b5ab}.empty-table{color:#8a9691;flex-direction:column;justify-content:center;align-items:center;min-height:210px;display:flex}.empty-table span{color:#4c796e;background:#e8f1ee;border-radius:12px;place-items:center;width:42px;height:42px;margin-bottom:12px;font-size:22px;display:grid}.empty-table strong{color:#41514b;font-size:13px}.empty-table p{margin:5px 0 0;font-size:10px}.send-grid{grid-template-columns:minmax(560px,1.25fr) minmax(340px,.75fr);align-items:start;gap:24px;display:grid}.send-form{overflow:visible}.form-card-header{border-radius:14px 14px 0 0}.form-card-header>div{align-items:center;gap:13px;display:flex}.form-card-header.bordered{border-top:1px solid #e6ebe8;border-radius:0}.step-number{color:#fff;background:var(--green-800);border-radius:10px;place-items:center;width:35px;height:35px;font-family:Georgia,serif;font-size:12px;display:grid}.form-section{padding:25px 28px 16px}.two-columns{position:relative}.character-count{color:#a0aaa5;font-size:9px;position:absolute;bottom:6px;right:2px}.channel-options{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.channel-option{cursor:pointer;border:1px solid #dce3df;border-radius:11px;align-items:center;gap:12px;min-height:76px;padding:13px;transition:all .18s;display:flex;position:relative}.channel-option.selected{background:#f4faf8;border-color:#3b7b6c;box-shadow:0 0 0 2px #29705f14}.channel-option.unavailable{background:snow;border-color:#ead4d5}.channel-option input{opacity:0;position:absolute}.channel-option>span:nth-of-type(2){flex-direction:column;gap:3px;display:flex}.channel-option strong{font-size:12px}.channel-option small{color:#8a9691;font-size:9px}.channel-option i{border:1px solid #b7c2bd;border-radius:50%;width:16px;height:16px;margin-left:auto}.channel-option.selected i{border:4px solid var(--green-800)}.channel-logo{border-radius:9px;flex:0 0 34px;place-items:center;height:34px;font-size:12px;font-weight:850;display:grid}.channel-logo.wa{color:#157560;background:#dff3ec}.channel-logo.mail{color:#3f6f9e;background:#e4eef9}.wa-inline-warning{color:#8f363b;background:#fff5f5;border:1px solid #efd2d4;border-radius:9px;align-items:center;gap:9px;margin:-8px 0 20px;padding:11px 13px;display:flex}.wa-inline-warning>span{color:#fff;background:#b8464c;border-radius:50%;flex:0 0 22px;place-items:center;height:22px;font-size:10px;font-weight:800;display:grid}.wa-inline-warning p{margin:0;font-size:10px}.wa-inline-warning a{color:#823137;font-weight:800}.submit-bar{background:#f8faf9;border-top:1px solid #e7ece9;border-radius:0 0 14px 14px;justify-content:space-between;align-items:center;gap:20px;padding:19px 28px;display:flex}.submit-bar>span{flex-direction:column;gap:3px;display:flex}.submit-bar b{font-size:11px}.submit-bar small{color:#87928d;font-size:9px}.preview-column{min-width:0}.preview-sticky{box-shadow:var(--shadow);background:#fff;border:1px solid #dfe6e2;border-radius:14px;position:sticky;top:22px;overflow:hidden}.preview-heading{justify-content:space-between;align-items:center;padding:21px 22px 13px;display:flex}.preview-heading h2{margin:0;font-family:Georgia,serif;font-size:19px}.live-dot{color:#26806c;font-size:9px;font-weight:750}.preview-tabs{background:#eef2f0;border-radius:9px;gap:4px;margin:0 20px 15px;padding:4px;display:flex}.preview-tabs button{color:#73817b;background:0 0;border:0;border-radius:7px;flex:1;height:32px;font-size:10px;font-weight:750}.preview-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 2px 8px #19312914}.phone-frame{background:#e9e3d8;border:7px solid #1e2925;border-radius:20px;margin:0 20px;overflow:hidden;box-shadow:0 13px 30px #11261f26}.phone-top{color:#fff;background:#174a3f;align-items:center;gap:8px;min-height:57px;padding:9px 11px;display:flex}.phone-top>span:first-child{font-size:21px}.phone-avatar{background:var(--orange);border-radius:50%;place-items:center;width:31px;height:31px;font-family:Georgia,serif;display:grid}.phone-top div{flex-direction:column;gap:2px;display:flex}.phone-top strong{font-size:10px}.phone-top small{color:#a8c7be;font-size:8px}.chat-area{background-color:#eee8dd;background-image:radial-gradient(#28473d14 .8px,#0000 .8px);background-size:15px 15px;min-height:360px;padding:21px 13px}.chat-bubble{background:#d7f4e7;border-radius:8px 2px 8px 8px;width:86%;margin-left:auto;padding:11px 12px 20px;position:relative;box-shadow:0 2px 5px #233a321f}.chat-bubble p{color:#1d2c27;white-space:pre-line;word-break:break-word;margin:0;font-size:10px;line-height:1.55}.chat-bubble small{color:#608578;font-size:7px;position:absolute;bottom:5px;right:8px}.email-preview{border:1px solid #dce3df;border-radius:11px;min-height:440px;margin:0 20px;overflow:hidden;box-shadow:0 9px 25px #1f372f14}.email-chrome{background:#edf1ef;align-items:center;gap:5px;height:32px;padding:0 10px;display:flex}.email-chrome i{background:#b8c1bd;border-radius:50%;width:6px;height:6px}.email-chrome i:first-child{background:#dc7755}.email-chrome span{color:#78847f;margin-left:5px;font-size:8px}.email-meta{border-bottom:1px solid #e8ecea;grid-template-columns:47px 1fr;gap:9px 8px;padding:13px 16px;font-size:9px;display:grid}.email-meta small{color:#929c97}.email-meta strong{text-overflow:ellipsis;overflow:hidden}.email-body{padding:24px 22px}.email-body h3{font-family:Georgia,serif;font-size:20px}.email-body p{color:#53615b;font-size:10px;line-height:1.6}.email-body a{color:#fff;background:var(--orange);border-radius:7px;margin:9px 0 18px;padding:10px 16px;font-size:9px;font-weight:750;display:inline-block}.email-body small{color:#9aa39f;margin-bottom:20px;font-size:7px;display:block}.preview-empty{color:#8e9994;text-align:center;border:1px dashed #ccd6d2;border-radius:11px;place-items:center;min-height:360px;margin:0 20px;font-size:11px;display:grid}.preview-note{color:#929d98;text-align:center;margin:15px 22px 19px;font-size:8px;line-height:1.5}.wa-settings-grid{grid-template-columns:minmax(560px,1.25fr) minmax(320px,.75fr);align-items:start;gap:24px;display:grid}.wa-connection-card{overflow:hidden}.wa-card-hero{color:#fff;background:linear-gradient(120deg,#0f4036,#176451);align-items:center;gap:20px;min-height:190px;padding:34px;display:flex;position:relative;overflow:hidden}.wa-card-hero:after{content:"";border:1px solid #ffffff1c;border-radius:50%;width:220px;height:220px;position:absolute;right:-70px;box-shadow:0 0 0 38px #ffffff06,0 0 0 76px #ffffff05}.wa-card-hero>*{z-index:1;position:relative}.wa-hero-icon{color:#fff;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:18px;flex:0 0 62px;place-items:center;height:62px;font-family:Georgia,serif;font-size:28px;font-weight:700;display:grid;box-shadow:inset 0 1px #ffffff24}.wa-card-hero h2{margin:0 0 10px;font-family:Georgia,serif;font-size:clamp(25px,2.2vw,34px);font-weight:500}.wa-card-hero p{color:#b9d7ce;max-width:630px;margin:0;font-size:12px;line-height:1.7}.wa-config-warning{color:#80551d;background:#fff9ee;border:1px solid #edd5af;border-radius:11px;gap:14px;margin:25px 28px 0;padding:16px;display:flex}.wa-config-warning>span{color:#fff;background:#c8862d;border-radius:50%;flex:0 0 29px;place-items:center;height:29px;font-weight:800;display:grid}.wa-config-warning strong{margin-bottom:5px;font-size:12px;display:block}.wa-config-warning p{color:#8a6a42;margin:0 0 9px;font-size:10px;line-height:1.5}.wa-config-warning code{color:#72501f;background:#f5e8d0;border-radius:5px;margin:2px 4px 2px 0;padding:4px 6px;font-size:8px;display:inline-block}.wa-current-connection,.wa-empty-connection{padding:30px 32px 34px}.wa-connection-heading{border-bottom:1px solid #e7ece9;justify-content:space-between;align-items:center;gap:16px;padding-bottom:22px;display:flex}.wa-connection-heading>div{align-items:center;gap:12px;display:flex}.wa-connection-heading>div>div{flex-direction:column;gap:4px;display:flex}.wa-connection-heading small{color:#89958f;text-transform:uppercase;letter-spacing:.09em;font-size:9px}.wa-connection-heading strong{font-size:14px}.connection-dot{background:#8d9994;border:3px solid #dce3e0;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 4px #f3f6f5}.connection-dot.connected{background:#1d856c;border-color:#bfe6d9}.connection-dot.error,.connection-dot.disconnected{background:#bd4148;border-color:#f3c9cb}.connection-dot.connecting{background:#c58a2d;border-color:#efdcad}.wa-status{color:#66736e;background:#eef2f0;border-radius:99px;padding:7px 10px;font-size:9px;font-weight:800}.wa-status.connected{color:#176b57;background:#e0f3ec}.wa-status.error,.wa-status.disconnected{color:#9e343a;background:#f9e6e7}.wa-status.connecting{color:#8a611f;background:#f9efda}.wa-phone-number{letter-spacing:-.02em;padding:26px 0 22px;font-family:Georgia,serif;font-size:31px;font-weight:600}.wa-meta-list{border-top:1px solid #e8ecea;grid-template-columns:1fr 1fr;gap:0;margin:0;display:grid}.wa-meta-list>div{border-bottom:1px solid #e8ecea;min-width:0;padding:15px 12px 15px 0}.wa-meta-list>div:nth-child(2n){border-left:1px solid #e8ecea;padding-left:18px}.wa-meta-list dt{color:#8b9691;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:8px;font-weight:800}.wa-meta-list dd{color:#374740;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:10px;overflow:hidden}.wa-error{margin:20px 0 0}.wa-actions{flex-wrap:wrap;align-items:center;gap:9px;margin-top:24px;display:flex}.wa-remove{color:#9d3b41;margin-left:auto}.wa-empty-connection{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:340px;display:flex}.wa-empty-symbol{color:#1a765f;background:#e1f3ed;border-radius:17px;place-items:center;width:58px;height:58px;margin-bottom:18px;font-family:Georgia,serif;font-size:27px;display:grid}.wa-empty-connection h3{margin-bottom:8px;font-family:Georgia,serif;font-size:22px}.wa-empty-connection p{color:#718079;max-width:500px;margin-bottom:23px;font-size:11px;line-height:1.7}.wa-connect-button{min-width:230px}.wa-guide-column{gap:16px;display:grid}.wa-guide-card{padding:26px}.wa-guide-card h3{margin-bottom:22px;font-family:Georgia,serif;font-size:21px}.wa-step-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.wa-step-list li{grid-template-columns:32px 1fr;gap:12px;padding-bottom:22px;display:grid;position:relative}.wa-step-list li:not(:last-child):after{content:"";background:#dce5e1;width:1px;position:absolute;top:30px;bottom:2px;left:15px}.wa-step-list li>span{z-index:1;color:#1e6b59;background:#f6faf8;border:1px solid #cbd8d3;border-radius:9px;place-items:center;width:31px;height:31px;font-size:10px;font-weight:800;display:grid}.wa-step-list strong{margin:3px 0 5px;font-size:11px;display:block}.wa-step-list p{color:#7f8b86;margin:0;font-size:9px;line-height:1.55}.wa-security-note{color:#dcebe6;background:var(--green-900);box-shadow:var(--shadow);border-radius:13px;gap:13px;padding:19px;display:flex}.wa-security-note>span{color:#fff;background:#ffffff1a;border-radius:10px;flex:0 0 33px;place-items:center;height:33px;display:grid}.wa-security-note strong{font-size:11px}.wa-security-note p{color:#9dbdb4;margin:5px 0 0;font-size:9px;line-height:1.55}.wa-webhook-card{padding:19px}.wa-webhook-card small{color:#7f8c86;text-transform:uppercase;margin-bottom:8px;font-size:9px;font-weight:750;display:block}.wa-webhook-card code{color:#456159;text-overflow:ellipsis;white-space:nowrap;background:#f3f6f5;border-radius:7px;padding:9px 10px;font-size:8px;display:block;overflow:hidden}.filter-card{margin-bottom:18px;overflow:visible}.filter-grid{grid-template-columns:minmax(210px,1.5fr) repeat(2,minmax(135px,.7fr)) repeat(2,minmax(140px,.75fr)) auto auto;align-items:center;gap:9px;padding:15px;display:grid}.filter-grid input,.filter-grid select{color:#53615b;height:38px;padding:0 11px;font-size:10px}.search-field{position:relative}.search-field span{z-index:1;color:#798680;font-size:17px;position:absolute;top:8px;left:12px}.search-field input{padding-left:35px}.date-input{position:relative}.date-input span{color:#88938e;background:#fff;padding:0 3px;font-size:7px;position:absolute;top:-5px;left:9px}.pagination-bar{color:#7e8a85;border-top:1px solid #e7ece9;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;font-size:10px;display:flex}.pagination-bar>div{align-items:center;gap:10px;display:flex}.page-count{text-align:center;min-width:48px}.detail-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px;display:flex}.detail-toolbar>div{gap:8px;display:flex}.back-link{color:#53655e;font-size:11px;font-weight:700;text-decoration:none}.detail-hero{color:#fff;background:var(--green-900);box-shadow:var(--shadow);border-radius:14px;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px;padding:27px 30px;display:flex}.detail-hero h2{margin:8px 0;font-family:Georgia,serif;font-size:27px;font-weight:500}.detail-hero a{color:#aed2c8;text-overflow:ellipsis;white-space:nowrap;max-width:700px;font-size:11px;display:block;overflow:hidden}.detail-hero .status-badge{margin-top:6px}.delivery-id{color:#86aca2;letter-spacing:.12em;font-size:9px;font-weight:800}.detail-grid{grid-template-columns:.85fr 1.15fr;align-items:start;gap:20px;display:grid}.info-list{margin:0;padding:6px 23px 22px}.info-list>div{border-bottom:1px solid #edf0ef;grid-template-columns:115px 1fr;gap:15px;padding:14px 0;display:grid}.info-list>div:last-child{border:0}.info-list dt,.log-entry dt{color:#8b9691;text-transform:uppercase;font-size:9px;font-weight:750}.info-list dd,.log-entry dd{color:#35453f;word-break:break-word;min-width:0;margin:0;font-size:11px;line-height:1.6}.info-list dd a{color:#21705e}.info-list dd small{color:#8c9692;margin-top:3px;font-size:9px;display:block}.preserve-lines{white-space:pre-line}.channel-log{border-bottom:1px solid #e8ecea;padding:20px 23px}.channel-log:last-child{border:0}.log-heading{align-items:center;gap:11px;margin-bottom:14px;display:flex}.log-heading>div{flex-direction:column;gap:3px;display:flex}.log-heading strong{font-size:12px}.log-heading small{color:#84908b;font-size:9px}.log-entry{background:#fafbfa;border:1px solid #e4e9e7;border-radius:10px;grid-template-columns:100px 1fr;gap:15px;padding:15px;display:grid}.log-entry dl{gap:9px;margin:0;display:grid}.log-entry dl>div{grid-template-columns:135px 1fr;gap:10px;display:grid}.log-entry .log-error dd{color:#a83b41}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#091d18a3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{text-align:center;background:#fff;border-radius:16px;width:min(100%,420px);padding:31px;box-shadow:0 30px 80px #05181240}.modal-symbol{color:#b8582b;background:#f9e9df;border-radius:14px;place-items:center;width:48px;height:48px;margin:0 auto 18px;font-size:23px;display:grid}.modal-card h2{margin-bottom:9px;font-family:Georgia,serif;font-size:23px}.modal-card p{color:var(--muted);margin-bottom:24px;font-size:12px;line-height:1.65}.modal-actions{grid-template-columns:1fr 1.25fr;gap:9px;display:grid}.modal-enter-active,.modal-leave-active,.fade-enter-active,.fade-leave-active{transition:opacity .18s}.modal-enter-active .modal-card,.modal-leave-active .modal-card{transition:transform .18s}.modal-enter-from,.modal-leave-to,.fade-enter-from,.fade-leave-to{opacity:0}.modal-enter-from .modal-card,.modal-leave-to .modal-card{transform:scale(.96)translateY(6px)}.toast-stack{z-index:120;flex-direction:column;gap:9px;width:min(380px,100vw - 32px);display:flex;position:fixed;top:20px;right:20px}.toast-item{text-align:left;border:1px solid;border-radius:11px;grid-template-columns:28px 1fr 18px;align-items:center;gap:9px;width:100%;padding:13px 14px;font-size:11px;font-weight:650;display:grid;box-shadow:0 14px 35px #0f271f29}.toast-success{color:#145b4b;background:#f2fbf8;border-color:#c3e5da}.toast-error{color:#8f3036;background:#fff4f4;border-color:#efc9cc}.toast-icon{color:#fff;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.toast-success .toast-icon{background:#23816b}.toast-error .toast-icon{background:#b84248}.toast-close{color:#89938f;font-size:17px}.toast-enter-active,.toast-leave-active{transition:all .25s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(25px)}@media (width<=1280px){.stats-grid{grid-template-columns:repeat(3,1fr)}.stat-card{min-height:135px}.filter-grid{grid-template-columns:minmax(240px,2fr) repeat(2,1fr) repeat(2,1fr)}.filter-grid .btn{grid-column:auto}}@media (width<=1060px){.sidebar{transition:transform .23s;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:20px 0 50px #081a1538}.sidebar-overlay{z-index:35;background:#091c178c;border:0;display:block;position:fixed;inset:0}.admin-main{margin-left:0}.menu-button{display:block}.send-grid{grid-template-columns:minmax(480px,1.2fr) minmax(300px,.8fr)}.wa-settings-grid{grid-template-columns:minmax(480px,1.2fr) minmax(290px,.8fr)}.login-page{grid-template-columns:1fr 1fr}.login-story{padding-inline:5vw}.story-points{gap:14px}}@media (width<=820px){.login-page{background:var(--canvas);display:block}.login-story{display:none}.login-panel{min-height:100vh;padding:32px 22px}.login-form{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:32px}.mobile-brand{display:flex}.send-grid,.detail-grid,.wa-settings-grid{grid-template-columns:1fr}.preview-sticky{position:static}.phone-frame,.email-preview{max-width:460px;margin-inline:auto}.preview-note{margin-bottom:22px}.filter-grid{grid-template-columns:1fr 1fr}.filter-grid .search-field{grid-column:1/-1}.detail-info{order:1}.timeline-card{order:2}}@media (width<=600px){.topbar{min-height:73px;padding:13px 16px}.topbar h1{font-size:20px}.topbar p,.profile-chip div{display:none}.profile-chip{margin-left:auto}.profile-avatar{width:36px;height:36px}.page-content{padding:18px 14px 30px}.app-footer{padding-inline:16px}.welcome-strip{flex-direction:column;align-items:flex-start;min-height:210px;padding:25px}.welcome-strip .btn{width:100%}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{min-height:128px;padding:15px}.stat-value{font-size:29px}.card-header{padding:16px}.form-section{padding:21px 17px 11px}.channel-options{grid-template-columns:1fr}.wa-card-hero{flex-direction:column;align-items:flex-start;padding:27px 22px}.wa-current-connection,.wa-empty-connection{padding:24px 18px 28px}.wa-connection-heading{align-items:flex-start}.wa-phone-number{font-size:27px}.wa-meta-list{grid-template-columns:1fr}.wa-meta-list>div:nth-child(2n){border-left:0;padding-left:0}.wa-actions{flex-direction:column;align-items:stretch}.wa-actions .btn{width:100%}.wa-remove{margin-left:0}.wa-config-warning{margin-inline:18px}.submit-bar{flex-direction:column;align-items:stretch;padding:17px}.submit-bar .btn{width:100%}.alert-success{flex-wrap:wrap;align-items:flex-start;margin-inline:17px}.alert-success button{text-align:left;width:100%;margin:4px 0 0 40px}.filter-grid{grid-template-columns:1fr}.filter-grid .search-field{grid-column:auto}.pagination-bar{flex-direction:column;align-items:stretch}.pagination-bar>div{justify-content:space-between}.pagination-bar .btn{padding-inline:10px}.detail-toolbar{flex-direction:column;align-items:flex-start}.detail-toolbar>div{width:100%}.detail-toolbar .btn{flex:1}.detail-hero{flex-direction:column;padding:23px}.info-list{padding-inline:17px}.info-list>div{grid-template-columns:1fr;gap:6px}.channel-log{padding-inline:17px}.log-entry{grid-template-columns:1fr}.log-entry dl>div{grid-template-columns:1fr;gap:3px}.login-panel{padding:14px}.login-form{padding:28px 21px}.login-form h2{font-size:30px}.modal-card{padding:25px 20px}.modal-actions{grid-template-columns:1fr}.toast-stack{top:12px;right:16px}}