:root{--green: #025e38;--green-600: #0f7a50;--green-500: #16a066;--green-50: #ecf7f1;--green-100: #d6efe2;--wa: #1daa61;--wa-out: #d9fdd3;--wa-bg: #efeae2;--ink: #0f172a;--ink-2: #334155;--muted: #64748b;--line: #e6e9ee;--line-2: #f1f3f6;--bg: #f5f7f6;--card: #ffffff;--danger: #dc2626;--radius: 16px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .05);--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px rgba(15, 23, 42, .06);--shadow-lg: 0 20px 50px rgba(2, 94, 56, .12);font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 100% -10%,#e6f4ec 0%,transparent 60%),var(--bg);min-height:100vh}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}h1{font-size:26px;margin:0;letter-spacing:-.025em;font-weight:800}h2{font-size:15.5px;margin:0;font-weight:700;letter-spacing:-.01em}.muted{color:var(--muted)}.small{font-size:12.5px}.tiny{font-size:12px}.mono{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:12px}.eyebrow{margin:0 0 6px;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--green-600);display:flex;align-items:center;gap:8px}.green{color:var(--wa);font-weight:600}.danger{color:var(--danger)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.row-between{display:flex;justify-content:space-between;align-items:center;gap:8px}.link{border:0;background:none;color:var(--green-600);font-weight:700;cursor:pointer;font-size:13.5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border-radius:12px;border:1px solid transparent;cursor:pointer;font-weight:700;font-size:14px;transition:transform .08s,background .15s,box-shadow .15s,opacity .15s;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(180deg,#0a7348,var(--green));color:#fff;box-shadow:0 6px 16px #025e3838,inset 0 1px #ffffff1f}.btn.primary:hover{box-shadow:0 8px 22px #025e384d}.btn.ghost{background:#fff;border-color:var(--line);color:var(--ink-2);box-shadow:var(--shadow-sm)}.btn.ghost:hover{background:#fafbfc}.btn.full{width:100%}.btn.lg{height:48px;padding:0 26px;font-size:15px}.btn.round{width:46px;height:46px;padding:0;border-radius:50%}.btn:disabled{opacity:.45;cursor:default;box-shadow:none}.icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:0;background:transparent;color:var(--muted);cursor:pointer}.icon-btn:hover{background:var(--line-2);color:var(--ink)}input,select,textarea{width:100%;padding:0 14px;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;outline:none;font-size:14.5px;transition:border-color .15s,box-shadow .15s}textarea{height:auto;padding:12px 14px;resize:vertical;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:var(--green-500);box-shadow:0 0 0 4px #16a0661f}.alert{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;padding:11px 14px;border-radius:12px;font-size:13.5px;margin-bottom:14px}.alert.slim{margin:8px 16px 0}.chip{display:inline-block;padding:4px 11px;border-radius:999px;background:var(--green-50);color:var(--green);font-size:12px;font-weight:700}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--wa);color:#fff;font-size:11.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.status{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;text-transform:capitalize;white-space:nowrap}.tone-green{background:#e8f7ee;color:#047857}.tone-amber{background:#fff6e5;color:#b45309}.tone-blue{background:#eaf2ff;color:#1d4ed8}.tone-red{background:#fdecec;color:#b91c1c}.tone-grey{background:#f1f5f9;color:#475569}.avatar{border-radius:50%;object-fit:cover;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#f5f3ee;border:1px solid #e7e3da;color:#3b4a54;font-weight:800}.spinner{width:28px;height:28px;border:3px solid var(--green-50);border-top-color:var(--green-600);border-radius:50%;animation:spin .8s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center}.empty{text-align:center;color:var(--muted);padding:40px 16px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#0f172a;color:#fff;padding:12px 20px;border-radius:12px;font-weight:600;font-size:14px;box-shadow:var(--shadow-lg);animation:rise .25s ease-out;z-index:50}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}}.live-dot{width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 #16a34a80;animation:pulse 1.6s infinite}@keyframes pulse{70%{box-shadow:0 0 0 8px #16a34a00}to{box-shadow:0 0 #16a34a00}}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(800px 500px at 15% 0%,#dff2e8,transparent 60%),radial-gradient(700px 500px at 100% 100%,#e8f5ee,transparent 55%),var(--bg)}.login-card{width:100%;max-width:420px;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:24px;padding:36px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:16px}.login-card h1{font-size:24px}.login-card p{margin:0}.login-card label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:var(--ink-2)}.login-logo{height:46px;align-self:flex-start;margin-bottom:6px}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:22px 16px;position:sticky;top:0;height:100vh;gap:18px}.brand{display:flex;align-items:center;gap:10px;padding:0 6px}.brand img{height:36px}.brand-tag{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--green-600);background:var(--green-50);border:1px solid var(--green-100);padding:2px 8px;border-radius:999px}.new-btn{height:44px}.sidebar nav{display:flex;flex-direction:column;gap:18px;flex:1;overflow:auto}.nav-section{display:flex;flex-direction:column;gap:2px}.nav-title{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;padding:0 12px 6px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;color:var(--ink-2);font-weight:600;font-size:14.5px;transition:background .15s,color .15s}.nav-item:hover{background:#f3f6f4}.nav-item.active{background:var(--green-50);color:var(--green);box-shadow:inset 3px 0 0 var(--green-600)}.sidebar-foot{border-top:1px solid var(--line);padding-top:14px}.me{display:flex;gap:10px;align-items:center}.me-text{display:flex;flex-direction:column;min-width:0;flex:1}.me-text strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me-text span{font-size:12px;color:var(--muted)}.main{min-width:0}.page{padding:32px 40px 48px;max-width:1320px}.page.narrow{max-width:980px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;flex-wrap:wrap}.page-head p{margin:6px 0 0;font-size:14px}.head-actions{display:flex;gap:10px;align-items:center}.search{position:relative;width:360px;max-width:100%;color:var(--muted)}.search svg{position:absolute;left:14px;top:13px}.search input{padding-left:42px;box-shadow:var(--shadow-sm)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.card-head{margin-bottom:14px}.table-card{padding:0;overflow:auto}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-size:11.5px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:13px 18px;border-bottom:1px solid var(--line);background:#fafbfc;position:sticky;top:0}.table td{padding:13px 18px;border-bottom:1px solid var(--line-2);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tr.clickable{cursor:pointer}.table tr.clickable:hover td{background:#f7fbf9}.cell-person{display:flex;align-items:center;gap:12px}.cell-person div{display:flex;flex-direction:column;gap:2px}.load-more{margin:18px auto 0;display:flex}.segmented{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:12px;padding:4px;box-shadow:var(--shadow-sm)}.segmented button{border:0;background:transparent;padding:8px 18px;border-radius:9px;font-weight:700;font-size:13.5px;color:var(--muted);cursor:pointer}.segmented button.on{background:var(--green-50);color:var(--green)}.back{margin-bottom:18px}.section-label{margin:26px 0 12px;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:18px}.tile{text-align:left;border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);cursor:pointer;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon label" "value value" "sub sub";gap:4px 12px;align-items:center;transition:transform .15s,box-shadow .15s}.tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.tile-icon{grid-area:icon;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}.tile-label{grid-area:label;font-weight:700;color:var(--ink-2);font-size:14px}.tile-value{grid-area:value;font-size:34px;font-weight:800;letter-spacing:-.03em;margin-top:10px}.tile-sub{grid-area:sub;font-size:13px;color:var(--muted)}.tile.tone-green,.tile.tone-amber,.tile.tone-blue{background:#fff;color:inherit}.tile.tone-green .tile-icon{background:#e8f7ee;color:#047857}.tile.tone-amber .tile-icon{background:#fff6e5;color:#b45309}.tile.tone-blue .tile-icon{background:#eaf2ff;color:#1d4ed8}.recent{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}.recent-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;border:1px solid transparent;background:none;cursor:pointer;text-align:left}.recent-item:hover{background:#f7fbf9;border-color:var(--line-2)}.recent-item div{display:flex;flex-direction:column;gap:2px}.hero{display:flex;align-items:center;gap:20px;margin-bottom:18px;background:linear-gradient(135deg,#fff 60%,#f0f9f4)}.hero-text{flex:1}.hero-text p{margin:6px 0 0}.grid-2{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.grid-2 h2{margin-bottom:16px}.details{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;margin:0}.details dt{font-size:12px;color:var(--muted);font-weight:700}.details dd{margin:3px 0 0;font-size:14.5px}.timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.timeline li{padding:12px 14px 12px 16px;border-left:3px solid var(--line);border-radius:6px 12px 12px 6px;background:#fafbfc}.timeline li.open{border-left-color:var(--green-600);background:var(--green-50)}.tl-date{font-size:12.5px;font-weight:800;color:var(--green)}.tl-title{font-weight:700;margin-top:3px}.form{display:flex;flex-direction:column;gap:18px}.form-section{padding:24px}.section-title{display:flex;gap:14px;align-items:flex-start;margin-bottom:20px}.section-title p{margin:3px 0 0}.step{width:30px;height:30px;border-radius:10px;background:var(--green-50);color:var(--green);display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0;border:1px solid var(--green-100)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px 18px}.field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:var(--ink-2)}.field.wide{grid-column:1 / -1}.field em{color:var(--danger);font-style:normal;margin-left:3px}.prefix-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.prefix-input:focus-within{border-color:var(--green-500);box-shadow:0 0 0 4px #16a0661f}.prefix-input span{padding:0 12px;color:var(--muted);font-weight:700;border-right:1px solid var(--line);height:44px;display:flex;align-items:center;background:#fafbfc}.prefix-input input{border:0;box-shadow:none!important;border-radius:0}.pills{display:flex;gap:8px}.pill{flex:1;height:44px;border-radius:12px;border:1px solid var(--line);background:#fff;font-weight:700;cursor:pointer;color:var(--ink-2)}.pill.on{background:var(--green-50);border-color:var(--green-500);color:var(--green)}.form-actions{display:flex;justify-content:flex-end;gap:10px;position:sticky;bottom:0;padding:16px 0;background:linear-gradient(transparent,var(--bg) 35%)}.mini-stats{display:flex;gap:10px}.mini-stats div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 18px;display:flex;flex-direction:column;align-items:center;box-shadow:var(--shadow-sm);min-width:92px}.mini-stats strong{font-size:22px;font-weight:800}.mini-stats span{font-size:12px;color:var(--muted);font-weight:600}.queue-list{display:flex;flex-direction:column;gap:10px}.queue-list.dim{opacity:.7}.queue-card{display:flex;align-items:center;gap:16px;padding:14px 18px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;width:100%}.queue-card:hover{border-color:var(--green-100);box-shadow:var(--shadow)}.queue-card.static{cursor:default}.queue-pos{width:44px;height:44px;border-radius:12px;background:var(--green-50);color:var(--green);font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.queue-main{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.staff-card{display:flex;gap:14px;align-items:flex-start;padding:18px}.staff-info{display:flex;flex-direction:column;gap:3px;min-width:0}.staff-info .chips{margin:6px 0 4px}.wa{display:grid;grid-template-columns:380px 1fr;height:100vh}.wa-list{background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.wa-list-head{padding:22px 16px 12px;display:flex;flex-direction:column;gap:12px}.wa-list-head h1{color:var(--wa)}.wa-list-head .search{width:100%}.wa-items{overflow:auto;flex:1}.wa-item{width:100%;display:flex;gap:12px;align-items:center;padding:11px 16px;border:0;background:#fff;cursor:pointer;text-align:left}.wa-item:hover{background:#f5f6f6}.wa-item.active{background:#f0f2f5}.wa-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.wa-item-body strong{font-weight:700;font-size:15px}.wa-chat{display:flex;flex-direction:column;min-height:0;background:var(--wa-bg) url(/chat-bg.png) center / cover}.wa-empty{margin:auto;text-align:center;color:var(--muted);background:#ffffffd9;padding:36px 44px;border-radius:20px}.wa-empty h2{margin:12px 0 4px;color:var(--ink)}.wa-chat-head{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#fff;border-bottom:1px solid var(--line)}.wa-messages{flex:1;overflow:auto;padding:18px 8%;display:flex;flex-direction:column;gap:4px}.bubble-row{display:flex}.bubble-row.out{justify-content:flex-end}.bubble{max-width:65%;background:#fff;border-radius:12px;padding:8px 11px 6px;box-shadow:0 1px .5px #0b141a21;font-size:14.5px;line-height:1.45}.bubble-row.out .bubble{background:var(--wa-out)}.bubble p{margin:0;white-space:pre-wrap;word-break:break-word}.bubble-meta{display:flex;justify-content:flex-end;align-items:center;gap:3px;font-size:11px;color:var(--muted);margin-top:2px}.bubble-img{max-width:280px;border-radius:8px;display:block;margin-bottom:4px}.bubble-file{color:var(--green-600);font-weight:700}.wa-composer{display:flex;gap:10px;padding:12px 20px;background:#f0f2f5}.wa-composer input{border-radius:24px}.wa-note{display:flex;align-items:center;gap:8px;justify-content:center;padding:14px 20px;background:#fff;color:var(--muted);font-size:13.5px;border-top:1px solid var(--line)}:root{--bg: #f7f8f9;--surface: #ffffff;--subtle: #f3f4f6;--line: #e5e7eb;--line-2: #f0f1f3;--ink: #0b1220;--ink-2: #374151;--muted: #6b7280;--accent: #0f7a50;--accent-strong: #0b6542;--accent-soft: #ecf6f0;--accent-line: #cfe7d9;--radius: 12px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 2px 8px rgba(16, 24, 40, .04);--shadow-lg: 0 12px 32px rgba(16, 24, 40, .12);--sidebar-w: 248px}body{background:var(--bg)}.main{background:transparent;min-height:100vh}h1{font-size:24px;font-weight:700;letter-spacing:-.02em}.page{padding:28px 32px 48px;max-width:1240px;margin:0}.page-head{margin-bottom:20px;align-items:center}.page-head h1{font-size:24px}.eyebrow{color:var(--muted);font-weight:600;letter-spacing:.02em;text-transform:none;font-size:13px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px}.btn{height:38px;border-radius:9px;font-weight:600;font-size:14px;padding:0 14px}.btn.lg{height:44px;padding:0 22px}.btn.primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.btn.primary:hover{background:var(--accent-strong);box-shadow:var(--shadow-sm)}.btn.ghost{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.btn.ghost:hover{background:var(--subtle)}input,select,textarea{height:40px;border-radius:9px;border-color:var(--line);font-size:14px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0f7a501f}.search input{box-shadow:none}.prefix-input span{height:40px;background:var(--subtle)}.pill{height:40px;border-radius:9px}.pill.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong)}.segmented{border-radius:10px;box-shadow:none;background:var(--subtle);border-color:var(--line)}.segmented button{padding:6px 14px;border-radius:7px}.segmented button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.table th{background:var(--surface);font-size:12px;letter-spacing:.02em;text-transform:none;font-weight:600;color:var(--muted)}.table td{padding:12px 18px}.table tr.clickable:hover td{background:var(--subtle)}.step{background:var(--subtle);color:var(--ink-2);border-color:var(--line);border-radius:8px}.form-actions{background:var(--bg);border-top:1px solid var(--line);padding:14px 0;margin-top:4px}.mini-stats div,.queue-card{box-shadow:none;border-radius:10px}.queue-card:hover{border-color:#d1d5db;background:var(--surface);box-shadow:var(--shadow-sm)}.queue-pos{background:var(--subtle);color:var(--ink-2);border-radius:9px}.staff-card{box-shadow:none}.hero{background:var(--surface);box-shadow:var(--shadow-sm);border:1px solid var(--line)}.timeline li{background:var(--subtle)}.timeline li.open{background:var(--accent-soft);border-left-color:var(--accent)}.chip{background:var(--subtle);color:var(--ink-2);border:1px solid var(--line)}.link{color:var(--accent)}@keyframes fadeUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes progress{0%{transform:translate(-100%)}to{transform:translate(260%)}}.main>*{animation:fadeUp .25s ease-out both}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.skel{display:inline-block;background-color:#eceef1;background-image:linear-gradient(90deg,#fff0 0,#fff9,#fff0);background-size:400px 100%;background-repeat:no-repeat;animation:shimmer 1.2s linear infinite;flex-shrink:0}.skel-lines{display:flex;flex-direction:column;gap:9px;min-width:0}.grow{flex:1}.skel-card{display:flex;gap:14px;align-items:flex-start}.skel-table-head{display:flex;gap:6%;padding:14px 18px;border-bottom:1px solid var(--line)}.skel-row{display:flex;align-items:center;gap:6%;padding:13px 18px;border-bottom:1px solid var(--line-2)}.skel-person{display:flex;align-items:center;gap:12px;width:28%}.skel-tile{cursor:default}.skel-bubble{display:flex;flex-direction:column;gap:8px;padding:12px}.spin{display:inline-block;border-radius:50%;border:2px solid rgba(15,122,80,.2);border-top-color:var(--accent);animation:spin .7s linear infinite;flex-shrink:0}.spin.light{border-color:#ffffff59;border-top-color:#fff}.top-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:100;overflow:hidden;opacity:0;transition:opacity .2s;pointer-events:none}.top-progress:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:35%;background:var(--accent);animation:progress 1s ease-in-out infinite}.top-progress.on{opacity:1}.splash{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:var(--bg)}.splash img{height:48px}.splash-bar{width:120px;height:3px;border-radius:3px;background:var(--line);position:relative;overflow:hidden}.splash-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:40%;background:var(--accent);animation:progress 1s ease-in-out infinite}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--surface)}.auth-brand{background:#0d3b2a;color:#d6eadf;display:flex;align-items:center;padding:56px;position:relative;overflow:hidden}.auth-brand-inner{max-width:460px}.auth-logo{display:inline-flex;background:#fff;border-radius:12px;padding:10px 14px;margin-bottom:40px}.auth-logo img{height:40px}.auth-brand h1{font-size:40px;line-height:1.1;letter-spacing:-.03em;color:#fff;font-weight:700}.auth-brand p{color:#a9cdb9;font-size:16px;line-height:1.6;margin:16px 0 32px}.auth-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.auth-features li{display:flex;gap:14px;align-items:center;padding:12px 0;border-top:1px solid rgba(255,255,255,.08)}.auth-features strong{display:block;color:#fff;font-size:15px;font-weight:600}.auth-features span{color:#9ec4b0;font-size:13.5px}.auth-feature-icon{width:36px;height:36px;border-radius:9px;background:#ffffff14;color:#8ee0b2;display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-orb{display:none}.auth-form-wrap{display:flex;align-items:center;justify-content:center;padding:40px 24px;background:var(--surface)}.auth-form{width:100%;max-width:380px;display:flex;flex-direction:column;gap:16px}.auth-form h2{font-size:26px;letter-spacing:-.02em;font-weight:700}.auth-form>p{margin:-8px 0 6px}.auth-form-logo{display:none;height:36px;align-self:flex-start}.pw{position:relative}.pw input{padding-right:64px}.pw-toggle{position:absolute;right:6px;top:5px;height:30px;padding:0 10px;border:0;border-radius:7px;background:var(--subtle);color:var(--ink-2);font-size:12.5px;font-weight:600;cursor:pointer}.center{text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}.shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh}.topbar,.scrim{display:none}.sidebar{background:var(--surface);border-right:1px solid var(--line);color:var(--ink-2);padding:16px 12px;gap:16px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.brand{background:none;box-shadow:none;padding:4px 8px;border-radius:0;display:flex;align-items:center;gap:8px}.brand img{height:30px}.brand-tag{background:var(--subtle);border:1px solid var(--line);color:var(--muted);font-weight:700}.close-nav{display:none;margin-left:auto}.new-btn{background:var(--accent);box-shadow:var(--shadow-sm);height:38px}.new-btn:hover{background:var(--accent-strong);box-shadow:var(--shadow-sm)}.sidebar nav{display:flex;flex-direction:column;gap:16px;flex:1;overflow-y:auto;overflow-x:hidden}.nav-section{display:flex;flex-direction:column;gap:1px}.nav-title{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.06em;padding:0 10px 6px}.nav-item{color:var(--ink-2);padding:8px 10px;border-radius:8px;font-weight:500;font-size:14px;white-space:nowrap;gap:10px}.nav-item svg{color:#9ca3af;flex-shrink:0}.nav-item:hover{background:var(--subtle);color:var(--ink)}.nav-item.active{background:var(--accent-soft);color:var(--accent-strong);box-shadow:none;font-weight:600}.nav-item.active svg{color:var(--accent)}.sidebar-foot{border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:10px}.me-text strong{color:var(--ink)}.me-text span,.sidebar .icon-btn{color:var(--muted)}.sidebar .icon-btn:hover{background:var(--subtle);color:var(--ink)}.install-chip{display:flex;align-items:center;justify-content:center;gap:8px;height:36px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-weight:600;font-size:13px;cursor:pointer}.install-chip:hover{background:var(--subtle)}.tiles{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px}.tile:hover{transform:none;box-shadow:var(--shadow);border-color:#d1d5db}.tile:after{display:none}.tile-icon{width:34px;height:34px;border-radius:9px}.tile-value{font-size:30px;font-weight:700;margin-top:12px}.tile.tone-green .tile-icon{background:var(--accent-soft);color:var(--accent)}.recent-item{border-radius:10px}.recent-item:hover{background:var(--subtle);border-color:transparent}.wa{grid-template-columns:340px minmax(0,1fr)}.wa-list-head h1{color:var(--ink)}.wa-back{display:none}.wa-empty{background:var(--surface);border:1px solid var(--line);border-radius:14px}.info-box{background:#fffbeb;border:1px solid #fde68a;color:#78350f;border-radius:10px;padding:14px 16px;font-size:13.5px}.info-box strong{display:block;font-size:14px;color:#92400e;margin-bottom:4px}.info-box p{margin:0 0 8px}.info-box ol{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:3px}.notify-banner{display:flex;align-items:center;gap:14px;margin:20px 32px 0;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.notify-icon{width:36px;height:36px;border-radius:9px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notify-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.notify-text strong{font-size:14px}.notify-text span{font-size:13px;color:var(--muted)}.notify-status{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-size:12.5px;font-weight:600;cursor:pointer;text-align:left}.notify-status.on{color:var(--accent-strong);background:var(--accent-soft);border-color:var(--accent-line);cursor:default}.notify-status.blocked{color:#b45309;background:#fffbeb;border-color:#fde68a;cursor:help}.install-pop{position:fixed;right:20px;bottom:20px;width:340px;z-index:60;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow-lg);animation:slideIn .25s ease-out both}.install-head{display:flex;gap:12px;align-items:center;margin-bottom:12px}.install-head img{width:44px;height:44px;border-radius:10px;border:1px solid var(--line)}.install-head strong{display:block;font-size:15px}.install-head span{font-size:13px;color:var(--muted)}.install-pop ul{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:8px}.install-pop li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--ink-2)}.install-pop li svg{color:var(--accent)}.install-actions{display:flex;gap:8px}.install-actions .btn{flex:1}.install-close{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:7px;border:0;background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.install-close:hover{background:var(--subtle)}.toast{border-radius:10px}@media (max-width: 1280px){.hide-md{display:none}}@media (max-width: 1023px){.shell{display:block}.topbar{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:40;height:56px;padding:0 12px;background:var(--surface);border-bottom:1px solid var(--line)}.topbar-logo{height:26px;margin-right:auto}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;z-index:49;animation:fadeUp .15s ease-out both}.sidebar{position:fixed;z-index:50;left:0;top:0;bottom:0;width:min(300px,86vw);height:100%;transform:translate(-100%);transition:transform .22s ease;box-shadow:var(--shadow-lg)}.sidebar.open{transform:none}.close-nav{display:inline-flex}.page{padding:20px 20px 40px}.grid-2{grid-template-columns:1fr}.wa{grid-template-columns:300px minmax(0,1fr);height:calc(100vh - 56px)}}@media (max-width: 1023px){.notify-banner{margin:16px 20px 0}}@media (max-width: 767px){.hide-sm{display:none}.notify-banner{margin:12px 14px 0;flex-wrap:wrap}.notify-banner .btn{flex:1}h1,.page-head h1{font-size:21px}.page{padding:16px 14px 32px}.page-head{align-items:stretch}.head-actions{width:100%}.search{width:100%;flex:1}.details{grid-template-columns:1fr}.hero{flex-wrap:wrap}.mini-stats{width:100%}.mini-stats div{flex:1;min-width:0}.segmented{width:100%}.segmented button{flex:1}.form-grid{grid-template-columns:1fr}.form-actions .btn{flex:1}.queue-card{flex-wrap:wrap;gap:10px}.auth{grid-template-columns:1fr}.auth-brand{display:none}.auth-form-logo{display:block}.install-pop{left:12px;right:12px;width:auto;bottom:12px}.wa{grid-template-columns:1fr}.wa.has-chat .wa-list{display:none}.wa:not(.has-chat) .wa-chat{display:none}.wa-back{display:inline-flex}.wa-messages{padding:14px 10px}.bubble{max-width:85%}}