@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@500&display=swap);:root{--font-display:"Space Grotesk" , "Segoe UI" , sans-serif;--font-body:"Inter" , "Segoe UI" , sans-serif;--font-mono:"IBM Plex Mono" , "Courier New" , monospace;--brand:#1b6b76;--brand-hover:#17565f;--status-pago:#2f8f5b;--status-aberto:#c98a1f;--status-atraso:#c1432e;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px}:root[data-theme="light"]{--surface-0:#f7f6f2;--surface-1:#edebe4;--surface-2:#fff;--surface-3:#e3e0d8;--border:#d8d4c9;--text-1:#14181a;--text-2:#4b5158;--text-3:#7a7f7a;--brand-soft:#e4f0ef;--status-pago-soft:#e3f3ea;--status-aberto-soft:#fbf0dc;--status-atraso-soft:#fbe4df;--shadow-plate:0 1px 2px rgba(20,24,26,.06) , 0 4px 10px rgba(20,24,26,.06);--shadow-raised:0 2px 4px rgba(20,24,26,.08) , 0 10px 24px rgba(20,24,26,.10);--shadow-inset-press:inset 0 1px 3px rgba(20,24,26,.18)}:root[data-theme="dark"]{--surface-0:#101314;--surface-1:#14181a;--surface-2:#1d2224;--surface-3:#262c2e;--border:#2e3436;--text-1:#f2f1ec;--text-2:#b7bdbb;--text-3:#7c8482;--brand-soft:#14282a;--status-pago-soft:#16281f;--status-aberto-soft:#2b2211;--status-atraso-soft:#2c1512;--shadow-plate:0 0 0 1px var(--border) , 0 6px 16px rgba(0,0,0,.35);--shadow-raised:0 0 0 1px var(--border) , 0 12px 28px rgba(0,0,0,.5);--shadow-inset-press:inset 0 1px 3px rgba(0,0,0,.5)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--surface-1);color:var(--text-1);font-family:var(--font-body);font-size:15px;line-height:1.5;transition:background-color 200ms ease , color 200ms ease}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-family:var(--font-display);font-weight:600}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--text-2)}.small{font-size:13px}.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;padding:12px 20px;font:600 15px/1 var(--font-body);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:box-shadow 120ms ease , transform 120ms ease , background 120ms ease}.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px);box-shadow:var(--shadow-inset-press)}.btn-primary{background:var(--brand);color:#fff;box-shadow:var(--shadow-plate)}.btn-primary:hover{background:var(--brand-hover)}.btn-secondary{background:var(--surface-2);border-color:var(--border);color:var(--text-1)}.btn-secondary:hover{background:var(--surface-3)}.btn-danger{background:var(--status-atraso);color:#fff}.btn-ghost{background:transparent;color:var(--brand);padding:8px 12px}.btn-block{width:100%}.btn-sm{padding:8px 14px;font-size:13px}.field{margin-bottom:var(--space-4)}.field label{display:block;font-size:13px;font-weight:500;margin-bottom:6px;color:var(--text-2)}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap .fa-icon-l{position:absolute;left:14px;color:var(--text-3);pointer-events:none}.input-wrap:focus-within .fa-icon-l{color:var(--brand)}.input-wrap .toggle-eye{position:absolute;right:12px;color:var(--text-3);cursor:pointer;background:none;border:none}.input,textarea.input,select.input{width:100%;height:48px;padding:0 14px 0 40px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-1);font-family:var(--font-body);font-size:15px;outline:none}.input.no-icon{padding-left:14px}textarea.input{height:auto;min-height:100px;padding:12px 14px;resize:vertical}.input:focus,textarea.input:focus,select.input:focus{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft);outline-offset:2px}.input.mono{font-family:var(--font-mono)}.field.has-error .input{border-color:var(--status-atraso)}.field .error-msg{color:var(--status-atraso);font:500 13px var(--font-mono);margin-top:6px}.card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-plate);padding:var(--space-5)}.panel{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-pill);font-size:13px;font-weight:600}.badge .dot{width:8px;height:8px;border-radius:50%;display:inline-block}.badge-pago{background:var(--status-pago-soft);color:var(--status-pago)}.badge-pago .dot{background:var(--status-pago)}.badge-aberto{background:var(--status-aberto-soft);color:var(--status-aberto)}.badge-aberto .dot{background:var(--status-aberto)}.badge-atraso{background:var(--status-atraso-soft);color:var(--status-atraso)}.badge-atraso .dot{background:var(--status-atraso);animation:pulse-alerta 2s ease-in-out infinite}.badge-pendente{background:var(--status-aberto-soft);color:var(--status-aberto)}.badge-pendente .dot{background:var(--status-aberto)}@keyframes pulse-alerta { 0%,100%{opacity:1;} 50%{opacity:.45;} }@media (prefers-reduced-motion:reduce){.badge-atraso .dot{animation:none}}.app{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--surface-2);border-right:1px solid var(--border);padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:4px;position:fixed;top:0;bottom:0;left:0;z-index:40;transition:transform 200ms ease}.sidebar .brand{font-family:var(--font-display);font-weight:700;font-size:18px;margin-bottom:var(--space-5);display:flex;align-items:center;gap:10px}.sidebar .brand i{color:var(--brand)}.sidebar-user{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:var(--space-4);border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--border);color:var(--text-1)}.sidebar-user:hover{background:var(--surface-3);text-decoration:none}.sidebar-user .avatar{flex-shrink:0}.sidebar-user .su-info{min-width:0;overflow:hidden}.sidebar-user .su-info strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user .su-info small{color:var(--text-3)}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:var(--radius-sm);color:var(--text-2);font-weight:500}.nav-item i{width:20px;text-align:center}.nav-badge{margin-left:auto;background:var(--status-atraso);color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;line-height:1}.nav-item:hover{background:var(--surface-3);color:var(--text-1);text-decoration:none}.nav-item.active{background:var(--brand-soft);color:var(--brand)}.nav-spacer{flex:1}.theme-toggle{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-2);background:none;border:none;width:100%;font:inherit}.theme-toggle:hover{background:var(--surface-3)}.content{flex:1;margin-left:240px;padding:var(--space-6);max-width:1200px}.topbar{display:none}.page-title{font-size:32px;margin:0 0 var(--space-2)}.page-sub{color:var(--text-2);margin:0 0 var(--space-5)}.quadro{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.plaqueta{position:relative;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-plate);padding:var(--space-5) var(--space-4);text-align:center;cursor:pointer;transition:box-shadow 120ms ease , transform 120ms ease;display:flex;flex-direction:column;align-items:center;gap:4px}.plaqueta:hover{box-shadow:var(--shadow-raised);transform:translateY(-2px);text-decoration:none}.plaqueta:active{box-shadow:var(--shadow-inset-press);transform:translateY(1px)}.plaqueta .num{font-family:var(--font-display);font-size:32px;font-weight:600;color:var(--text-1)}.plaqueta .lbl{font-size:13px;color:var(--text-3)}.led{position:absolute;top:12px;right:12px;width:8px;height:8px;border-radius:50%}.led-pago{background:var(--status-pago)}.led-aberto{background:var(--status-aberto)}.led-atraso{background:var(--status-atraso);animation:pulse-alerta 2s ease-in-out infinite}.bloco-btns{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.bloco-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-plate);padding:var(--space-6);text-align:center;cursor:pointer;font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--text-1)}.bloco-btn:hover{box-shadow:var(--shadow-raised);text-decoration:none}@media (min-width:640px) and (max-width:1023px){.quadro{grid-template-columns:repeat(3,1fr)}}@media (max-width:639px){.quadro{grid-template-columns:repeat(2,1fr)}}.pag-list{display:flex;flex-direction:column;gap:var(--space-3)}.pag-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);color:inherit;transition:box-shadow 120ms ease , transform 120ms ease}a.pag-row{cursor:pointer}a.pag-row:hover{box-shadow:var(--shadow-raised);transform:translateY(-1px);text-decoration:none}.pag-row .valor{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:16px}.casa-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.casa-head-info{display:flex;align-items:center;gap:16px;min-width:0}.casa-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media (max-width:640px){.casa-head-info{width:100%}.casa-actions{width:100%}.casa-actions .btn{flex:1}}.avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;background:var(--surface-3);display:inline-flex;align-items:center;justify-content:center;color:var(--text-3);font-size:22px}.avatar-lg{width:96px;height:96px;font-size:36px}.avatar-sm{width:40px;height:40px;font-size:16px}.dem-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4)}.dem-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-plate);overflow:hidden;cursor:pointer}.dem-card:hover{box-shadow:var(--shadow-raised);text-decoration:none}.dem-card .cover{aspect-ratio:4/3;width:100%;object-fit:cover;background:var(--surface-3);display:block}.dem-card .body{padding:var(--space-4)}.dem-card .body h3{margin:0 0 6px;font-size:18px}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.gallery img{width:100%;border-radius:var(--radius-md);border:1px solid var(--border)}.content:has(.chat-fullbleed) {max-width:none;padding:0}.chat-fullbleed{height:100vh}.chat-wrap{display:grid;grid-template-columns:340px 1fr;height:100%}.chat-wrap.no-list{grid-template-columns:1fr}.chat-list{overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:var(--space-4);border-right:1px solid var(--border);background:var(--surface-1)}.chat-list-head{font-family:var(--font-display);padding:4px 4px var(--space-3);color:var(--text-2)}.chat-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);cursor:pointer}.chat-item:hover,.chat-item.active{background:var(--brand-soft);border-color:var(--brand);text-decoration:none}.chat-item .meta small{color:var(--text-3)}.chat-panel{display:flex;flex-direction:column;background:var(--surface-2);overflow:hidden;min-height:0}.chat-head{padding:var(--space-4);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;position:sticky;top:0;background:var(--surface-2);z-index:2}.chat-back{display:none}.chat-msgs{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:10px;justify-content:flex-end;justify-content:safe flex-end;background:linear-gradient(var(--surface-1),var(--surface-1));min-height:0}.bubble{position:relative;max-width:min(70%,560px);padding:10px 14px;border-radius:14px;font-size:15px;word-wrap:break-word;overflow-wrap:anywhere}.bubble small{display:block;font-size:11px;color:var(--text-3);margin-top:4px}.bubble img{max-width:100%;border-radius:10px;display:block}.bubble .chat-img{cursor:zoom-in;transition:opacity 120ms ease}.bubble .chat-img:hover{opacity:.9}.bubble audio{max-width:220px;height:36px;vertical-align:middle}.audio-row{display:inline-flex;align-items:center;gap:6px}.audio-speed{border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);border-radius:var(--radius-pill);font:600 11px var(--font-mono);padding:3px 8px;cursor:pointer;line-height:1;flex-shrink:0}.audio-speed:hover{background:var(--surface-3);color:var(--text-1)}.bubble.left{align-self:flex-start;background:var(--surface-2);border:1px solid var(--border)}.bubble.right{align-self:flex-end;background:var(--brand-soft)}.bubble.excluida{color:var(--text-3);font-style:italic;background:var(--surface-3)}.msg-del{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;border:1px solid var(--border);background:var(--surface-2);color:var(--status-atraso);cursor:pointer;font-size:11px;display:none;align-items:center;justify-content:center;box-shadow:var(--shadow-plate)}.bubble.right:hover .msg-del{display:inline-flex}.chat-form{display:flex;gap:8px;padding:var(--space-4);border-top:1px solid var(--border);background:var(--surface-2)}.chat-form .input{padding-left:14px}.typing{font-size:13px;color:var(--text-3);padding:6px var(--space-4);font-style:italic;background:var(--surface-1)}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-5)}.auth-card{width:100%;max-width:420px}.auth-card .logo{text-align:center;margin-bottom:var(--space-5)}.auth-card .logo i{font-size:40px;color:var(--brand)}.landing-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-6)}.tabs{display:flex;gap:4px;margin-bottom:var(--space-5);background:var(--surface-1);padding:4px;border-radius:var(--radius-md)}.tabs a{flex:1;text-align:center;padding:10px;border-radius:var(--radius-sm);color:var(--text-2);font-weight:600}.tabs a.active{background:var(--surface-2);color:var(--brand);box-shadow:var(--shadow-plate)}.flash{padding:12px 16px;border-radius:var(--radius-md);margin-bottom:var(--space-4);font-weight:500}.flash-ok{background:var(--status-pago-soft);color:var(--status-pago)}.flash-erro{background:var(--status-atraso-soft);color:var(--status-atraso)}.alert-atraso{background:var(--status-atraso-soft);color:var(--status-atraso);padding:12px 16px;border-radius:var(--radius-md);margin-bottom:var(--space-4)}.pay-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-5)}.pay-card{width:100%;max-width:440px;text-align:center}.pay-valor{font-family:var(--font-display);font-size:48px;font-weight:600;font-variant-numeric:tabular-nums;margin:8px 0}.qr-frame{background:#fff;padding:16px;border:8px solid var(--border);border-radius:var(--radius-md);display:inline-block;margin:var(--space-4) auto}.qr-frame canvas,.qr-frame img{display:block}.pix-copia{font-family:var(--font-mono);font-size:12px;word-break:break-all;background:var(--surface-1);padding:12px;border-radius:var(--radius-sm);border:1px solid var(--border);margin:var(--space-3) 0}.row{display:flex;gap:var(--space-4);flex-wrap:wrap}.row>*{flex:1;min-width:0}.between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mb-4{margin-bottom:var(--space-4)}.text-center{text-align:center}.fab{position:fixed;right:24px;bottom:24px;z-index:30;box-shadow:var(--shadow-raised)}.hidden{display:none!important}.menu-btn{display:none}.dropzone{position:relative;border:2px dashed var(--border);border-radius:var(--radius-lg);background:var(--surface-1);padding:var(--space-6) var(--space-5);text-align:center;cursor:pointer;transition:border-color 150ms ease , background 150ms ease , transform 150ms ease}.dropzone:hover{border-color:var(--brand);background:var(--brand-soft)}.dropzone.dragover{border-color:var(--brand);background:var(--brand-soft);transform:scale(1.01)}.dropzone input[type="file"]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.dropzone .dz-icon{font-size:32px;color:var(--brand);margin-bottom:var(--space-2)}.dropzone .dz-title{font-weight:600;color:var(--text-1)}.dropzone .dz-sub{color:var(--text-3);font-size:13px;margin-top:4px}.dropzone.has-files{padding:var(--space-4)}.dz-preview-single{display:flex;align-items:center;gap:16px}.dz-preview-single .avatar{width:96px;height:96px;font-size:36px;flex-shrink:0}.dz-preview-single .avatar-drop{position:relative}.dz-preview-single .dz-remove{position:absolute;top:-6px;right:-6px;width:24px;height:24px;border-radius:50%;background:var(--status-atraso);color:#fff;border:2px solid var(--surface-2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px}.dz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-3);margin-top:var(--space-4)}.dz-thumb{position:relative;aspect-ratio:1/1;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border)}.dz-thumb img{width:100%;height:100%;object-fit:cover;display:block}.dz-thumb .dz-remove{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:rgba(20,24,26,.65);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;backdrop-filter:blur(2px)}.dz-thumb .dz-remove:hover{background:var(--status-atraso)}.dz-thumb .dz-badge{position:absolute;bottom:6px;left:6px;background:rgba(20,24,26,.65);color:#fff;font-size:11px;padding:2px 8px;border-radius:var(--radius-pill)}.gallery-item{position:relative;cursor:zoom-in;display:block;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border)}.gallery-item img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;transition:transform 200ms ease}.gallery-item:hover img{transform:scale(1.05)}.gallery-item .gallery-badge{position:absolute;bottom:0;left:0;right:0;padding:6px 8px;font-size:12px;font-weight:600;color:#fff;background:linear-gradient(to top,rgba(20,24,26,.75),transparent);text-align:left}.gallery-group+.gallery-group{margin-top:var(--space-5)}.gallery-group h3{margin:0 0 var(--space-3);font-size:15px}.lightbox-overlay{position:fixed;inset:0;background:rgba(10,12,13,.92);z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-6);opacity:0;pointer-events:none;transition:opacity 180ms ease}.lightbox-overlay.open{opacity:1;pointer-events:auto}.lightbox-overlay .lb-stage{position:relative;max-width:min(1100px,92vw);max-height:88vh;display:flex;flex-direction:column;align-items:center}.lightbox-overlay img{max-width:100%;max-height:80vh;border-radius:var(--radius-md);box-shadow:var(--shadow-raised);transform:scale(.96);transition:transform 180ms ease}.lightbox-overlay.open img{transform:scale(1)}.lb-caption{color:#fff;margin-top:var(--space-3);font-size:14px;opacity:.85}.lb-close,.lb-prev,.lb-next{position:absolute;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:background 120ms ease}.lb-close:hover,.lb-prev:hover,.lb-next:hover{background:rgba(255,255,255,.2)}.lb-close{top:-56px;right:0}.lb-prev{left:-64px;top:50%;transform:translateY(-50%)}.lb-next{right:-64px;top:50%;transform:translateY(-50%)}.lb-counter{position:absolute;top:-56px;left:0;color:#fff;font-size:13px;opacity:.7}@media (max-width:860px){.lb-prev{left:8px}.lb-next{right:8px}.lb-close{top:8px;right:8px}.lb-counter{top:8px;left:8px}.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.content{margin-left:0;padding:var(--space-4)}.topbar{display:flex;align-items:center;gap:12px;margin-bottom:var(--space-4)}.menu-btn{display:inline-flex}.backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:35}.home-header{flex-direction:column;align-items:center;text-align:center}.home-header .btn{margin-bottom:var(--space-6)}.taxa-layout{flex-direction:column}.taxa-layout>*{max-width:100%!important;width:100%}.content:has(.chat-fullbleed) {padding:0}.content:has(.chat-fullbleed) .topbar {padding:var(--space-3) var(--space-4);margin:0;border-bottom:1px solid var(--border)}.chat-fullbleed{height:calc(100vh - 64px)}.chat-wrap{grid-template-columns:1fr}.chat-list{border-right:none}.chat-wrap.has-active .chat-list{display:none}.chat-wrap:not(.has-active) .chat-panel {display:none}.chat-back{display:inline-flex}.bubble{max-width:85%}.msg-del{display:inline-flex}}