﻿:root{--brand-accent:#185f7c;--brand-accent-dark:#0f485d;--ink:#f8fafc;--muted:#9fb0c3;--line:#7591a42e;--panel:#0a1020d1;--success:#38bd78;--danger:#ef4444;--warn:#f0b84d}*{box-sizing:border-box}.dark-body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 20% 20%,#185f7c52,#0000 0 26%),radial-gradient(circle at 80% 10%,#185f7c2e,#0000 0 22%),linear-gradient(#0a1220 0%,#0b1423 44%,#0a1020 100%);margin:0;font-family:Segoe UI,Inter,system-ui,sans-serif;position:relative;overflow-x:hidden}.dark-body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:34px 34px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 45%,#0000 90%);mask-image:radial-gradient(circle,#000 45%,#0000 90%)}a{color:inherit}.flow-shell,.finance-shell{max-width:1180px;min-height:100vh;margin:0 auto;padding:24px 16px 48px;position:relative}.flow-shell{place-items:center;max-width:720px;display:grid}.system-card{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:32px;width:100%;padding:28px 24px;box-shadow:0 30px 80px #0000006b,inset 0 1px #ffffff0a}.finance-card{gap:22px;display:grid}.login-card{max-width:520px}.sales-login-card{padding:34px 28px}.top-bar{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.user-chip{border:1px solid var(--line);color:#dce6ef;background:#ffffff08;border-radius:18px;padding:10px 14px;line-height:1.35}.user-chip small{color:#93a8bb}.brand-lockup{align-items:center;gap:16px;display:flex}.brand-lockup.centered{justify-content:center}.brand-logo{object-fit:contain;width:72px;height:72px}.brand-logo-wide{width:min(260px,62vw);height:auto}.eyebrow{color:var(--brand-accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.8rem;font-weight:800}.finance-hero{text-align:center;justify-items:center;gap:10px;max-width:760px;margin-inline:auto;display:grid}.finance-brand-lockup{margin-bottom:8px}.finance-hero .eyebrow{margin:0}h1,h2{color:#f8fafc;margin:0}h1{font-size:clamp(2rem,4vw,3.1rem);line-height:1.04}h2{font-size:1.25rem}.lead{color:var(--muted);margin:10px 0 0;font-size:1rem;line-height:1.6}.lead-centered{text-align:center;max-width:48ch;margin-inline:auto}.page-hero{gap:8px;max-width:780px;display:grid}.page-hero.with-kpi{grid-template-columns:minmax(0,1fr) minmax(220px,320px);align-items:end;gap:18px;max-width:none}.link-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filter-chip{border:1px solid var(--line);color:#dce6ef;background:#ffffff08;border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:0 14px;font-weight:700;text-decoration:none;display:inline-flex}.filter-chip.is-active{background:linear-gradient(#185f7c57,#185f7c24);border-color:#185f7cb3}.primary-button,.secondary-button,.submit-button{background:linear-gradient(135deg,var(--brand-accent),var(--brand-accent-dark));color:#fff;cursor:pointer;min-height:52px;font-weight:800;font:inherit;border:none;border-radius:16px;place-items:center;padding:12px 14px;text-decoration:none;display:inline-grid}.secondary-button{color:#dce6ef;border:1px solid var(--line);background:#ffffff14}.compact-button{width:auto;min-width:112px;min-height:44px}.icon-button{width:42px;min-width:42px;height:42px;padding:0}.export-button{min-width:160px}.finance-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.finance-kpi,.finance-panel{border:1px solid var(--line);background:linear-gradient(#ffffff0e,#ffffff06),#ffffff05;border-radius:24px;box-shadow:inset 0 1px #ffffff09}.finance-kpi{align-content:space-between;min-height:144px;padding:20px;display:grid;position:relative;overflow:hidden}.finance-kpi:after{content:"";background:#185f7c2e;border-radius:999px;width:110px;height:110px;position:absolute;inset:auto -18px -28px auto}.income-kpi:after{background:#38bd782e}.expense-kpi:after{background:#ef444429}.result-kpi:after{background:#9ac7d929}.compact-kpi{min-height:118px}.finance-kpi span{color:#94a9ba;letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;font-weight:800}.finance-kpi strong{color:#f8fafc;z-index:1;font-size:clamp(1.35rem,2.2vw,2.1rem);line-height:1;position:relative}.finance-panel{gap:16px;padding:20px;display:grid}.finance-two-column{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-copy{color:#8ea2b7;margin:6px 0 0}.finance-list,.finance-table,.flow-form,.login-form,.line-item-stack{gap:12px;display:grid}.finance-list-item,.finance-table-row{color:#dce6ef;background:#ffffff06;border:1px solid #7591a426;border-radius:18px}.finance-list-item{justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.finance-list-item span,.finance-table-row span{gap:5px;display:grid}.finance-list-item small,.finance-table-row small{color:#8ca1b5}.finance-table-row{grid-template-columns:minmax(180px,1.4fr) minmax(130px,.8fr) minmax(120px,.7fr) minmax(120px,.7fr);align-items:center;gap:12px;padding:13px 14px;display:grid}.finance-table-head{color:#93a8bb;letter-spacing:.06em;text-transform:uppercase;font-size:.82rem;font-weight:800}.status{border:1px solid var(--line);color:#9fb0c3;border-radius:999px;align-items:center;width:max-content;padding:5px 9px;font-size:12px;font-style:normal;font-weight:800;display:inline-flex}.status.ok{color:#8ff0bd;background:#38bd7814;border-color:#38bd786b}.status.warn{color:#f9d98b;background:#f0b84d14;border-color:#f0b84d6b}.row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex!important}.finance-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.finance-form .wide{grid-column:1/-1}label{gap:8px;display:grid}label span{color:#dfe8f1;font-weight:650}input,select,textarea,button{border:1px solid var(--line);width:100%;font:inherit;color:#f8fafc;background:#ffffff0a;border-radius:16px;padding:12px 14px}select option{color:#0a1220;background:#f8fafc}input::placeholder,textarea::placeholder{color:#70859a}textarea{resize:vertical}.item-grid{grid-template-columns:1.2fr 1.6fr .55fr .55fr .7fr .65fr auto;align-items:center;gap:8px;display:grid}.flow-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.check-row{color:#dce6ef;grid-template-columns:none;align-items:center;gap:10px;display:flex}.check-row input{width:18px;height:18px}.form-banner{border:1px solid var(--line);border-radius:18px;padding:14px 16px;font-weight:700}.form-banner-success{color:#ddf5ff;background:#185f7c2e;border-color:#185f7c6b}.form-banner-error{color:#ffd9dd;background:#8e2f3633;border-color:#cf566052}.pdf-frame{border:1px solid var(--line);background:#fff;border-radius:22px;width:100%;min-height:540px}.muted{color:#8ca1b5}@media (max-width:860px){.system-card{padding:20px 16px}.top-bar,.panel-header,.finance-list-item{flex-direction:column;align-items:stretch}.finance-kpi-grid,.finance-two-column,.finance-form,.page-hero.with-kpi,.finance-table-row{grid-template-columns:1fr}.flow-actions{flex-direction:column}.compact-button,.export-button{width:100%}.item-grid{grid-template-columns:1fr}.finance-shell,.flow-shell{padding:16px}.primary-button,.secondary-button{min-height:54px}}
