: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}}.document-table-row{grid-template-columns:minmax(180px,1.3fr) minmax(130px,.85fr) minmax(120px,.75fr) minmax(104px,.55fr) minmax(142px,.7fr)}.icon-actions{justify-content:flex-end}.action-icon{border-radius:14px;width:42px;min-width:42px;height:42px;min-height:42px;padding:0;position:relative}.action-icon:before,.action-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.view-icon:before{border:2px solid;border-radius:999px;width:20px;height:12px}.view-icon:after{background:currentColor;border-radius:999px;width:6px;height:6px}.edit-icon:before{background:currentColor;border-radius:4px;width:18px;height:4px;transform:translate(-50%,-50%)rotate(-38deg)}.edit-icon:after{border-bottom:2px solid;border-right:2px solid;width:7px;height:7px;transform:translate(3px,-9px)rotate(-38deg)}.delete-icon:before{border:2px solid;border-top:none;border-radius:0 0 4px 4px;width:16px;height:18px}.delete-icon:after{background:currentColor;width:18px;height:2px;box-shadow:0 -5px 0 -1px}.danger-button{color:#ffc9ce;background:#ef444414;border-color:#ef444459}@media (max-width:860px){.document-table-row{grid-template-columns:1fr}.icon-actions{justify-content:flex-start}.action-icon{min-height:42px}}.action-icon:before,.action-icon:after{display:none}.action-icon svg{fill:currentColor;width:19px;height:19px;display:block}.edit-icon svg,.delete-icon svg{width:20px;height:20px}.link-row button.filter-chip{width:auto}
.danger-button{color:#ffd9dd;background:#ef44441f;border:1px solid #ef444457}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030712b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--line);background:#0b1423;border-radius:24px;gap:16px;width:min(920px,100%);max-height:88vh;padding:20px;display:grid;overflow:auto;box-shadow:0 28px 90px #0000008f}.modal-card header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.detail-cell{color:#dce6ef;background:#ffffff08;border:1px solid #7591a426;border-radius:16px;padding:12px}.detail-cell small{color:#8ca1b5;margin-bottom:4px;display:block}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.modal-item-row{grid-template-columns:1.2fr 1.6fr .55fr .55fr .7fr .65fr;align-items:center;gap:8px;display:grid}.contact-row{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;align-items:center;gap:8px;display:grid}@media (max-width:860px){.modal-card header{flex-direction:column;align-items:stretch}.detail-grid,.modal-item-row,.contact-row{grid-template-columns:1fr}.modal-actions{flex-direction:column}}