body { --brand:#276f5d; --deep:#102b2b; --accent:#d6b778; }
.admin-hero { background:radial-gradient(ellipse at 85% 30%,#275248,transparent 60%),var(--deep); color:#fff; padding:170px 0 90px; }
.admin-hero-grid { display:grid; grid-template-columns:1.2fr 1fr; gap:70px; align-items:center; }
.admin-hero h1 { font-size:clamp(2.5rem,4.3vw,4.7rem); line-height:1.07; letter-spacing:-.045em; }
.admin-hero h1 em { font-style:normal; color:#baddc9; }
.lead { color:#d0ded8; font-size:1.12rem; line-height:1.8; }
.demo-note { margin:24px 0 0; font-size:.8rem; line-height:1.65; color:#b8cec5; }
.document-stack { padding:26px; background:#ffffff09; border:1px solid #ffffff22; border-radius:25px; }
.document-label { font-size:.68rem; letter-spacing:.15em; color:#c4d7cf; }
.mail-preview { display:grid; gap:12px; padding:20px 0; }
.mail-preview>span { font-size:.64rem; color:#a8d7c3; letter-spacing:.12em; }
.mail-preview small { color:#c0d0ca; }
.paper-preview { color:#18362e; background:#fffcf6; border-radius:7px; padding:28px; box-shadow:0 18px 50px #0003; transform:rotate(-2deg); }
.paper-preview header { display:flex; justify-content:space-between; gap:12px; font-weight:800; font-size:.8rem; border-bottom:1px solid #d8ded8; padding-bottom:20px; }
.paper-preview p { margin:20px 0; font-size:.8rem; color:#566d62; }
.paper-preview>div { display:flex; justify-content:space-between; padding:9px 0; }
.paper-total { border-top:1px solid #d8ded8; margin-top:10px; font-size:1.25rem; }
.paper-preview footer { margin-top:22px; font-size:.72rem; color:#47735e; }
.review-preview { display:flex; align-items:center; gap:14px; margin-top:28px; }.review-preview>span { color:#bfead5; font-size:1.8rem; }.review-preview small { display:block; color:#bfd3ca; margin-top:6px; }
.admin-workspace { border:1px solid var(--line); border-radius:22px; background:white; overflow:hidden; box-shadow:0 25px 65px #102b2b12; }
.workspace-top { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:22px 28px; background:#183a31; color:white; }
.workspace-top strong { display:flex; align-items:center; gap:12px; }.workspace-logo { padding:8px 13px; background:#ffffff1f; border-radius:8px; }
.demo-badge { font-size:.65rem; letter-spacing:.08em; font-weight:800; }.workspace-tabs { display:flex; gap:8px; padding:12px 24px; border-bottom:1px solid var(--line); flex-wrap:wrap; }
.workspace-tabs button { padding:14px; border:0; background:transparent; color:#52665e; cursor:pointer; border-radius:8px; font-weight:700; }.workspace-tabs [aria-selected="true"] { color:#245f4d; background:#eaf4ee; }
.workspace-body { display:grid; grid-template-columns:330px 1fr; }.inbox-list { background:#fafbf9; padding:28px; border-right:1px solid var(--line); }.muted { color:#617368; font-size:.86rem; line-height:1.7; }
.invoice-choice { width:100%; text-align:left; display:grid; gap:10px; padding:18px; margin-bottom:12px; border:1px solid #dfe5df; border-radius:12px; background:white; cursor:pointer; color:#18372d; }.invoice-choice.selected { border-color:#458568; box-shadow:0 0 0 2px #45856822; }.invoice-choice small { color:#68796f; }.status-pill { width:fit-content; }.attention { background:#fff2d5; color:#775318; }
.integration-note { border-top:1px solid #dce3dc; margin-top:24px; padding-top:22px; font-size:.8rem; line-height:1.7; color:#52675b; }
.invoice-detail,.panel-padding { padding:34px; }.detail-heading { display:flex; justify-content:space-between; align-items:start; gap:20px; margin-bottom:24px; }.detail-heading h3 { font-size:1.5rem; }.detail-heading .kicker { font-size:.68rem; }
.extracted { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:#e1e7e0; border:1px solid #e1e7e0; border-radius:12px; overflow:hidden; margin:0 0 24px; }.extracted div { padding:20px; background:#fafcf9; }.extracted dt { color:#68796f; font-size:.74rem; margin-bottom:9px; }.extracted dd { margin:0; font-size:1.05rem; font-weight:750; }
.check-box { background:#f4f2e8; border-left:3px solid #b59c54; padding:18px 22px; margin:22px 0; line-height:1.7; font-size:.88rem; }.check-box p { margin:6px 0 0; }.document-trace { display:flex; flex-wrap:wrap; gap:9px; margin:20px 0; }.document-trace span { padding:6px 10px; border:1px solid #e0e6df; border-radius:6px; font-size:.7rem; color:#5b7163; }.result { font-size:.86rem; margin:16px 0 0; min-height:1.5em; line-height:1.65; }
.cash-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:24px; }.cash-metrics div { background:#f1f6f0; border-radius:12px; padding:20px; }.cash-metrics span { display:block; font-size:.75rem; margin-bottom:12px; }.cash-metrics strong { font-size:1.45rem; }
.table-scroll { overflow:auto; margin-bottom:25px; }table { border-collapse:collapse; width:100%; text-align:left; font-size:.83rem; }caption { text-align:left; padding:0 0 14px; color:#63756a; }th,td { padding:16px 12px; border-bottom:1px solid #e0e5df; white-space:nowrap; }th { background:#f6f7f3; }#cash-count label { display:block; font-weight:700; margin-bottom:12px; }.cash-entry { display:flex; flex-wrap:wrap; gap:12px; }.cash-entry input { padding:12px; width:180px; border:1px solid #bacabf; border-radius:8px; }
.dossier-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }.dossier-grid article { padding:26px; background:white; border:1px solid #dfe5dc; border-radius:15px; }.dossier-grid p,.dossier-grid li { font-size:.9rem; line-height:1.8; color:#52665c; }.dossier-grid ul { padding-left:18px; margin:0; }.dossier-grid h4 { margin:0 0 14px; }
button:focus-visible,a:focus-visible,input:focus-visible { outline:3px solid #c89336; outline-offset:4px; }[hidden] { display:none!important; }
@media(max-width:1000px) { .admin-hero-grid { gap:32px; }.workspace-body { grid-template-columns:280px 1fr; }.cash-metrics { grid-template-columns:1fr 1fr; }.dossier-grid { grid-template-columns:1fr; } }
@media(max-width:700px) { .admin-hero { padding-top:135px; }.admin-hero-grid,.workspace-body { grid-template-columns:1fr; }.inbox-list { border-right:0; border-bottom:1px solid var(--line); }.invoice-detail,.panel-padding { padding:22px; }.workspace-top { padding:18px; flex-wrap:wrap; }.workspace-tabs { padding:12px; }.workspace-tabs button { font-size:.8rem; }.extracted { grid-template-columns:1fr; }.detail-heading { flex-wrap:wrap; }.cash-metrics strong { font-size:1.1rem; }.document-stack { padding:18px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }