@font-face{font-family:Outfit;src:url("/fonts/outfit-latin.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
/* DashDriver 2026: quiet surfaces, clear hierarchy and touch-friendly controls. */
:root{color-scheme:dark;--dd-bg:#0d1015;--dd-panel:#171c24;--dd-line:#2b3341;--dd-muted:#a8b4c7;--dd-blue:#4b8eff}
body{background:var(--dd-bg);color:#eef2f8;font-family:'Outfit',sans-serif;font-size:15px}button,input,select,textarea{font-family:inherit}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #91baff;outline-offset:3px}.glass{background:var(--dd-panel);border-color:var(--dd-line);backdrop-filter:none}.glass-strong{background:#151b25f5;border-color:#39445a}.text-outline{color:var(--dd-muted)}body .bg-background{background-color:var(--dd-bg)}body .bg-surface-container-high{background-color:#222b39}body .border-outline-variant{border-color:#3a4659}body>header{background:#10151eee;border-color:var(--dd-line)}body>main{width:100%;max-width:1240px;margin-inline:auto}.dd-page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 2px 8px}.dd-page-heading h1{font-size:clamp(23px,4vw,32px);font-weight:600;letter-spacing:-.035em}.dd-page-heading p{font-size:13px;color:var(--dd-muted);margin-top:5px}.dd-page-heading>span{font-size:12px;color:#90b8ff;white-space:nowrap}.period-chip{min-height:40px;padding-inline:18px;font-size:13px;border-radius:11px}.page>.space-y-3>div{margin-top:16px}.page [class*="text-[9px]"],.page [class*="text-[10px]"]{font-size:11px}.page [class*="tracking-widest"]{letter-spacing:.035em}.page [class*="rounded-3xl"]{border-radius:20px}body>nav{background:#141b27ed!important;border-top:1px solid #354157!important;padding-bottom:env(safe-area-inset-bottom)}body>nav button{min-height:56px}input:not([type=checkbox]):not([type=hidden]),select{min-height:44px}#login-screen{background:#0d1015!important;overflow-y:auto;padding-block:30px}#login-screen>.glass{background:#171d28;border:1px solid #354157;box-shadow:0 32px 80px #0005!important;max-width:440px;border-radius:24px;padding:34px}#login-screen h1{font-size:24px;font-weight:650}#login-screen #login-subtitle{font-size:14px;line-height:1.5;color:#b0bed1;margin-top:7px}#login-screen button{box-shadow:none!important;min-height:44px}#login-screen input{background:#111721;border-color:#3a465b;min-height:50px}#login-screen input:focus{border-color:#73a4ff}.dd-login-footer{display:flex;justify-content:center;gap:20px;margin-top:26px;font-size:12px;color:#a6b9d4}.dd-privacy-card{border:1px solid var(--dd-line);border-radius:18px;padding:20px;background:var(--dd-panel)}.dd-privacy-card h3{font-size:16px;font-weight:600}.dd-privacy-card p{font-size:13px;color:var(--dd-muted);line-height:1.65;margin:10px 0 16px}.dd-privacy-actions{display:flex;gap:10px;flex-wrap:wrap}.dd-privacy-actions button,.dd-privacy-actions a{padding:11px 14px;background:#26334a;border:1px solid #3a4b65;border-radius:10px;font-size:12px;min-height:44px}.dd-ocr-note{color:#a8b4c7;font-size:12px;line-height:1.6;margin:12px 0}.dd-ocr-note a{color:#a7c9ff;text-decoration:underline}
/* Admin uses its existing navigation and content, with the same surface language. */
body.dd-admin{background:var(--dd-bg)}.dd-admin .sidebar{background:#111722;border-color:var(--dd-line);width:228px}.dd-admin .stat-card{background:var(--dd-panel);border-color:var(--dd-line);border-radius:18px}.dd-admin .nav-item{min-height:48px;border-radius:12px;color:#b7c3d6}.dd-admin .nav-item.active{background:#213551;color:#b7d3ff}.dd-admin .table-row{border-color:var(--dd-line)}.dd-admin #admin-app>main{padding:32px;min-width:0;max-width:none}.dd-admin #admin-app h2{letter-spacing:-.025em;font-weight:600;font-size:27px}.dd-admin #login-screen{min-height:100dvh}
@media(min-width:900px){.page>div.p-3{padding:28px}.dd-admin .sidebar{position:sticky;top:0;height:100dvh}}@media(max-width:700px){.dd-page-heading{align-items:flex-start}.dd-page-heading>span{display:none}.dd-admin #admin-app{flex-direction:column}.dd-admin .sidebar{width:100%;position:static;border-bottom:1px solid var(--dd-line);height:auto;flex-direction:row;flex-wrap:wrap;padding:12px}.dd-admin .sidebar>div:first-child{width:100%;margin:0;padding:8px}.dd-admin .sidebar>.nav-item{flex:1;justify-content:center;font-size:12px;gap:6px;padding:8px}.dd-admin .sidebar>.mt-auto{width:100%;display:flex;align-items:center;justify-content:space-between;padding-top:8px}.dd-admin #admin-app>main{padding:20px 14px}.dd-admin table{min-width:650px}.dd-admin main .overflow-x-auto{max-width:100%}.dd-admin .grid.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}#login-screen>.glass{padding:28px 24px}.dd-privacy-actions>*{flex:1;text-align:center}.period-chip{padding-inline:14px}body>main{padding-bottom:calc(100px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* CSS adaptation of Spell UI Bars Spinner; no React runtime required. */
.dd-bars-spinner {display:inline-block;position:relative;width:36px;height:36px;color:#93bbff;flex-shrink:0}
.dd-bars-spinner i {position:absolute;left:46%;top:4%;width:8%;height:25%;border-radius:3px;background:currentColor;transform-origin:50% 184%;opacity:.3;animation:dd-bars-fade 1s linear infinite}
.dd-bars-spinner i:nth-child(1) {transform:rotate(0deg);animation-delay:-1.0s}
.dd-bars-spinner i:nth-child(2) {transform:rotate(45deg);animation-delay:-0.875s}
.dd-bars-spinner i:nth-child(3) {transform:rotate(90deg);animation-delay:-0.75s}
.dd-bars-spinner i:nth-child(4) {transform:rotate(135deg);animation-delay:-0.625s}
.dd-bars-spinner i:nth-child(5) {transform:rotate(180deg);animation-delay:-0.5s}
.dd-bars-spinner i:nth-child(6) {transform:rotate(225deg);animation-delay:-0.375s}
.dd-bars-spinner i:nth-child(7) {transform:rotate(270deg);animation-delay:-0.25s}
.dd-bars-spinner i:nth-child(8) {transform:rotate(315deg);animation-delay:-0.125s}
.dd-bars-small {width:18px;height:18px}
#ocr-overlay p {max-width:30ch;text-align:center;padding-inline:12px}
html.dd-auth-locked,body.dd-auth-locked{overflow:hidden!important;height:100%!important;overscroll-behavior:none!important}
body.auth-pending>main,body.auth-pending>header,body.auth-pending>nav{visibility:hidden!important}
@keyframes dd-bars-fade {0%,100%{opacity:1}80%{opacity:.2}}
@media(prefers-reduced-motion:reduce){.dd-bars-spinner i{animation:none;opacity:.65}}

/* Keep the authentication surface above the app on mobile browser viewports. */
#login-screen{position:fixed!important;inset:0!important;width:100%;height:100dvh!important;min-height:100dvh!important;isolation:isolate;overscroll-behavior:contain}

#page-financeiro .dd-fin-header{position:relative;top:auto;z-index:auto;padding-top:12px;border-radius:16px;margin-bottom:12px}#support-modal>div{max-width:760px;width:100%;max-height:85dvh}#support-modal{padding:16px}#support-body{min-height:0}