.nf-sidebar{--nf-ink:#173248;--nf-muted:#718399;position:fixed;inset:0 auto 0 0;z-index:50;width:256px;background:#fff;color:var(--nf-ink);border-right:1px solid #e3eaf3;display:flex;flex-direction:column;font-family:inherit;transition:width .18s ease}
.nf-sidebar.nf-collapsed{width:80px}.nf-sidebar.nf-mobile{position:relative;width:100%;height:100%;border:0}
.nf-brand{height:94px;display:flex;align-items:center;padding:20px 23px;border-bottom:1px solid #eef2f8;position:relative;flex-shrink:0}.nf-brand a{display:flex;gap:10px;align-items:center;text-decoration:none;color:#173248;font-size:22px;font-weight:750;letter-spacing:-.8px}.nf-brand img{width:38px;height:38px;object-fit:contain}.nf-brand-detail{display:block;font-size:10px;letter-spacing:2.4px;text-transform:uppercase;font-weight:650;color:#8393a8;margin-top:1px}.nf-collapse{position:absolute;right:-12px;top:38px;border:1px solid #e0e8f1;border-radius:50%;background:#fff;width:24px;height:24px;display:grid;place-items:center;color:#718399}.nf-collapse svg{width:13px}.nf-collapsed .nf-collapse svg{transform:rotate(180deg)}
.nf-sidebar nav{padding:22px 14px;display:flex;flex-direction:column;gap:7px}.nf-sidebar nav button{display:flex;align-items:center;gap:12px;position:relative;width:100%;text-align:left;padding:10px 12px;min-height:46px;font-size:14px;font-weight:550;border-radius:11px;color:#617187;border:1px solid transparent;transition:background .15s,color .15s}.nf-sidebar nav button:hover{background:#f4f7fb;color:var(--nf-accent)}.nf-sidebar nav button[aria-current=page]{color:var(--nf-accent);background:color-mix(in srgb,var(--nf-accent) 9%,white);border-color:color-mix(in srgb,var(--nf-accent) 13%,white);font-weight:700}.nf-nav-icon{display:grid;place-items:center;color:var(--nf-accent)}.nf-count{margin-left:auto;padding:1px 7px;min-width:23px;text-align:center;font-size:11px;font-weight:750;background:#e35b7e;color:#fff;border-radius:7px}.nf-collapsed nav{padding-inline:12px}.nf-collapsed nav button{padding:11px;justify-content:center}.nf-collapsed .nf-count{position:absolute;right:0;top:0;padding:0 4px;min-width:17px;font-size:10px}
.nf-profile{margin-top:auto;padding:18px 20px;border-top:1px solid #e6edf5}.nf-person{display:flex;gap:10px;align-items:center;min-width:0}.nf-person>span:last-child{min-width:0}.nf-person strong{display:block;font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nf-person small{display:block;font-size:10px;color:#7a8b9e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px;margin-top:2px}.nf-avatar{width:36px;height:36px;border-radius:12px;flex-shrink:0;display:grid;place-items:center;background:#e8f6f1;color:#178c6b;font-size:16px;font-weight:700;overflow:hidden}.nf-avatar img{width:100%;height:100%;object-fit:cover}.nf-profile>button{margin-top:13px;display:flex;align-items:center;gap:10px;color:#77869a;font-size:12px;padding:6px 0}.nf-profile>button:hover{color:#d9576e}.nf-profile>button svg{width:17px;height:17px}.nf-collapsed .nf-profile{padding:18px 20px}.nf-collapsed .nf-profile>button{justify-content:center;width:36px}
.nf-workspace{padding:28px 34px 40px;max-width:1680px;margin:auto;color:inherit}.nf-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px;padding-bottom:22px;border-bottom:1px solid hsl(var(--border)/.55)}.nf-page-title{display:flex;gap:14px;align-items:center}.nf-page-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:15px}.nf-page-icon svg{width:24px;height:24px}.nf-eyebrow{display:block;font-size:10px;letter-spacing:1.1px;text-transform:uppercase;color:hsl(var(--muted-foreground));margin-bottom:3px}.nf-header h1{font-size:27px;line-height:1.15;letter-spacing:-.8px;font-weight:750;margin:0}.nf-header p{font-size:12px;color:hsl(var(--muted-foreground));margin-top:5px}.nf-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.nf-refresh,.nf-ticket-alert{display:flex;gap:8px;align-items:center;padding:10px 14px;border:1px solid hsl(var(--border));border-radius:10px;background:hsl(var(--card));font-size:12px;font-weight:650;min-height:40px}.nf-refresh svg{width:16px;height:16px}.nf-refresh:hover{background:hsl(var(--muted))}.nf-ticket-alert{background:#fff0f4;color:#bb3e60;border-color:#f5c9d6}.nf-ticket-alert svg{width:17px}
.nf-panel{display:flex;flex-direction:column;gap:22px;min-width:0}.nf-panel[hidden]{display:none}.nf-panel>.grid{min-width:0}.nf-panel .glass-card{border:1px solid hsl(var(--border)/.6);box-shadow:0 3px 15px #14294405;background:hsl(var(--card));border-radius:16px;overflow:hidden}.nf-panel .glass-card .glass-card{box-shadow:none}.nf-panel h2,.nf-panel h3{letter-spacing:-.3px}.nf-panel>div:not(.grid){min-width:0}.nf-panel input,.nf-panel select,.nf-panel textarea{border-radius:8px}.nf-overview>.grid:first-child>div:nth-child(6n+1){border-top:3px solid #498beb;background:linear-gradient(135deg,#498beb0a,transparent)}.nf-overview>.grid:first-child>div:nth-child(6n+2){border-top:3px solid #27b68b}.nf-overview>.grid:first-child>div:nth-child(6n+3){border-top:3px solid #eb7495}.nf-overview>.grid:first-child>div:nth-child(6n+4){border-top:3px solid #9671e9}.nf-overview>.grid:first-child>div:nth-child(6n+5){border-top:3px solid #efad45}.nf-overview>.grid:first-child>div:nth-child(6n+6){border-top:3px solid #4aafc9}
.nf-payments>div,.nf-system>div,.nf-support>div{border-radius:16px}.nf-system{display:grid;grid-template-columns:1fr 1fr;align-items:start}.nf-support>div{min-width:0}.nf-whatsapp .business-wa{margin:0;border:1px solid hsl(var(--border));border-radius:16px;overflow:hidden;background:hsl(var(--card));box-shadow:0 3px 16px #14294405}.nf-whatsapp .business-wa-body{padding:22px}.nf-whatsapp .business-wa-connection{padding:18px;background:linear-gradient(110deg,#12af7a12,#1aafcf08);border:1px solid #19a77925;border-radius:12px;margin-bottom:18px;display:flex;justify-content:space-between;gap:20px}.nf-whatsapp .business-wa-connection h2{font-size:18px;font-weight:700}.nf-whatsapp .business-wa-templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.nf-whatsapp .business-wa-templates label{padding:15px;border:1px solid hsl(var(--border));border-radius:12px;min-width:0;background:hsl(var(--background)/.6)}.nf-whatsapp .business-wa-templates label>span{font-size:12px;font-weight:700;display:block;margin-bottom:8px}.nf-whatsapp .business-wa-templates textarea{width:100%;min-height:112px;padding:10px;font-size:12px;background:hsl(var(--card));color:inherit;border:1px solid hsl(var(--border))}.nf-whatsapp .business-wa-toggle{display:flex;gap:10px;align-items:center;font-size:13px}.nf-whatsapp .business-wa-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.nf-whatsapp .business-wa-actions button{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid hsl(var(--border));border-radius:8px;background:hsl(var(--card));font-size:12px}.nf-whatsapp .business-wa-muted{font-size:12px;opacity:.65;margin:5px 0}.nf-whatsapp .business-wa-qr{object-fit:contain;max-width:200px}.nf-whatsapp .business-wa-error{color:#d74f66;padding:10px;font-size:13px}
.dark .nf-sidebar{background:#112329;color:#e8f0f6;border-color:#263b45}.dark .nf-brand{border-color:#263b45}.dark .nf-brand a{color:#e8f0f6}.dark .nf-sidebar nav button{color:#a9bcc7}.dark .nf-sidebar nav button[aria-current=page]{background:color-mix(in srgb,var(--nf-accent) 18%,#112329);border-color:color-mix(in srgb,var(--nf-accent) 30%,#112329);color:#e4edf7}.dark .nf-sidebar nav button:hover{background:#1a3039}.dark .nf-collapse{background:#1a3039;border-color:#354b59}.dark .nf-profile{border-color:#263b45}.dark .nf-person small{color:#92a7b5}.dark .nf-avatar{background:#174b40;color:#96e3c5}.dark .nf-ticket-alert{background:#442332;border-color:#683247;color:#ffa9c3}
@media(max-width:1200px){.nf-workspace{padding:24px}.nf-whatsapp .business-wa-templates{grid-template-columns:repeat(2,minmax(0,1fr))}.nf-system{grid-template-columns:1fr}}
@media(max-width:767px){.nf-workspace{padding:20px 14px}.nf-header{align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:20px}.nf-header h1{font-size:24px}.nf-header p{font-size:12px}.nf-page-icon{width:42px;height:42px;border-radius:12px}.nf-header-actions{width:100%;justify-content:flex-end}.nf-refresh{margin-left:auto}.nf-ticket-alert{font-size:11px;padding:8px}.nf-whatsapp .business-wa-body{padding:13px}.nf-whatsapp .business-wa-connection{padding:14px;flex-wrap:wrap}.nf-whatsapp .business-wa-templates{grid-template-columns:1fr}.nf-panel{gap:16px}.nf-sidebar.nf-mobile{min-height:100dvh}}
/* Mobile navigation: only the sidebar inside the native drawer is visible. */
@media(max-width:767px){
 .nf-sidebar:not(.nf-mobile){display:none}
 .nf-sidebar.nf-mobile{display:flex;position:relative;inset:auto;width:100%;height:100%;min-height:0;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom)}
 .nf-mobile .nf-brand{height:82px;padding:16px 20px;flex-shrink:0}
 .nf-mobile nav{padding:14px 12px;gap:5px;flex-shrink:0}
 .nf-mobile nav button{min-height:48px;font-size:15px}
 .nf-mobile .nf-profile{padding:16px 20px;flex-shrink:0}
 .nf-mobile .nf-profile>button{min-height:44px;font-size:14px;margin-top:8px}
 .nf-workspace{width:100%;max-width:100%;min-width:0;padding:20px 16px 28px}
 .nf-header{gap:16px;padding-bottom:16px;margin-bottom:18px;min-width:0}
 .nf-page-title{min-width:0;gap:11px;flex:1}
 .nf-page-title>div{min-width:0}
 .nf-page-icon{flex-shrink:0}
 .nf-header h1{font-size:25px;overflow-wrap:anywhere}
 .nf-header p{font-size:13px;line-height:1.45}
 .nf-header-actions{flex-wrap:wrap;gap:8px;justify-content:flex-start}
 .nf-refresh{min-height:44px;margin-left:0;padding:10px 13px;font-size:13px}
 .nf-ticket-alert{min-height:44px;font-size:12px;max-width:100%;flex-wrap:wrap}
 .nf-panel{min-width:0;width:100%}
 .nf-panel>*,.nf-panel .grid>*{min-width:0;max-width:100%}
 .nf-overview>.grid:first-child{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .nf-overview>.grid:first-child>div{padding:16px 13px;min-height:110px}
 .nf-overview>.grid:first-child h3{font-size:30px;line-height:1.15}
 .nf-panel [class~="text-[9px]"],.nf-panel [class~="text-[10px]"]{font-size:11px;line-height:1.5;letter-spacing:.04em}
 .nf-panel [class~="text-[11px]"]{font-size:12px;line-height:1.5}
 .nf-panel input,.nf-panel select,.nf-panel textarea{font-size:16px;max-width:100%}
 .nf-panel button{max-width:100%;touch-action:manipulation}
 .nf-panel input,.nf-panel select{min-height:44px}
 .nf-users [class~="truncate"]{min-width:0}
 .nf-users [class~="break-all"]{overflow-wrap:anywhere}
 .nf-payments [class~="grid-cols-2"],.nf-system [class~="grid-cols-2"]{grid-template-columns:minmax(0,1fr)}
 .nf-payments pre,.nf-system pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}
 .nf-whatsapp .business-wa{width:100%;min-width:0}
 .nf-whatsapp .business-wa-connection{gap:12px;overflow-wrap:anywhere}
 .nf-whatsapp .business-wa-connection>div{min-width:0;max-width:100%}
 .nf-whatsapp .business-wa-connection h2{font-size:17px}
 .nf-whatsapp .business-wa-actions button{min-height:44px;font-size:13px;white-space:normal}
 .nf-whatsapp .business-wa-toggle{font-size:14px;align-items:flex-start;line-height:1.5}
 .nf-whatsapp .business-wa-toggle input{min-height:0;flex-shrink:0;margin-top:4px}
 .nf-whatsapp .business-wa-templates label>span{font-size:14px}
 .nf-whatsapp .business-wa-templates textarea{font-size:16px;min-height:140px;line-height:1.5}
 .nf-whatsapp .business-wa-qr{width:100%;max-width:200px;height:auto;margin-inline:auto}
}
@media(max-width:359px){.nf-workspace{padding-inline:12px}.nf-header h1{font-size:23px}.nf-page-icon{width:36px;height:36px}.nf-overview>.grid:first-child>div{padding:13px 10px}}
@media(max-width:359px){.nf-whatsapp .business-wa-connection .business-wa-actions{flex-direction:column;align-items:stretch}.nf-whatsapp .business-wa-connection .business-wa-actions button{width:100%;justify-content:center;white-space:nowrap}}
@media(max-width:767px){.nf-sidebar.nf-mobile{z-index:auto}.nf-mobile+button{right:12px;top:16px;min-width:44px;min-height:44px;display:grid;place-items:center;z-index:1}}