html.dark body{background-color:var(--background);color:var(--foreground)}html.dark :where(.legacy-compat-scope){color:var(--foreground)}html.dark :where(.legacy-compat-scope) a,html.dark :where(.legacy-compat-scope) .text-primary,html.dark :where(.legacy-compat-scope) .text-secondary{color:var(--primary)}html.dark :where(.legacy-compat-scope) .text-danger{color:var(--destructive)}html.dark :where(.legacy-compat-scope) header{background-color:var(--card);border-bottom:1px solid var(--border)}html.dark :where(.legacy-compat-scope) .card,html.dark :where(.legacy-compat-scope) .popup-card .popup-card-content{background-color:var(--card);color:var(--card-foreground)}html.dark :where(.legacy-compat-scope) .button.nav{color:var(--muted-foreground);fill:var(--muted-foreground)}html.dark :where(.legacy-compat-scope) .button.nav svg path{fill:var(--muted-foreground)}html.dark :where(.legacy-compat-scope) .button.nav.active{color:var(--primary);fill:var(--primary);border-bottom-color:var(--primary)}html.dark :where(.legacy-compat-scope) .button.nav.active svg path{fill:var(--primary)}html.dark :where(.legacy-compat-scope) .nav-button:hover,html.dark :where(.legacy-compat-scope) .nav-button:focus{color:var(--primary);fill:var(--primary);border-bottom-color:var(--primary)}html.dark :where(.legacy-compat-scope) .button.grey,html.dark :where(.legacy-compat-scope) .button.transparent{background-color:var(--secondary);color:var(--secondary-foreground);fill:var(--secondary-foreground)}html.dark :where(.legacy-compat-scope) .input-wrapper input,html.dark :where(.legacy-compat-scope) .text-area-wrapper textarea,html.dark :where(.legacy-compat-scope) .number-input-wrapper input,html.dark :where(.legacy-compat-scope) .select__control{background-color:var(--card);border-color:var(--border);color:var(--foreground)}html.dark :where(.legacy-compat-scope) input::placeholder,html.dark :where(.legacy-compat-scope) textarea::placeholder{color:var(--muted-foreground)}html.dark :where(.legacy-compat-scope) .select__single-value{color:var(--foreground)}html.dark :where(.legacy-compat-scope) .select__placeholder{color:var(--muted-foreground)}html.dark :where(.legacy-compat-scope) .select__menu{background-color:var(--popover);border:1px solid var(--border)}html.dark :where(.legacy-compat-scope) .select__option{color:var(--foreground)}html.dark :where(.legacy-compat-scope) .select__option--is-focused{background-color:var(--accent)}html.dark :where(.legacy-compat-scope) .select__option--is-selected{background-color:var(--primary);color:var(--primary-foreground)}html.dark :where(.legacy-compat-scope) .select-loading{background-color:var(--card);color:var(--muted-foreground);border-color:var(--border)}html.dark :where(.legacy-compat-scope) table thead th,html.dark :where(.legacy-compat-scope) div.table .thead .th{background-color:var(--muted);color:var(--muted-foreground)}html.dark :where(.legacy-compat-scope) table tbody td,html.dark :where(.legacy-compat-scope) div.table .tbody .td{border-bottom:1px solid var(--border)}html.dark :where(.legacy-compat-scope) .settings-nav .settings-nav-items .button.nav{color:var(--muted-foreground)}html.dark :where(.legacy-compat-scope) .settings-nav .settings-nav-items .button.nav.active{color:var(--foreground)}html.dark :where(.legacy-compat-scope) .settings-nav .settings-display-control{background-color:var(--card);border-color:var(--border)}html.dark :where(.legacy-compat-scope) .settings-nav .settings-display-control-title,html.dark :where(.legacy-compat-scope) .settings-nav .settings-version-label,html.dark :where(.legacy-compat-scope) .settings-nav .settings-display-note{color:var(--muted-foreground)}html.dark :where(.legacy-compat-scope) .settings-nav .settings-version-label.settings-version-label-active{color:var(--primary)}html.dark :where(.legacy-compat-scope) .react-datepicker{background-color:var(--popover);border-color:var(--border);color:var(--foreground)}html.dark :where(.legacy-compat-scope) .react-datepicker__header{background-color:var(--secondary);border-bottom-color:var(--border)}html.dark :where(.legacy-compat-scope) .react-datepicker__day-name,html.dark :where(.legacy-compat-scope) .react-datepicker__current-month,html.dark :where(.legacy-compat-scope) .react-datepicker__day,html.dark :where(.legacy-compat-scope) .react-datepicker__time-name{color:var(--foreground)}html.dark :where(.legacy-compat-scope) .react-datepicker__day--keyboard-selected,html.dark :where(.legacy-compat-scope) .react-datepicker__day--selected{background-color:var(--primary);color:var(--primary-foreground)}html.dark :is(.legacy-compat-scope,.v2-scope) .card,html.dark :is(.legacy-compat-scope,.v2-scope) .popup-card .popup-card-content{background-color:var(--card);color:var(--card-foreground)}html.dark :is(.legacy-compat-scope,.v2-scope) .invoices-nav{background-color:var(--card);border-top-color:var(--border)}html.dark :is(.legacy-compat-scope,.v2-scope) .invoices-nav .button.nav{color:var(--muted-foreground)}html.dark :is(.legacy-compat-scope,.v2-scope) .invoices-nav .button.nav svg path{fill:var(--muted-foreground)}html.dark :is(.legacy-compat-scope,.v2-scope) .invoices-nav .button.nav.active,html.dark :is(.legacy-compat-scope,.v2-scope) .invoices-nav .button.nav:hover,html.dark :is(.legacy-compat-scope,.v2-scope) .invoices-nav .button.nav:focus{color:var(--foreground)}html.dark :is(.legacy-compat-scope,.v2-scope) .invoices-nav .button.nav.active svg path,html.dark :is(.legacy-compat-scope,.v2-scope) .invoices-nav .button.nav:hover svg path,html.dark :is(.legacy-compat-scope,.v2-scope) .invoices-nav .button.nav:focus svg path{fill:var(--foreground)}html.dark :is(.legacy-compat-scope,.v2-scope) .issued-invoices-summary .issued-invoices-sum,html.dark :is(.legacy-compat-scope,.v2-scope) .unpaid-invoices-summary .unpaid-invoices-sum{color:var(--foreground)}html.dark :is(.legacy-compat-scope,.v2-scope) .issued-invoices-summary .issued-invoices-sum-paid{color:var(--success)}html.dark :is(.legacy-compat-scope,.v2-scope) .unpaid-invoices-summary .unpaid-invoices-days-sum,html.dark :is(.legacy-compat-scope,.v2-scope) .most-indebted-subjects-summary .indebted-invoices-sum{color:var(--destructive)}html.dark :is(.legacy-compat-scope,.v2-scope) .most-issued-subjects-summary .invoice-count,html.dark :is(.legacy-compat-scope,.v2-scope) .summary-year-switch a,html.dark :is(.legacy-compat-scope,.v2-scope) .summary-year-switch span{color:var(--muted-foreground)}html.dark :is(.legacy-compat-scope,.v2-scope) .summary-year-switch .summary-year,html.dark :is(.legacy-compat-scope,.v2-scope) .alert{color:var(--foreground)}html.dark :is(.legacy-compat-scope,.v2-scope) .alert.warning{border-color:var(--warning);background-color:color-mix(in oklab,var(--warning)18%,transparent)}html.dark :is(.legacy-compat-scope,.v2-scope) .alert.success{border-color:var(--success);background-color:color-mix(in oklab,var(--success)18%,transparent)}html.dark :is(.legacy-compat-scope,.v2-scope) .alert.danger{border-color:var(--destructive);background-color:color-mix(in oklab,var(--destructive)18%,transparent)}html.dark :is(.legacy-compat-scope,.v2-scope) .pagination .page-item{background-color:var(--card);border-color:var(--border)}html.dark :is(.legacy-compat-scope,.v2-scope) .pagination .page-item .page-link{color:var(--foreground)}html.dark :is(.legacy-compat-scope,.v2-scope) .pagination .page-item.active,html.dark :is(.legacy-compat-scope,.v2-scope) .pagination .page-item:hover{background-color:var(--primary);border-color:var(--primary)}html.dark :is(.legacy-compat-scope,.v2-scope) .pagination .page-item.active .page-link,html.dark :is(.legacy-compat-scope,.v2-scope) .pagination .page-item:hover .page-link{color:var(--primary-foreground)}html.dark :is(.legacy-compat-scope,.v2-scope) .containerOnboard .content-wrapper .text{color:var(--muted-foreground)}html.dark :is(.legacy-compat-scope,.v2-scope) .containerOnboard .content-wrapper .heading{color:var(--foreground)}html.dark :is(.legacy-compat-scope,.v2-scope) .containerOnboard span{color:var(--primary)}html.dark :is(.legacy-compat-scope,.v2-scope) .checkbox-wrapper .checkbox input+label,html.dark :is(.legacy-compat-scope,.v2-scope) .radio-wrapper .radio input+label{color:var(--foreground)}html.dark :is(.legacy-compat-scope,.v2-scope) .checkbox-wrapper .checkbox input+label:before{box-shadow:inset 0 0 0 1px var(--border);background-color:#0000}html.dark :is(.legacy-compat-scope,.v2-scope) .checkbox-wrapper .checkbox input:checked+label:before{background-color:var(--primary);box-shadow:none}html.dark :is(.legacy-compat-scope,.v2-scope) .radio-wrapper .radio input+label:before{box-shadow:inset 0 0 0 1px var(--border)}html.dark :is(.legacy-compat-scope,.v2-scope) .radio-wrapper .radio input:checked+label:before{box-shadow:inset 0 0 0 1px var(--primary)}html.dark :is(.legacy-compat-scope,.v2-scope) .radio-wrapper .radio input+label:after{background-color:var(--primary)}html.dark :is(.legacy-compat-scope,.v2-scope) .table-scroll .invoice-payment-dot.unpaid{background-color:var(--muted-foreground)}html.dark :is(.legacy-compat-scope,.v2-scope) .table-scroll .invoice-payment-dot.paid{background-color:var(--success)}html.dark :is(.legacy-compat-scope,.v2-scope) .company-cards .card .card-body p,html.dark :is(.legacy-compat-scope,.v2-scope) .company-settings-cards .card a p,html.dark :is(.legacy-compat-scope,.v2-scope) .company-settings-cards .card h4,html.dark :is(.legacy-compat-scope,.v2-scope) .company-cards .card h4{color:var(--foreground)}html.dark :is(.legacy-compat-scope,.v2-scope) .company-cards .card .vat-payer-wrapper p{color:var(--muted-foreground)}html.dark :is(.legacy-compat-scope,.v2-scope) .company-cards .card .vat-payer-dot{background-color:var(--secondary)}html.dark :is(.legacy-compat-scope,.v2-scope) .ephemeral-message-container{background-color:var(--secondary);color:var(--foreground);border-left-color:var(--primary)}
.hero-wrapper{flex-direction:row;width:100%;height:auto;min-height:100dvh;display:flex}.hero-wrapper input{border:1px solid #065ffd!important}.hero-wrapper .content-wrapper{width:100%;min-height:inherit;flex-direction:column;align-items:stretch;display:flex}.hero-wrapper .content-wrapper h1{margin-left:15px}.hero-wrapper .content-wrapper .form-wrapper{flex-direction:column;flex:auto;justify-content:center;align-items:center;padding:24px 16px;display:flex}.hero-wrapper .content-wrapper .auth-locale-switcher-footer{justify-content:center;padding:0 16px 24px;display:flex}.hero-wrapper .hero{background-color:#065ffd;justify-content:center;align-items:center;width:40%;margin-left:auto;display:none}.hero-wrapper .hero img{max-width:75%;height:auto}@media (min-width:992px){.hero-wrapper .content-wrapper{width:60%}.hero-wrapper .hero{display:flex}}@media (min-width:480px){.hero-wrapper .content-wrapper{align-items:normal}.hero-wrapper .content-wrapper h1{margin-left:7%}.hero-wrapper .content-wrapper .auth-locale-switcher-footer{justify-content:flex-start;padding-left:7%}}@media (max-height:820px){.hero-wrapper .content-wrapper .form-wrapper{justify-content:flex-start;padding-top:20px;padding-bottom:20px}}