:root{--primary-purple: #7b61ff;--primary-blue: #00c2ff;--primary-aqua: #00e5a8;--brand-gradient: linear-gradient(135deg, #7b61ff 0%, #8b6bff 38%, #4aa3ff 72%, #00c2ff 100%);--prism: linear-gradient(135deg, #667eea 0%, #764ba2 25%, #f093fb 50%, #4facfe 75%, #00f2fe 100%);--action: #6445e0;--text: #1a1a1a;--text-muted: #62677c;--surface: #ffffff;--background: #f5f7fa;--border: #e3e5ee;--sidebar: #1a1248;--sidebar-start: #2d1b72;--sidebar-muted: #c4b8f0;--purple-soft: #eeeaff;--purple-ink: #5138b0;--aqua-soft: #dcfaf1;--aqua-ink: #006d51;--danger-soft: #fff0f2;--danger-ink: #972e43;--warn-soft: #fff6e5;--warn-ink: #8a5a12;font-size:15px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--background)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:var(--purple-ink);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin-top:0}h1{font-size:1.85rem;letter-spacing:-.04em;line-height:1.2;margin-bottom:0;font-weight:650}h2{font-size:1.05rem;font-weight:650;margin-bottom:20px}h3{font-size:1rem;margin-top:28px}small{font-size:.8125rem}::selection{background:var(--purple-soft);color:var(--purple-ink)}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--surface);color:var(--purple-ink);border:1px solid #d6d0ef;border-radius:10px;padding:8px 14px;cursor:pointer;font-size:.875rem;font-weight:600;transition:background-color .15s ease,box-shadow .15s ease,border-color .15s ease,filter .15s ease}button:hover:not(:disabled),.btn:hover:not(:disabled){background:var(--purple-soft);border-color:#bdb3ea}button:disabled,.btn:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--primary-purple);outline-offset:2px}.primary,.btn-primary{color:#fff;border:1px solid rgba(255,255,255,.25);background:var(--prism);background-size:200% 200%;animation:gradient 8s ease infinite;box-shadow:0 8px 28px #7b61ff38}.primary:hover:not(:disabled),.btn-primary:hover:not(:disabled){color:#fff;background:var(--prism);background-size:200% 200%;filter:brightness(1.04);box-shadow:0 12px 36px #7b61ff52}.btn-ghost,.text-button{background:transparent;border-color:transparent;color:var(--text-muted);padding:6px 0}.btn-ghost:hover:not(:disabled),.text-button:hover:not(:disabled){background:transparent;color:var(--purple-ink);text-decoration:underline}.btn-danger{color:var(--danger-ink);border-color:#f0c9d0;background:var(--danger-soft)}.btn-danger:hover:not(:disabled){background:#ffe4e8}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.muted{color:var(--text-muted)}.lead{color:var(--text-muted);margin-bottom:30px;line-height:1.6}.eyebrow{font-size:.875rem;color:var(--text-muted);margin-bottom:8px}.footnote{font-size:.8125rem;color:var(--text-muted);margin:22px 0 0;line-height:1.65}.shell{display:flex;min-height:100vh}.sidebar{width:240px;position:fixed;inset:0 auto 0 0;background:radial-gradient(circle at 0% 0%,rgba(123,97,255,.42),transparent 46%),radial-gradient(circle at 100% 100%,rgba(0,194,255,.16),transparent 40%),linear-gradient(180deg,var(--sidebar-start),var(--sidebar) 62%);color:#fff;padding:28px 16px;display:flex;flex-direction:column;overflow:auto;z-index:5}.brand{display:flex;gap:10px;align-items:center;color:#fff;margin:0 8px 36px}.brand:hover{text-decoration:none}.brand-mark{display:flex;gap:10px;align-items:center}.brand-logo{width:40px;height:40px;flex-shrink:0;display:block}.brand-text{font-size:1.35rem;font-weight:650;letter-spacing:-.04em;color:inherit}.brand-text small{display:block;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--sidebar-muted);font-weight:600}.nav-label{font-size:.72rem;letter-spacing:.12em;color:var(--sidebar-muted);padding:0 14px;margin-bottom:12px}.sidebar nav+.nav-label{margin-top:18px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a{color:#e4ddff;border-radius:10px;padding:11px 14px;font-size:.9375rem;display:flex;align-items:center;gap:10px}.sidebar nav a:hover{background:#7b61ff2e;color:#fff;text-decoration:none}.sidebar nav a[aria-current]{background:#7b61ff52;color:#fff;font-weight:650;box-shadow:inset 3px 0 var(--primary-purple)}.nav-icon{width:18px;height:18px;flex-shrink:0;color:#c4b8f0}.sidebar nav a[aria-current] .nav-icon{color:#fff}.sidebar-footer{margin-top:auto;padding:24px 12px 0;overflow-wrap:anywhere;font-size:.875rem;color:#fff;border-top:1px solid rgba(123,97,255,.28)}.sidebar-footer small{display:block;color:var(--primary-blue);margin:5px 0 15px}.sidebar-footer .text-button,.sidebar-footer .btn-ghost{color:var(--sidebar-muted)}.sidebar-footer .text-button:hover:not(:disabled),.sidebar-footer .btn-ghost:hover:not(:disabled){color:#fff}.workspace{margin-left:240px;min-width:0;flex:1}.topbar{height:80px;background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 42px;font-size:.875rem;color:var(--text-muted);box-shadow:0 10px 40px #7b61ff0f}.dropdown{position:relative;display:flex;align-items:center;gap:10px}.dropdown-label{font-size:.875rem;font-weight:550;color:var(--text-muted)}.dropdown-trigger{min-width:168px;max-width:260px;justify-content:space-between;gap:18px;background:#fff;color:var(--text);border:1px solid #d6d0ef;border-radius:10px;padding:8px 12px;font-weight:600;box-shadow:0 1px 2px #7b61ff0d}.dropdown-trigger:hover:not(:disabled){background:#fff;border-color:var(--primary-purple);color:var(--text)}.dropdown-trigger[aria-expanded=true]{border-color:var(--primary-purple);box-shadow:0 0 0 3px #7b61ff2e}.dropdown-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-chevron{width:16px;height:16px;color:var(--primary-purple);flex-shrink:0;transition:transform .15s ease}.dropdown.open .dropdown-chevron{transform:rotate(180deg)}.dropdown-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid #e6e1f7;border-radius:12px;box-shadow:0 18px 44px #7b61ff2e;z-index:20}.dropdown-menu li{display:block}.dropdown-menu button{width:100%;justify-content:flex-start;border:0;background:transparent;color:var(--text);border-radius:8px;font-weight:550;padding:10px 12px}.dropdown-menu button:hover:not(:disabled),.dropdown-menu button.active,.dropdown-menu button.selected{background:var(--purple-soft);color:var(--purple-ink);border-color:transparent}.dropdown-menu button.selected{font-weight:650}.tenant-selector{display:flex;align-items:center;gap:12px;font-weight:550;color:var(--text)}.tenant-selector select{padding:7px 10px;max-width:300px;font-size:.875rem}main{max-width:1500px;margin:auto;padding:38px 42px 60px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.badge{display:inline-block;padding:4px 9px;background:#f0f1f5;color:#596173;border-radius:999px;font-size:.78rem;font-weight:600;white-space:nowrap}.badge.enabled,.badge.success{background:var(--aqua-soft);color:var(--aqua-ink)}.badge.subtle,.badge.info{background:var(--purple-soft);color:var(--purple-ink)}.badge.error,.badge.danger{background:var(--danger-soft);color:var(--danger-ink)}.badge.warning{background:var(--warn-soft);color:var(--warn-ink)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0;background:transparent;border:0}.metrics>div,.metric{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--primary-purple);border-radius:12px;padding:22px 24px;box-shadow:0 2px 5px #7b61ff10}.metrics>div:nth-child(3n+2),.metric:nth-child(3n+2){border-top-color:var(--primary-blue)}.metrics>div:nth-child(3n),.metric:nth-child(3n){border-top-color:var(--primary-aqua)}.metrics span,.metric>span{font-size:.875rem;color:#596174}.metrics strong,.metric strong{display:block;font-size:1.9rem;line-height:1.35;font-weight:650;letter-spacing:-.03em;margin-top:6px}.metrics small,.metric small{color:var(--text-muted);display:block;margin-top:6px}.overview-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.panel{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:26px;margin-bottom:24px;min-width:0;box-shadow:0 2px 5px #7b61ff10}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.section-heading h2{margin:0}.section-heading a{font-size:.875rem}.resource-list{margin:0}.resource-list>div{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #eef0f4;font-size:.9375rem}.resource-list dd{margin:0;font-weight:600;text-align:right;overflow-wrap:anywhere}.resource-list dt{color:#60697a}.activity{list-style:none;padding:0;margin:0}.activity li{padding:13px 0;border-bottom:1px solid #eef0f4;font-size:.875rem}.activity time{display:block;font-size:.8125rem;color:var(--text-muted);margin-top:5px}.empty{color:var(--text-muted);padding:30px 14px!important;text-align:center;font-size:.9375rem}.table-wrap{overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 5px #7b61ff10}table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}th{font-weight:600;color:#606a7c;font-size:.8125rem;background:#f8f7fc}td,th{padding:17px 22px;border-bottom:1px solid var(--border)}tr:last-child td{border-bottom:0}td small{display:block;color:var(--text-muted);margin-top:5px}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--border);margin:6px 0 28px;overflow:auto}.tabs a{padding:10px 12px 12px;color:var(--text-muted);white-space:nowrap;font-size:.9375rem;border-radius:8px 8px 0 0}.tabs a[aria-current]{color:var(--purple-ink);background:var(--purple-soft);box-shadow:inset 0 -2px var(--primary-purple);font-weight:650;text-decoration:none}.notice{padding:14px 18px;background:var(--purple-soft);color:var(--purple-ink);border-radius:10px;margin:0 0 18px}.notice p{margin:0 0 10px}.notice .btn{margin-top:4px}.loading .brand-text{color:var(--text)}.notice.error,.error{color:var(--danger-ink)}.notice.error{background:var(--danger-soft)}.notice.success{background:var(--aqua-soft);color:var(--aqua-ink)}.detail{margin-top:22px}.menu-toggle{display:none}.loading{min-height:100vh;display:grid;place-items:center;color:var(--text-muted);background:radial-gradient(circle at 15% 10%,#7b61ff22,transparent 36%),radial-gradient(circle at 90% 80%,#00c2ff1f,transparent 32%),var(--background)}.login-page{min-height:100vh;max-width:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 22px;background:radial-gradient(circle at 12% 8%,#7b61ff24,transparent 34%),radial-gradient(circle at 88% 92%,#00e5a81c,transparent 30%),radial-gradient(circle at 80% 18%,#00c2ff1a,transparent 26%),var(--background)}.login-brand{margin-bottom:28px;color:var(--text)}.login-brand .brand-text{font-size:1.7rem}.login-form{width:100%;max-width:430px;border:1px solid var(--border);border-radius:16px;padding:32px;background:var(--surface);border-top:3px solid var(--primary-purple);box-shadow:0 12px 45px #7b61ff14}.login-form h1{font-size:1.65rem;margin-bottom:10px}.login-form label{display:flex;flex-direction:column;gap:7px;font-size:.875rem;font-weight:550;margin:18px 0}.login-form .primary{width:100%;margin:8px 0 18px;padding:12px}.login-form small{display:block}.login-footer{font-size:.8125rem;color:var(--text-muted);margin:28px 0 0}input,select,textarea{border:1px solid #c9cce0;border-radius:8px;padding:10px 12px;background:var(--surface);color:inherit;min-width:0;max-width:100%;accent-color:var(--primary-purple)}textarea{resize:vertical}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-bottom:24px}.product-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 5px #7b61ff10;min-width:0}.product-card:hover{box-shadow:0 12px 36px -10px #667eea47}.product-card h2{margin:0;font-size:1.15rem}.product-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.product-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:700;background:var(--brand-gradient);box-shadow:0 8px 18px #7b61ff38}.product-card:nth-child(3n+2) .product-icon{background:linear-gradient(135deg,#7b61ff,#00c2ff)}.product-card:nth-child(3n) .product-icon{background:linear-gradient(135deg,#667eea,#7b61ff 48%,#00c2ff)}.usage-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:end}.usage-filters label,.limit-form label,.month-selector{display:flex;flex-direction:column;gap:7px;font-size:.875rem}.usage-filters input,.usage-filters select{width:100%;font-size:.875rem}.usage-filters .dropdown{flex-direction:column;align-items:stretch;gap:7px}.usage-filters .dropdown-trigger{min-width:0;max-width:none;width:100%}.usage-filters .dropdown-menu{min-width:100%}.product-card-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:4px}.usage-metrics strong{font-size:1.5rem;overflow-wrap:anywhere}.cost-line{display:block;overflow-wrap:anywhere}.cost-line small{display:block;color:var(--text-muted);font-weight:400}.cost-summary{display:flex;flex-wrap:wrap;gap:22px;font-size:1.2rem;font-weight:600}.dashboard-cost{font-size:1.1rem;font-weight:600;margin:14px 0}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin:20px 0;font-size:.875rem}.limit-form{display:flex;align-items:end;flex-wrap:wrap;gap:20px;margin-top:25px}.limit-form h2,.limit-form .footnote{flex-basis:100%;margin:0}.month-selector{max-width:240px}.whatsapp-form,.template-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:24px}.whatsapp-form h2,.template-editor h2,.full-width{grid-column:1 / -1}.whatsapp-form label,.template-editor label,.template-filters label{display:flex;flex-direction:column;gap:7px;font-size:.875rem}.template-editor textarea{min-width:0;max-width:100%}.action-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px;font-size:.875rem}.qr-panel{display:flex;align-items:center;gap:28px;background:#f7f8fb;border:1px solid var(--border);border-radius:12px;padding:24px;margin-top:22px}.qr-panel img{width:240px;max-width:100%;height:auto;background:#fff;padding:12px;border-radius:12px}.qr-panel>div{max-width:380px}.template-content{white-space:pre-wrap;overflow-wrap:anywhere;max-width:520px;color:var(--text-muted);margin:10px 0 0}.template-filters{display:flex;gap:18px;margin-bottom:24px}.instance-detail{margin-bottom:28px}.template-editor .footnote{margin:0}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;z-index:10;top:10px;left:10px;background:#fff;padding:15px}@media (prefers-reduced-motion: reduce){.primary,.btn-primary{animation:none}button,.btn{transition:none}}@media (max-width: 1100px){.usage-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:210px}.workspace{margin-left:210px}.topbar{padding:0 26px}main{padding:30px 26px}.overview-grid{grid-template-columns:1fr}.brand{margin-left:5px}.resource-list dd{max-width:55%}}@media (max-width: 720px){.usage-filters,.whatsapp-form,.template-editor{grid-template-columns:1fr}.pagination{flex-wrap:wrap;justify-content:center}.limit-form label{width:100%}.dashboard-cost{grid-column:1 / -1}.metrics .dashboard-cost small,.usage-metrics strong{display:block}.usage-metrics>div{display:block}.sidebar{display:none;top:70px;width:240px;box-shadow:8px 0 20px #20263512}.sidebar.open{display:flex}.sidebar .brand{display:none}.workspace{margin-left:0}.menu-toggle{display:block}.topbar{height:auto;min-height:70px;padding:12px 18px;position:sticky;top:0;z-index:6}.topbar>span{display:none}.dropdown{min-width:0}.dropdown-trigger{min-width:0;max-width:190px}.tenant-selector{gap:6px;min-width:0;font-size:.8125rem}.tenant-selector select{max-width:190px}main{padding:26px 18px}.page-heading{align-items:flex-start}.page-heading>.badge{max-width:130px}h1{font-size:1.55rem}.metrics{grid-template-columns:1fr}.metrics>div,.metric{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px}.metrics strong,.metric strong{font-size:1.7rem;grid-row:span 2}.metrics small,.metric small{grid-column:1}.panel{padding:20px}.resource-list>div{font-size:.875rem}.tabs{gap:8px}td,th{padding:14px 17px}.table-wrap table{min-width:520px}.sidebar-footer{padding-bottom:25px}.login-form{padding:25px}.qr-panel{flex-direction:column;align-items:flex-start;padding:18px}.template-filters{flex-wrap:wrap}.qr-panel img{align-self:center}}@media (min-width: 1600px){main{padding-top:48px}.metrics{margin-bottom:32px}}