:root{--bg:#08111f;--panel:#111d2e;--panel2:#17253a;--text:#eef5ff;--muted:#93a4ba;--primary:#28c76f;--accent:#3b82f6;--danger:#ff5c6c;--warning:#f7b731;--border:#24344d;--shadow:0 18px 50px #0005}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at 80% 0,#12365b 0,transparent 28%),var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:#091321eF;border-right:1px solid var(--border);padding:24px 16px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:18px;padding:0 10px 25px}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--accent));display:grid;place-items:center;color:#06101b}.nav{display:grid;gap:7px}.nav a{padding:12px 14px;border-radius:12px;color:var(--muted);font-weight:650}.nav a.active,.nav a:hover{background:#19304b;color:#fff}.main{padding:26px 32px 48px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--primary);font-weight:800}.topbar h1{margin:5px 0 0;font-size:28px}.user-chip{background:var(--panel);border:1px solid var(--border);padding:10px 14px;border-radius:14px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.metric small{color:var(--muted)}.metric strong{font-size:30px;display:block;margin-top:8px}.metric i{color:var(--primary);font-style:normal;font-size:12px}.section{margin-top:22px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.section h2{font-size:18px;margin:0}.btn{border:0;border-radius:11px;padding:11px 16px;font-weight:800;cursor:pointer;background:var(--primary);color:#052114}.btn.secondary{background:#243753;color:#e7f1ff}.btn.danger{background:var(--danger);color:#fff}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:13px;border-bottom:1px solid var(--border);font-size:14px}.table th{color:var(--muted);font-size:12px;text-transform:uppercase}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:900;background:#27405d}.badge.ativo,.badge.pago{color:#71e6a6;background:#133d2c}.badge.pendente{color:#ffd980;background:#493c18}.badge.atrasado,.badge.bloqueado{color:#ff9aa4;background:#4b2027}.hero{max-width:1180px;margin:auto;padding:30px 24px 70px}.landing-nav{display:flex;justify-content:space-between;align-items:center}.hero-copy{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;padding:85px 0 65px}.hero h1{font-size:58px;line-height:1.02;margin:14px 0 20px}.hero p{color:var(--muted);font-size:19px;line-height:1.65}.hero-visual{min-height:390px}.mini-card{margin:14px}.plans{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:850px;margin:30px auto}.plan h3{font-size:25px}.price{font-size:40px;font-weight:900}.price small{font-size:14px;color:var(--muted)}.features{padding:0;list-style:none;line-height:2;color:var(--muted)}.features li:before{content:"✓";color:var(--primary);margin-right:10px}.auth-page{display:grid;place-items:center;min-height:100vh;padding:25px}.auth-card{width:min(520px,100%)}.form{display:grid;gap:14px}.field label{display:block;color:var(--muted);font-size:13px;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;background:#091522;color:#fff;border:1px solid var(--border);border-radius:11px;padding:12px}.row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.message{padding:12px;border-radius:10px;background:#352c13;color:#ffe08a;display:none}.empty{color:var(--muted);padding:28px;text-align:center}.footer{text-align:center;color:var(--muted);padding:35px}.mobile-menu{display:none}
@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{display:none}.main{padding:20px}.grid{grid-template-columns:1fr 1fr}.hero-copy{grid-template-columns:1fr;padding-top:55px}.hero h1{font-size:42px}.hero-visual{display:none}.plans{grid-template-columns:1fr}.mobile-menu{display:block}.row{grid-template-columns:1fr}}
@media(max-width:560px){.grid{grid-template-columns:1fr}.topbar h1{font-size:23px}.landing-nav .btn.secondary{display:none}.hero h1{font-size:37px}}
.coupon-row{display:grid;grid-template-columns:1fr auto;gap:9px}.coupon-row input{text-transform:uppercase}
.plan-checkout{display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left}.plan-checkout strong{display:flex;align-items:flex-end;justify-content:flex-end;gap:8px;flex-wrap:wrap}.plan-checkout del{color:#ff9aa4;font-size:13px;font-weight:600}.plan-checkout .discount-price{font-size:18px}.plan-checkout small{width:100%;color:#052114;font-size:11px}.plan-checkout.coupon-applied{outline:2px solid #71e6a6;box-shadow:0 0 0 4px rgba(113,230,166,.12)}

.help-button{position:fixed;right:18px;bottom:18px;z-index:80;border:1px solid #ffffff20;border-radius:999px;padding:8px 11px;background:#183248d9;color:#c9d6e5;font-size:12px;font-weight:750;box-shadow:0 5px 16px #0005;cursor:pointer;display:flex;align-items:center;gap:6px;opacity:.72;transition:opacity .18s,transform .18s,background .18s}.help-button b{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#2aab70;color:#071b13;font-size:13px}.help-button:hover,.help-button:focus-visible{opacity:1;transform:translateY(-2px);background:#1d3d57;outline:none}
.help-overlay{position:fixed;inset:0;background:#020817d9;backdrop-filter:blur(7px);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}
.help-overlay.open{display:flex}.help-modal{width:min(720px,100%);max-height:90vh;overflow:auto;background:linear-gradient(145deg,#17253a,#0d1828);border:1px solid var(--border);border-radius:22px;padding:28px;box-shadow:0 30px 100px #000}.help-close{float:right;border:0;background:#273952;color:#fff;border-radius:10px;width:38px;height:38px;cursor:pointer}.help-progress{display:flex;gap:7px;margin:18px 0}.help-progress span{height:5px;flex:1;border-radius:99px;background:#2a3b52}.help-progress span.on{background:var(--primary)}.help-icon{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:#163e2b;color:#70e6a5;font-size:30px}.help-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.help-menu{display:grid;gap:10px}.help-menu button,.help-menu a{border:1px solid var(--border);background:#122136;color:#fff;border-radius:13px;padding:14px;text-align:left;font-weight:750;cursor:pointer}.video-frame{width:100%;aspect-ratio:16/9;border:0;border-radius:14px;background:#000}
.view{display:none}.view.active{display:block}.table .btn{padding:7px 10px;font-size:12px;white-space:nowrap}.field input[type="datetime-local"],.field input[type="date"],.field input[type="month"]{color-scheme:dark}
.nav a.locked{opacity:.62}.nav a small{float:right;font-size:9px;color:#ffd980;background:#493c18;padding:3px 6px;border-radius:99px}.grid#reportCards{grid-template-columns:repeat(5,1fr);margin-bottom:20px}
.nav .logout-link{margin-top:8px;color:#ff9aa4;border:1px solid #4b2027}.nav .logout-link:hover{background:#4b2027;color:#fff}
@media(max-width:1100px){.grid#reportCards{grid-template-columns:repeat(2,1fr)}}
.payroll-metrics{margin-bottom:22px}.payroll-metrics .metric strong{font-size:24px}
.fixed-account-metrics{margin-bottom:22px}.fixed-account-metrics .metric strong{font-size:24px}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.tabs button{border:1px solid var(--border);background:var(--panel);color:var(--muted);padding:9px 14px;border-radius:10px;font-weight:800;cursor:pointer}.tabs button.active,.tabs button:hover{background:#19304b;color:#fff;border-color:#315577}
.subtabs{margin-top:-5px}.subtabs button{min-width:115px}.subtabs button.active{background:var(--primary);border-color:var(--primary);color:#052114}
.fee-filter-group{margin:0 0 10px;padding:12px 14px 0;border:1px solid var(--border);border-radius:14px;background:#0c1828}.fee-filter-group>small{display:block;margin-bottom:9px;color:var(--muted);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.fee-filter-group .tabs{margin-bottom:12px}.form-hint{display:block;margin-top:6px;color:var(--muted);font-size:11px;line-height:1.4}.signature-settings{padding-top:20px;border-top:1px solid var(--border)}.signature-settings h3{margin:0 0 4px}.signature-preview-box{min-width:260px;min-height:112px;display:grid;place-items:center;padding:8px;border:1px dashed var(--border);border-radius:10px;background:#fff}
@media(max-width:560px){.help-button{right:10px;bottom:10px;width:42px;height:42px;padding:0;justify-content:center;opacity:.62}.help-button span{display:none}.help-button b{width:23px;height:23px;font-size:14px}}
.dashboard-tabs{margin:0}.dashboard-tabs button{padding:7px 12px}.financial-card{border-top:3px solid var(--accent)}.financial-card strong{font-size:27px}.expense-card{border-top-color:var(--danger)}.expense-card i{color:#ff9aa4}.profit-card{border-top-color:var(--primary)}.profit-card.negative{border-top-color:var(--danger)}.profit-card.negative strong,.profit-card.negative i{color:#ff7f8b}
@media(max-width:700px){.section-head:has(.dashboard-tabs){align-items:flex-start;flex-direction:column;gap:12px}.dashboard-tabs{width:100%}.dashboard-tabs button{flex:1}.financial-grid{grid-template-columns:1fr 1fr}}
.sidebar{overflow:auto}.office-card{margin-top:18px;padding:14px;border:1px solid var(--border);border-radius:14px;background:#102034;display:grid;gap:6px}.office-card small{color:var(--muted);font-size:11px}.office-card span{color:var(--primary);font-size:12px;font-weight:800}.office-card a{margin-top:6px;text-align:center;background:var(--primary);color:#052114;padding:8px;border-radius:9px;font-weight:800;font-size:12px}
.top-actions{display:flex;align-items:center;gap:10px}.search-box,.notification-wrap{position:relative}.search-box input{width:min(320px,28vw);padding:10px 13px;border-radius:12px;border:1px solid var(--border);background:var(--panel);color:var(--text)}.icon-button{border:1px solid var(--border);background:var(--panel);color:#fff;padding:10px;border-radius:12px;cursor:pointer}.icon-button span{background:var(--danger);border-radius:99px;padding:2px 5px;font-size:10px}.popover{display:none;position:absolute;right:0;top:calc(100% + 8px);width:340px;max-height:360px;overflow:auto;background:#101d2e;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);z-index:60;padding:8px}.popover.open{display:block}.popover button{display:grid;width:100%;gap:4px;text-align:left;border:0;border-bottom:1px solid var(--border);background:transparent;color:#fff;padding:12px;cursor:pointer}.popover small{color:var(--muted)}
.dashboard-panels{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;margin-top:22px}.dashboard-panels .card{min-width:0}.panel-wide{grid-column:span 2}.dashboard-item{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 2px;border-bottom:1px solid var(--border);font-size:13px}.dashboard-item small{color:var(--muted);text-align:right}.link-button{border:0;background:transparent;color:var(--primary);cursor:pointer}.quick-actions{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:18px}.quick-actions button{color:var(--text);cursor:pointer;font-weight:800;text-align:left}.quick-actions button:hover{border-color:var(--primary)}

/* Gráfico financeiro responsivo */
.cash-flow-card{overflow:hidden}.cash-flow-heading{margin-bottom:18px}.cash-flow-heading h2{margin:0;font-size:18px}.cash-flow-heading small{display:block;margin-top:5px;color:var(--muted)}.cash-flow-chart{min-width:0}.cash-chart-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.cash-chart-totals>div{min-width:0;padding:12px 14px;border:1px solid var(--border);border-radius:13px;background:#0c1828}.cash-chart-totals span{display:block;margin-bottom:5px;color:var(--muted);font-size:11px}.cash-chart-totals strong{display:block;overflow:hidden;text-overflow:ellipsis;font-size:17px}.revenue-text{color:#55dfa0}.expense-text{color:#ff8894}.balance-text{color:#75a8ff}.cash-chart-legend{display:flex;align-items:center;gap:16px;margin-bottom:13px;color:var(--muted);font-size:12px}.cash-chart-legend span{display:flex;align-items:center;gap:7px;font-weight:750}.cash-chart-legend i{display:block;width:10px;height:10px;border-radius:3px}.cash-chart-legend i.revenue{background:#28c76f}.cash-chart-legend i.expense{background:#ff5c6c}.cash-chart-legend small{margin-left:auto;color:#6f8199}.cash-chart-desktop{min-width:0;padding:20px 14px 12px;border:1px solid #253750;border-radius:15px;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(25% - 1px),#243650 calc(25% - 1px),#243650 25%)}.cash-chart-grid{display:grid;grid-template-columns:repeat(6,minmax(62px,1fr));gap:clamp(8px,2vw,24px);height:255px}.cash-chart-month{display:grid;grid-template-rows:minmax(0,1fr) auto auto;min-width:0;text-align:center}.cash-chart-columns{display:flex;align-items:flex-end;justify-content:center;gap:clamp(4px,.8vw,9px);min-height:0}.cash-chart-bar{position:relative;width:min(24px,36%);height:var(--bar-height);min-height:2px;border-radius:8px 8px 3px 3px;box-shadow:0 8px 18px #0003;transition:filter .18s,transform .18s}.cash-chart-bar:hover{filter:brightness(1.18);transform:translateY(-2px)}.cash-chart-bar.revenue{background:linear-gradient(180deg,#5ae2a1,#20a961)}.cash-chart-bar.expense{background:linear-gradient(180deg,#ff8894,#df4353)}.cash-chart-bar span{position:absolute;left:50%;top:-21px;transform:translateX(-50%);color:#c9d5e5;font-size:10px;font-weight:800;white-space:nowrap}.cash-chart-month>strong{margin-top:9px;text-transform:capitalize;font-size:12px}.cash-chart-balance{display:inline-flex;align-items:center;justify-content:center;margin-top:5px;padding:4px 6px;border-radius:99px;font-size:9px;font-weight:850;white-space:nowrap}.cash-chart-balance.positive{color:#8cb8ff;background:#132f59}.cash-chart-balance.negative{color:#ff9aa4;background:#4b2027}.cash-chart-mobile{display:none}.cash-chart-empty{padding:50px 18px;border:1px dashed var(--border);border-radius:14px;color:var(--muted);text-align:center}
@media(max-width:1200px){.dashboard-panels{grid-template-columns:1fr 1fr}.panel-wide{grid-column:span 2}.quick-actions{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.top-actions{flex:1;justify-content:flex-end}.search-box input{width:220px}.user-chip{display:none}}
@media(max-width:700px){.topbar{align-items:flex-start;gap:12px}.top-actions{align-items:flex-end;flex-direction:column}.search-box input{width:180px}.popover{position:fixed;top:85px;right:12px;left:12px;width:auto}.dashboard-panels{grid-template-columns:1fr}.panel-wide{grid-column:auto}.quick-actions{grid-template-columns:1fr 1fr}.financial-grid{grid-template-columns:1fr}}

/* Contabilidade 2.0.0 — navegação e formulários móveis */
.topbar-heading{display:flex;align-items:center;gap:12px;min-width:0}.sidebar-backdrop{display:none}.password-field{position:relative}.password-field input{padding-right:92px}.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:0;border-radius:8px;padding:7px 10px;background:#243753;color:#e7f1ff;font-size:12px;font-weight:800;cursor:pointer}.table td:last-child{min-width:160px}.table td:last-child .btn{margin:3px 2px}.help-modal .form>.btn{justify-self:start}

/* Identidade do escritório no cabeçalho e formulário estável em telas pequenas */
.brand-name{min-width:0;line-height:1.15;overflow-wrap:anywhere}.brand-logo{display:block;flex:0 0 48px;width:48px;height:48px;object-fit:contain;border-radius:12px;background:#fff;padding:4px}.brand-mark[hidden],.brand-logo[hidden]{display:none!important}
body.form-open{overflow:hidden}#formOverlay{overflow:auto;overscroll-behavior:contain}#formOverlay .help-modal{max-height:calc(100dvh - 32px);overscroll-behavior:contain}#dynamicForm .form-actions{display:flex;gap:10px;flex-wrap:wrap;position:sticky;bottom:-28px;z-index:3;margin-top:4px;padding:14px 0 0;background:linear-gradient(180deg,transparent 0,#0d1828 28%)}#dynamicForm .form-status{min-height:20px;color:var(--muted);font-size:13px}#dynamicForm button:disabled{opacity:.65;cursor:wait}

@media(max-width:900px){
  body.nav-open{overflow:hidden}
  .shell{display:block;min-width:0}
  .sidebar{display:block;position:fixed;inset:0 auto 0 0;width:min(86vw,310px);height:100dvh;z-index:100;transform:translateX(-105%);transition:transform .22s ease;box-shadow:20px 0 60px #0009}
  .sidebar.open{transform:translateX(0)}
  .sidebar-backdrop{position:fixed;inset:0;z-index:95;border:0;background:#020817c9;backdrop-filter:blur(3px)}
  body.nav-open .sidebar-backdrop{display:block}
  .mobile-menu{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;margin:0;padding:0;border:1px solid var(--border);border-radius:11px;background:var(--panel);color:#fff;line-height:1;box-shadow:0 7px 18px #0006;cursor:pointer;overflow:hidden}
  .mobile-menu-icon{display:flex;width:20px;height:15px;flex-direction:column;justify-content:space-between;align-items:stretch;transform-origin:center}
  .mobile-menu-icon span{display:block;width:100%;height:2px;margin:0;border-radius:999px;background:currentColor;transform-origin:center;transition:transform .18s ease,opacity .18s ease}
  .mobile-menu[aria-expanded="true"] .mobile-menu-icon span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
  .mobile-menu[aria-expanded="true"] .mobile-menu-icon span:nth-child(2){opacity:0}
  .mobile-menu[aria-expanded="true"] .mobile-menu-icon span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
  .main{width:100%;min-width:0;padding:18px 16px 40px}
  .topbar{gap:14px}.topbar-heading{flex:1}
  .card{padding:16px;border-radius:15px}
  .table-wrap{padding:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;box-shadow:inset -18px 0 18px -22px #fff8}
  .table{min-width:720px}.table th,.table td{padding:11px 10px}.table .btn{padding:8px 10px}
  #view-folha .table{min-width:1450px}
  .tabs{flex-wrap:nowrap;overflow:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.tabs button{flex:0 0 auto}
  .help-overlay{padding:10px}.help-modal{width:100%;max-height:94dvh;padding:20px;border-radius:17px}
}

@media(max-width:560px){
  #formOverlay{align-items:flex-start;padding:8px}
  #formOverlay .help-modal{width:100%;max-height:calc(100dvh - 16px);padding:18px 14px;border-radius:14px}
  #formOverlay .help-close{position:sticky;top:0;z-index:5;float:right}
  #dynamicForm .form-actions{bottom:-18px}
  #dynamicForm .form-actions .btn{flex:1 1 130px}
  .brand-logo{flex-basis:42px;width:42px;height:42px}
}

@media(max-width:700px){
  .topbar{display:grid;grid-template-columns:1fr;margin-bottom:20px}.topbar-heading{width:100%}.topbar h1{font-size:22px}
  .top-actions{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.search-box{width:100%}.search-box input{width:100%}.notification-wrap{justify-self:end}
  .section-head{align-items:flex-start;flex-direction:column;gap:12px}.section-head>div:last-child{width:100%;display:flex;flex-wrap:wrap;gap:8px}.section-head>div:last-child .btn,.section-head>.btn{flex:1 1 auto}
  .row{grid-template-columns:1fr}.form{gap:12px}.form>.btn{width:100%;justify-self:stretch}
  .grid,.financial-grid{grid-template-columns:1fr}.metric strong{font-size:25px}.dashboard-tabs{width:100%}.dashboard-tabs button{flex:1}
  .quick-actions{grid-template-columns:1fr 1fr}.quick-actions .card{padding:14px}
  .cash-flow-card{padding:15px 13px}.cash-flow-heading{margin-bottom:14px}.cash-chart-totals{grid-template-columns:1fr 1fr;gap:8px}.cash-chart-totals>div{padding:10px 11px}.cash-chart-totals>div:last-child{grid-column:1/-1}.cash-chart-totals strong{font-size:15px}.cash-chart-legend{gap:12px;margin-bottom:10px}.cash-chart-legend small{display:none}.cash-chart-desktop{display:none}.cash-chart-mobile{display:grid;gap:10px}.cash-mobile-month{padding:12px;border:1px solid var(--border);border-radius:13px;background:#0c1828}.cash-mobile-month-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px;text-transform:capitalize}.cash-mobile-month-head .cash-chart-balance{margin:0;font-size:10px}.cash-mobile-line{display:grid;grid-template-columns:63px minmax(40px,1fr) auto;align-items:center;gap:8px;margin-top:8px;font-size:10px}.cash-mobile-line>span{color:var(--muted)}.cash-mobile-line>div{height:7px;overflow:hidden;border-radius:99px;background:#223249}.cash-mobile-line i{display:block;width:var(--bar-width);height:100%;min-width:2px;border-radius:99px}.cash-mobile-line i.revenue{background:linear-gradient(90deg,#20a961,#5ae2a1)}.cash-mobile-line i.expense{background:linear-gradient(90deg,#df4353,#ff8894)}.cash-mobile-line b{min-width:72px;text-align:right;font-size:10px}
  .office-card{margin-bottom:24px}.footer{padding:28px 10px}
}

@media(max-width:430px){
  .main{padding:14px 11px 34px}.card{padding:13px}.quick-actions{grid-template-columns:1fr}.top-actions{grid-template-columns:1fr auto}.popover{top:118px}.help-modal{padding:16px}.help-close{width:34px;height:34px}.table{min-width:680px}
}

/* Login MSJ Contabilidade — identidade visual alinhada ao sistema da Oficina */
.accounting-login{position:relative;isolation:isolate;min-height:100dvh;padding:28px;background:#050b18;overflow:auto}
.accounting-login:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 50% 38%,#122a4b 0,rgba(11,26,48,.48) 24%,transparent 54%),linear-gradient(160deg,#071120,#040915 65%)}
.accounting-login:after{content:"";position:fixed;inset:0;z-index:-1;opacity:.14;background-image:linear-gradient(#2f72c51a 1px,transparent 1px),linear-gradient(90deg,#2f72c51a 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,transparent,#000 35%,transparent)}
.login-card{width:min(390px,100%);padding:28px 26px 24px;border-color:#263750;border-radius:22px;background:linear-gradient(160deg,#101a2d,#0b1425);box-shadow:0 28px 90px #0009}
.login-logo-panel{display:grid;place-items:center;min-height:236px;margin-bottom:25px;padding:14px 18px 17px;border-radius:17px;background:#fff;box-shadow:inset 0 0 0 1px #dce6f3,0 14px 34px #0004}
.login-logo{display:block;width:min(238px,88%);height:170px;object-fit:contain}
.login-brand-copy{margin-top:-9px;text-align:center;text-transform:uppercase;line-height:1.1;letter-spacing:.13em;color:#062559}
.login-brand-copy strong{display:block;font-size:13px}.login-brand-copy span{display:block;margin-top:4px;color:#0d73db;font-size:9px;font-weight:850;letter-spacing:.24em}
.login-card .form{gap:15px}.login-card .field label{margin-bottom:6px;text-transform:uppercase;letter-spacing:.08em;color:#8c9bb2;font-size:11px;font-weight:850}
.login-card .field input{min-height:45px;padding:11px 14px;border-color:#33445f;border-radius:13px;background:#172239;color:#f4f8ff;box-shadow:inset 0 1px 0 #ffffff08;outline:none;transition:border-color .18s,box-shadow .18s}
.login-card .field input::placeholder{color:#64748b}.login-card .field input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f629}
.login-card .password-field input{padding-right:50px}.login-password-toggle{right:7px;width:35px;height:35px;padding:7px;border:0;background:transparent;color:#8392aa}
.login-password-toggle:hover,.login-password-toggle:focus-visible,.login-password-toggle.is-visible{color:#55a0ff;background:#20324f;outline:none}.login-password-toggle svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8}
.login-submit{width:100%;min-height:46px;margin-top:2px;border-radius:13px;background:linear-gradient(135deg,#3f8cff,#2876ed);color:#fff;box-shadow:0 12px 25px #1c64d644}.login-submit:hover{filter:brightness(1.08)}
.login-register{margin:15px 0 0;text-align:center;color:#7f8ca1;font-size:12px}.login-register a{color:#67a6ff;font-weight:800}
.login-credit{display:grid;place-items:center;margin-top:22px;padding-top:18px;border-top:1px solid #24324a;color:#6f7c91;text-align:center}.login-credit span{font-size:11px}.login-credit strong{margin-top:3px;color:#a8b6ca;font-size:13px}.login-credit small{margin-top:5px;color:#536176;font-size:10px}
@media(max-width:480px){.accounting-login{align-items:start;padding:14px 10px}.login-card{margin:auto;padding:20px 17px;border-radius:18px}.login-logo-panel{min-height:205px;margin-bottom:20px}.login-logo{height:145px}.login-brand-copy strong{font-size:12px}}
@media(max-height:720px) and (min-width:481px){.accounting-login{align-items:start}.login-card{margin:auto}.login-logo-panel{min-height:190px}.login-logo{height:132px}.login-credit{margin-top:17px;padding-top:14px}}