:root,:host{--wa-green: #25D366;--wa-green-600: #1FBE5A;--wa-green-700: #12A150;--wa-teal: #128C7E;--wa-teal-deep: #075E54;--wa-green-soft: #DCF8C6;--wa-green-tint: #E7FCE3;--mojo-lime: #A8FF53;--mojo-mint: #5BE9B9;--mojo-gold: #FFC93C;--mojo-coral: #FF6B57;--mojo-violet: #7C5CFC;--bg: #F6F8F7;--bg-elevated: #FFFFFF;--bg-chat: #EFEAE2;--panel: #FFFFFF;--ink: #0B141A;--ink-2: #3B4A54;--ink-3: #667781;--line: #E4E9E7;--line-2: #D6DEDB;--ring: rgba(37,211,102,.35);--bubble-in: #FFFFFF;--bubble-out: #D9FDD3;--tick-blue: #53BDEB;--font-display: "Clash Display", "Sora", "Segoe UI", system-ui, sans-serif;--font-body: "Plus Jakarta Sans", "Inter", "Segoe UI", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, monospace;--fs-hero: clamp(2.6rem, 6vw, 5rem);--fs-h1: clamp(2rem, 4vw, 3.2rem);--fs-h2: clamp(1.6rem, 3vw, 2.4rem);--fs-h3: 1.35rem;--fs-lg: 1.15rem;--fs-base: 1rem;--fs-sm: .9rem;--fs-xs: .78rem;--r-xs: 8px;--r-sm: 12px;--r-md: 18px;--r-lg: 26px;--r-xl: 36px;--r-pill: 999px;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--sp-8:4.5rem;--sp-9:6.5rem;--sh-sm: 0 1px 2px rgba(11,20,26,.06), 0 1px 3px rgba(11,20,26,.05);--sh-md: 0 6px 18px rgba(11,20,26,.08), 0 2px 6px rgba(11,20,26,.05);--sh-lg: 0 24px 60px rgba(11,20,26,.14), 0 8px 20px rgba(11,20,26,.08);--sh-glow: 0 12px 40px rgba(37,211,102,.35);--maxw: 1200px;--ease: cubic-bezier(.22,.61,.36,1)}:root[data-theme=dark],:host([data-theme="dark"]){--bg: #0B141A;--bg-elevated: #111B21;--bg-chat: #0B141A;--panel: #182229;--ink: #E9EDEF;--ink-2: #C6D0D4;--ink-3: #8696A0;--line: #22303A;--line-2: #2A3942;--bubble-in: #202C33;--bubble-out: #005C4B;--wa-green-soft: #025144;--wa-green-tint: #10231D;--sh-lg: 0 24px 60px rgba(0,0,0,.5), 0 8px 20px rgba(0,0,0,.4);--sh-md: 0 6px 18px rgba(0,0,0,.35)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);line-height:1.55;font-size:var(--fs-base);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img,svg{display:block;max-width:100%}[data-icon]{display:inline-flex;width:1.15em;height:1.15em;flex:0 0 auto;vertical-align:-.18em}[data-icon]>svg{width:100%;height:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.05;letter-spacing:-.02em}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(1.1rem,4vw,2.4rem)}.section{padding-block:var(--sp-9);position:relative}.center{text-align:center}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.grid{display:grid;gap:var(--sp-5)}.kicker{display:inline-flex;align-items:center;gap:.5rem;font:600 var(--fs-xs)/1 var(--font-body);text-transform:uppercase;letter-spacing:.14em;color:var(--wa-teal);background:var(--wa-green-tint);padding:.5rem .85rem;border-radius:var(--r-pill);border:1px solid color-mix(in srgb,var(--wa-green) 25%,transparent)}:root[data-theme=dark] .kicker{color:var(--mojo-mint)}.btn{--pad-y: .95rem;--pad-x: 1.5rem;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;font:600 var(--fs-base)/1 var(--font-body);padding:var(--pad-y) var(--pad-x);border-radius:var(--r-pill);transition:transform .18s var(--ease),box-shadow .25s var(--ease),background .2s;white-space:nowrap;position:relative}.btn:active{transform:translateY(1px) scale(.99)}.btn-primary{background:linear-gradient(135deg,var(--wa-green) 0%,var(--wa-green-700) 100%);color:#06231a;box-shadow:var(--sh-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 50px #25d36680}.btn-ghost{background:var(--bg-elevated);color:var(--ink);border:1.5px solid var(--line-2);box-shadow:var(--sh-sm)}.btn-ghost:hover{border-color:var(--wa-green);color:var(--wa-teal);transform:translateY(-2px)}.btn-dark{background:var(--wa-teal-deep);color:#fff}.btn-dark:hover{background:var(--wa-teal);transform:translateY(-2px)}.btn-lg{--pad-y: 1.15rem;--pad-x: 2rem;font-size:var(--fs-lg)}.btn-block{width:100%}.card{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-6);box-shadow:var(--sh-sm);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}.card:hover{transform:translateY(-6px);box-shadow:var(--sh-lg);border-color:color-mix(in srgb,var(--wa-green) 40%,var(--line))}.chip{display:inline-flex;align-items:center;gap:.4rem;font:600 var(--fs-xs)/1 var(--font-body);padding:.4rem .7rem;border-radius:var(--r-pill);background:var(--wa-green-tint);color:var(--wa-teal)}.badge-fomo{display:inline-flex;align-items:center;gap:.5rem;font:700 var(--fs-xs)/1 var(--font-body);text-transform:uppercase;letter-spacing:.1em;color:#3a2400;background:linear-gradient(90deg,var(--mojo-gold),#ffdd7a);padding:.55rem .9rem;border-radius:var(--r-pill);box-shadow:0 6px 20px #ffc93c66}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--mojo-coral);box-shadow:0 0 #ff6b5799;animation:pulse 1.8s infinite}@keyframes pulse{0%{box-shadow:0 0 #ff6b578c}70%{box-shadow:0 0 0 10px #ff6b5700}to{box-shadow:0 0 #ff6b5700}}.head{max-width:720px;margin-inline:auto}.head h2{font-size:var(--fs-h1);margin:var(--sp-3) 0}.head p{color:var(--ink-2);font-size:var(--fs-lg)}.grad-text{background:linear-gradient(120deg,var(--wa-teal),var(--wa-green) 55%,var(--mojo-mint));-webkit-background-clip:text;background-clip:text;color:transparent}.blob{position:absolute;z-index:0;filter:blur(.5px);opacity:.9;pointer-events:none}.noise{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.4;pointer-events:none;background-image:radial-gradient(color-mix(in srgb,var(--wa-green) 8%,transparent) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(circle at 50% 40%,#000,transparent 75%)}.float{animation:float 7s ease-in-out infinite}.float-2{animation:float 9s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(4deg)}}[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease)}[data-reveal].in{opacity:1;transform:none}.mono{font-family:var(--font-mono)}@media (max-width: 760px){.hide-sm{display:none!important}}.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}@media (max-width: 900px){.app{grid-template-columns:74px 1fr}.side .lbl,.side .brand-txt,.side .side-foot{display:none}}.side{background:var(--brand-primary, var(--wa-teal-deep));color:#cfeede;display:flex;flex-direction:column;padding:1.1rem .8rem;position:sticky;top:0;height:100vh}:root[data-theme=dark] .side{background:#06231f;border-right:1px solid #0d3a33}.side .brand{display:flex;align-items:center;gap:.6rem;padding:.4rem .5rem 1.2rem}.side .brand img{height:30px}.side .brand-txt{font:700 1.15rem/1 var(--font-display);color:#fff}.side nav{display:flex;flex-direction:column;gap:.25rem}.side .navitem{display:flex;align-items:center;gap:.85rem;padding:.7rem .8rem;border-radius:12px;color:#bfe6d3;font-weight:500;font-size:.92rem;transition:background .2s,color .2s}.side .navitem svg{width:20px;height:20px}.side .navitem:hover{background:#ffffff14;color:#fff}.side .navitem.active{background:var(--brand-accent, var(--wa-green));color:#053;font-weight:600}.side .navsec{font:700 .68rem/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#6fae95;padding:1rem .8rem .4rem}.side-foot{margin-top:auto;background:#ffffff12;border-radius:14px;padding:.9rem}.side-foot .bar{height:7px;background:#ffffff26;border-radius:99px;overflow:hidden;margin:.5rem 0}.side-foot .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--mojo-lime),var(--wa-green));border-radius:99px}.side-foot small{color:#a9d6c2;font-size:.72rem}.main{background:var(--bg);min-width:0}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem clamp(1rem,3vw,2rem);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.topbar h1{font-size:1.4rem}.searchbox{display:flex;align-items:center;gap:.6rem;background:var(--bg-elevated);border:1px solid var(--line-2);border-radius:var(--r-pill);padding:.55rem 1rem;color:var(--ink-3);width:min(360px,40vw)}.searchbox input{border:none;background:none;outline:none;color:var(--ink);width:100%;font-size:.9rem}.topbar .actions{display:flex;align-items:center;gap:.7rem}.iconbtn{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--ink-2);background:var(--bg-elevated);border:1px solid var(--line);position:relative}.iconbtn:hover{border-color:var(--wa-green);color:var(--wa-teal)}.iconbtn .dot{position:absolute;top:8px;right:9px;width:8px;height:8px;background:var(--mojo-coral);border-radius:50%;border:2px solid var(--bg-elevated)}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--mojo-mint),var(--wa-green));display:grid;place-items:center;color:#053;font:700 .9rem/1 var(--font-body)}.content{padding:clamp(1rem,3vw,2rem)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}@media (max-width: 1050px){.kpis{grid-template-columns:1fr 1fr}}.kpi{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--r-md);padding:1.2rem}.kpi .ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;margin-bottom:.7rem}.kpi .ic svg{width:22px;height:22px}.kpi .val{font:700 1.9rem/1 var(--font-display);color:var(--ink)}.kpi .lbl{color:var(--ink-3);font-size:.82rem;margin-top:.2rem}.kpi .delta{font-size:.75rem;font-weight:700;margin-top:.5rem;display:inline-flex;gap:.3rem;align-items:center}.kpi .delta.up{color:var(--wa-green-700)}.kpi .delta.down{color:var(--mojo-coral)}.ic.g{background:var(--wa-green-tint);color:var(--wa-teal)}.ic.v{background:#efeaff;color:var(--mojo-violet)}.ic.o{background:#fff3d6;color:#b8860b}.ic.c{background:#ffe9e5;color:var(--mojo-coral)}:root[data-theme=dark] .ic.v{background:#241d3d}:root[data-theme=dark] .ic.o{background:#332a10}:root[data-theme=dark] .ic.c{background:#3a1f1b}.panel{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--r-md);padding:1.3rem}.panel h3{font-size:1.05rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.panel h3 a{font:600 .8rem/1 var(--font-body);color:var(--wa-teal)}.grid-2{display:grid;grid-template-columns:2fr 1fr;gap:var(--sp-4)}@media (max-width: 1050px){.grid-2{grid-template-columns:1fr}}.bars{display:flex;align-items:flex-end;gap:.7rem;height:180px;padding-top:.5rem}.bars .b{flex:1;background:linear-gradient(180deg,var(--wa-green),var(--wa-green-700));border-radius:8px 8px 3px 3px;position:relative;min-width:8px}.bars .b span{position:absolute;bottom:-22px;left:0;right:0;text-align:center;font-size:.7rem;color:var(--ink-3)}.bars .b.alt{background:linear-gradient(180deg,var(--mojo-mint),var(--wa-teal));opacity:.9}.donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--wa-green) 0 62%,var(--mojo-gold) 62% 82%,var(--mojo-violet) 82% 100%);display:grid;place-items:center;margin-inline:auto}.donut .hole{width:96px;height:96px;border-radius:50%;background:var(--bg-elevated);display:grid;place-items:center;text-align:center}.legend{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;font-size:.82rem}.legend i{width:10px;height:10px;border-radius:3px;display:inline-block;margin-right:.5rem}.tbl{width:100%;border-collapse:separate;border-spacing:0}.tbl th{text-align:left;font:700 .72rem/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:.6rem .7rem;border-bottom:1px solid var(--line)}.tbl td{padding:.75rem .7rem;border-bottom:1px solid var(--line);font-size:.88rem;color:var(--ink-2)}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:color-mix(in srgb,var(--wa-green) 5%,transparent)}.st{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;font-size:.76rem;padding:.28rem .6rem;border-radius:99px}.st.ok{background:var(--wa-green-tint);color:var(--wa-green-700)}.st.warn{background:#fff3d6;color:#9a7000}.st.off{background:#ffe9e5;color:var(--mojo-coral)}.st.info{background:#e6f4ff;color:#0a6ebd}:root[data-theme=dark] .st.warn{background:#332a10}:root[data-theme=dark] .st.info{background:#0d2a3d}:root[data-theme=dark] .st.off{background:#3a1f1b}.mini-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--mojo-mint),var(--wa-green));display:inline-grid;place-items:center;color:#053;font:700 .72rem/1 var(--font-body);margin-right:.55rem;vertical-align:middle}.b-sm{--pad-y:.55rem;--pad-x:1rem;font-size:.85rem}.bubble{max-width:78%;padding:.5rem .75rem;border-radius:12px;font-size:.9rem;box-shadow:var(--sh-sm);margin-bottom:.5rem;position:relative;width:fit-content}.bubble.in{background:var(--bubble-in);color:var(--ink);border-top-left-radius:4px}.bubble.out{background:var(--bubble-out);color:var(--ink);margin-left:auto;border-top-right-radius:4px}.bubble .meta{display:flex;align-items:center;gap:.3rem;justify-content:flex-end;font-size:.66rem;color:var(--ink-3);margin-top:.2rem}.ticks{color:var(--tick-blue);font-size:.8rem}.wa-shell{display:grid;grid-template-columns:72px 400px 1fr 360px;height:100vh;background:var(--bg-chat)}@media (max-width:1100px){.wa-shell{grid-template-columns:72px 1fr 340px}.wa-shell .wa-chatlist{display:none}}.wa-rail{background:#202c33;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem .4rem}:root[data-theme=light] .wa-rail{background:#f0f2f5}.wa-rail .r{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#8696a0}.wa-rail .r.on,.wa-rail .r:hover{background:var(--wa-green);color:#053}.wa-rail .r svg{width:22px;height:22px}.wa-rail .rlabel{font-size:.5rem}.wa-chatlist{background:var(--bg-elevated);border-right:1px solid var(--line);overflow:hidden}.wa-chatlist .search{padding:.6rem .8rem}.wa-chatlist .search div{background:var(--bg);border-radius:99px;padding:.5rem .9rem;color:var(--ink-3);font-size:.85rem}.wa-chatrow{display:flex;gap:.7rem;padding:.7rem .8rem;border-bottom:1px solid var(--line);cursor:pointer}.wa-chatrow:hover{background:var(--bg)}.wa-chatrow.active{background:color-mix(in srgb,var(--wa-green) 8%,transparent)}.wa-chatrow .a{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--mojo-mint),var(--wa-green));flex:0 0 auto;display:grid;place-items:center;color:#053;font:700 .85rem/1 var(--font-body)}.wa-chatrow .nm{font-weight:600;color:var(--ink);font-size:.9rem;display:flex;justify-content:space-between}.wa-chatrow .nm span{font-weight:500;color:var(--ink-3);font-size:.7rem}.wa-chatrow .pv{color:var(--ink-3);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}.wa-chatrow .tag{font-size:.64rem;padding:.1rem .45rem;border-radius:99px;background:var(--wa-green-tint);color:var(--wa-teal);font-weight:700}.wa-conv{display:flex;flex-direction:column;background:var(--bg-chat);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0 20h40M20 0v40' stroke='%2300000006' stroke-width='1'/%3E%3C/svg%3E")}.wa-conv .ch-top{display:flex;align-items:center;gap:.7rem;padding:.7rem 1rem;background:var(--bg-elevated);border-bottom:1px solid var(--line)}.wa-conv .ch-body{flex:1;padding:1rem;overflow:auto}.wa-conv .ch-input{display:flex;gap:.6rem;align-items:center;padding:.7rem 1rem;background:var(--bg-elevated);border-top:1px solid var(--line)}.wa-conv .ch-input .box{flex:1;background:var(--bg);border-radius:99px;padding:.6rem 1rem;color:var(--ink-3);font-size:.88rem}.wa-chips{display:flex;gap:.4rem;flex-wrap:wrap;padding:.5rem 1rem;background:var(--bg-elevated);border-top:1px dashed var(--line)}.wa-chip{display:inline-flex;align-items:center;gap:.35rem;font:600 .74rem/1 var(--font-body);padding:.4rem .7rem;border-radius:99px;background:var(--wa-green-tint);color:var(--wa-teal);cursor:pointer}.wa-chip svg{width:14px;height:14px}.wa-chip:hover{background:var(--wa-green);color:#053}.wm-panel{background:var(--bg-elevated);border-left:1px solid var(--line);display:flex;flex-direction:column}.wm-panel .p-top{background:var(--wa-teal-deep);color:#fff;padding:.9rem 1rem;display:flex;align-items:center;gap:.6rem}.wm-panel .p-top img{height:22px}.wm-panel .p-top .t{font:700 .95rem/1 var(--font-display)}.wm-panel .p-body{padding:1rem;overflow:auto;display:flex;flex-direction:column;gap:1rem}.wm-card{border:1px solid var(--line);border-radius:14px;padding:1rem}.wm-card h4{font:700 .8rem/1 var(--font-body);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin-bottom:.7rem;display:flex;justify-content:space-between}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.7rem}.field label{font-size:.76rem;color:var(--ink-3);font-weight:600}.field .inp{border:1px solid var(--line-2);border-radius:10px;padding:.55rem .7rem;font-size:.85rem;color:var(--ink);background:var(--bg)}.range-row{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:var(--ink-2);padding:.3rem 0}.switch{width:38px;height:22px;border-radius:99px;background:var(--wa-green);position:relative}.switch:after{content:"";position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:#fff}.switch.off{background:var(--line-2)}.switch.off:after{left:2px;right:auto}.progress{height:8px;background:var(--line);border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--wa-green),var(--wa-green-700))}.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:1rem;overflow-x:auto;padding-bottom:.5rem}.kcol{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:.8rem}.kcol .kh{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:.85rem;margin-bottom:.7rem}.kcol .kh .cnt{font-size:.7rem;background:var(--wa-green-tint);color:var(--wa-teal);padding:.15rem .5rem;border-radius:99px}.kcard{background:var(--bg-elevated);border:1px solid var(--line);border-radius:12px;padding:.7rem;margin-bottom:.6rem;box-shadow:var(--sh-sm)}.kcard .kn{font-weight:600;font-size:.85rem;color:var(--ink);display:flex;align-items:center}.kcard .kp{color:var(--ink-3);font-size:.76rem;margin:.35rem 0}.kcard .kt{display:flex;gap:.3rem;flex-wrap:wrap}.kcard .kt span{font-size:.62rem;padding:.12rem .45rem;border-radius:99px;background:var(--wa-green-tint);color:var(--wa-teal);font-weight:700}.dot-col{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:.4rem}.login-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:var(--bg)}.login-card{width:min(100%,430px);background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(1.5rem,5vw,2.5rem);box-shadow:var(--sh-lg)}.login-logo{width:150px;max-height:42px;object-fit:contain;object-position:left center;margin-bottom:2rem}.login-card h1{margin:.35rem 0 .5rem}.login-card form{margin-top:1.5rem}.field input,.field select,.field textarea{width:100%;box-sizing:border-box;border:1px solid var(--line-2);border-radius:10px;padding:.7rem .8rem;background:var(--bg);color:var(--ink);font:inherit;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--wa-green);box-shadow:0 0 0 3px var(--wa-green-tint)}.btn-ghost{background:var(--bg-elevated);color:var(--ink-2);border:1px solid var(--line)}.btn-ghost:hover{border-color:var(--wa-green);color:var(--wa-teal)}.side-role{color:#fff;font:700 .95rem/1 var(--font-display);text-transform:capitalize;margin:.35rem 0 .7rem}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem}.section-heading h2{margin:.2rem 0 0}.eyebrow{color:var(--wa-teal);font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin:0}.muted{color:var(--ink-3)}.error-msg{color:var(--mojo-coral);background:#ffe9e5;border:1px solid #f2b7ad;border-radius:10px;padding:.65rem .8rem;font-size:.82rem}:root[data-theme=dark] .error-msg{background:#3a1f1b;border-color:#78443c}.inline-error{margin:0 0 1rem}.success-box{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;color:var(--wa-teal);background:var(--wa-green-tint);border:1px solid var(--wa-green);border-radius:12px;padding:.75rem 1rem}.success-box .close-btn{margin-left:auto;border:0;background:none;color:inherit;font-size:1.2rem;cursor:pointer}.mono{font-family:var(--font-mono, "Space Mono", monospace);font-size:.78rem}.copy-btn,.text-btn{border:0;background:none;color:var(--wa-teal);cursor:pointer;font:600 .72rem/1 var(--font-body);padding:.2rem .35rem}.copy-btn{border:1px solid var(--line-2);border-radius:6px}.text-btn:hover,.copy-btn:hover{color:var(--wa-green-700);text-decoration:underline}.danger-text{color:var(--mojo-coral)}.row-actions{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.table-panel{padding:1rem}.detail-row td{background:color-mix(in srgb,var(--wa-green) 4%,var(--bg-elevated))}.detail-box{display:flex;flex-direction:column;gap:.65rem;padding:.7rem;border:1px solid var(--line);border-radius:10px}.device-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.5rem 0;border-top:1px solid var(--line)}.device-row .text-btn{margin-left:auto}.loading-page{min-height:100vh;display:grid;place-items:center;color:var(--ink-2);background:var(--bg)}.loading-state{color:var(--ink-2)}.empty-state{display:grid;place-items:center;min-height:130px;color:var(--ink-3);text-align:center}.empty-state svg{width:28px;height:28px;color:var(--wa-teal)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:1rem;background:#04231dcc}.modal-card{width:min(100%,460px);max-height:90vh;overflow:auto;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--r-md);padding:1.4rem;box-shadow:var(--sh-lg)}.modal-card h2{margin-bottom:1.1rem}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.1rem}.status-bars{margin-bottom:2.2rem}.revoked-bar{background:linear-gradient(180deg,var(--mojo-coral),#a83b31)!important}.donut-number{font:700 1.3rem/1 var(--font-display);color:var(--ink)}.usage-panel{overflow:hidden}.usage-chips{display:flex;flex-wrap:wrap;gap:.55rem;margin:1rem 0 1.2rem}.usage-chip{display:inline-flex;gap:.35rem;align-items:center;background:var(--wa-green-tint);color:var(--wa-teal);border-radius:99px;padding:.45rem .7rem;font-size:.76rem;text-transform:capitalize}.usage-chip b{color:var(--ink)}.usage-bars{height:170px;display:flex;align-items:flex-end;gap:.25rem;padding:.5rem 0 1.2rem;border-bottom:1px solid var(--line);overflow-x:auto}.usage-bar-wrap{min-width:18px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.35rem}.usage-bar{width:100%;min-height:3px;background:linear-gradient(180deg,var(--wa-green),var(--wa-green-700));border-radius:5px 5px 2px 2px}.usage-bar-wrap small{color:var(--ink-3);font-size:.58rem}.empty-usage{color:var(--ink-3);border:1px dashed var(--line-2);border-radius:10px;padding:1rem;text-align:center}.public-link{margin:1.2rem 0 0;text-align:center;font-size:.8rem}.public-link a,.pricing-header a{color:var(--wa-teal);font-weight:700}.pricing-page{min-height:100vh;background:var(--bg);padding:1.5rem clamp(1rem,4vw,4rem) 4rem}.pricing-header{max-width:1120px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.pricing-header img{width:145px;height:auto}.pricing-hero{max-width:760px;margin:5rem auto 2.5rem;text-align:center}.pricing-hero h1{font-size:clamp(2rem,5vw,3.5rem);margin:.4rem 0 .8rem}.pricing-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;align-items:stretch}.pricing-card{position:relative;display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--line);border-radius:18px;padding:1.6rem;box-shadow:var(--sh-sm)}.pricing-card.popular{border:2px solid var(--wa-green);transform:translateY(-8px);box-shadow:var(--sh-md)}.popular-label{position:absolute;top:-.75rem;left:1.2rem;padding:.3rem .7rem;border-radius:99px;background:var(--wa-green);color:#053;font-size:.7rem;font-weight:800}.pricing-card h2{margin:0 0 .8rem}.pricing-card .price{font:700 2rem/1 var(--font-display);color:var(--ink);margin:.4rem 0 1rem}.pricing-card .price small{color:var(--ink-3);font:500 .75rem var(--font-body)}.pricing-card .btn{margin-top:auto}.pricing-error{max-width:680px;margin:0 auto 1rem;color:var(--mojo-coral);text-align:center}.checkout-card{width:min(100%,480px)}.checkout-success{width:min(100%,560px);margin:8vh auto 0;padding:clamp(1.5rem,5vw,3rem);background:var(--bg-elevated);border:1px solid var(--line);border-radius:18px;text-align:center;box-shadow:var(--sh-lg)}.checkout-success .login-logo{margin-bottom:1rem}.success-license{display:flex;justify-content:center;align-items:center;gap:.7rem;margin:1.5rem 0;padding:1rem;background:var(--wa-green-tint);border:1px solid var(--wa-green);border-radius:12px}.temp-password{text-align:left;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:1rem;margin-bottom:1.3rem}.temp-password p{margin:.45rem 0}.branding-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);gap:1.5rem;align-items:start}.color-input{display:flex;gap:.5rem;align-items:center}.color-input input[type=color]{width:44px;height:38px;padding:.2rem}.color-input input:not([type=color]){flex:1}.branding-preview{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg);min-height:180px}.branding-preview>.eyebrow{padding:1rem 1rem .4rem;display:block}.brand-preview-nav{display:flex;align-items:center;gap:.55rem;padding:.8rem 1rem;color:#fff}.brand-preview-nav img{width:26px;height:26px;object-fit:contain}.brand-preview-body{padding:1.2rem}.brand-preview-body button{border:0;color:#053;border-radius:8px;padding:.55rem .8rem;font-weight:700}.branding-modal{width:min(100%,760px)}.cloud-api-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.cloud-api-hero h2{margin:.2rem 0 .4rem}.badge.success{background:var(--wa-green-tint);color:var(--wa-teal);border-radius:99px;padding:.45rem .75rem;font-size:.72rem;font-weight:800;white-space:nowrap}.cloud-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:1rem 0;color:var(--ink-2)}.cloud-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.cloud-token{grid-column:1 / -1}.cloud-token small{display:block;margin-top:.35rem}.success-msg{margin:.7rem 0;padding:.7rem .9rem;color:var(--wa-teal);background:var(--wa-green-tint);border-radius:9px;font-size:.82rem}@media (max-width:600px){.cloud-api-hero{flex-direction:column}.cloud-checklist,.cloud-form-grid{grid-template-columns:1fr}.cloud-token{grid-column:auto}}@media (max-width:800px){.branding-grid{grid-template-columns:1fr}}@media (max-width:800px){.pricing-grid{grid-template-columns:1fr;max-width:440px}.pricing-card.popular{transform:none}.pricing-hero{margin-top:3.5rem}}@media (max-width:700px){.section-heading{align-items:flex-start;flex-direction:column}.section-heading>.btn{align-self:stretch}.topbar h1{font-size:1.1rem}.topbar .actions{gap:.35rem}.topbar .avatar{display:none}.login-card{padding:1.3rem}}