:root{--gold:#B8925F;--gold2:#BE9A67;--ink:#393534;--paper:#FBFAF7;--soft:#FFF8ED;--line:#E8DED0;--muted:#7A7168;--danger:#A24E3D;--ok:#2F6B41;--shadow:0 16px 42px rgba(66,53,35,.08)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Tahoma,"Segoe UI",Arial,sans-serif;line-height:1.65}
a{color:inherit}
.topbar{max-width:1180px;margin:auto;padding:22px 18px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;letter-spacing:.04em}
.brand span:last-child{display:flex;flex-direction:column;line-height:1.05;font-size:21px}
.brand small{font-size:9px;letter-spacing:.13em;color:var(--muted);margin-top:4px}
.brandmark{display:flex;gap:3px;align-items:flex-end;height:26px}
.brandmark i{display:block;width:5px;background:var(--gold);border-radius:4px}
.brandmark i:nth-child(1){height:13px}.brandmark i:nth-child(2){height:23px}.brandmark i:nth-child(3){height:17px}
.finance-login{font-size:13px;text-decoration:none;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 13px}
.navstrip{max-width:1180px;margin:auto;padding:2px 18px 16px;display:flex;gap:8px;overflow:auto;scrollbar-width:thin}
.navstrip a{white-space:nowrap;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:13px}
.navstrip a:hover{border-color:var(--gold);background:var(--soft)}
main{max-width:1180px;margin:auto;padding:10px 18px 44px}
.hero{border-radius:30px;padding:34px 28px;margin:8px 0 18px;background:linear-gradient(135deg,#F6ECDD,#FFFDFC 65%);border:1px solid #EADBC5;box-shadow:var(--shadow)}
.hero.compact{padding:26px 24px}
.eyebrow{color:var(--gold);font-size:13px;font-weight:900;letter-spacing:.02em}
.hero h1{margin:5px 0 8px;font-size:clamp(28px,5vw,46px);line-height:1.2}.hero p{margin:0;color:var(--muted);max-width:780px}
.card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:var(--shadow);margin-bottom:16px}
.card h2,.card h3{margin-top:0}.muted{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:14px}
.metric span{display:block;color:var(--muted);font-size:13px}.metric strong{display:block;font-size:27px;margin-top:6px;direction:ltr;text-align:right}
.attention{border-right:4px solid var(--gold)}.attention-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.attention-item{background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:14px}.attention-item strong{font-size:24px;display:block}
.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
label{display:block;font-size:13px;font-weight:800}.hint{font-size:12px;color:var(--muted);font-weight:400}
input,select,textarea{width:100%;margin-top:6px;border:1px solid #DCCFBD;border-radius:13px;padding:12px 13px;background:#fff;color:var(--ink);font:inherit}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(184,146,95,.2);border-color:var(--gold)}
textarea{min-height:105px;resize:vertical}
button,.button{border:0;border-radius:13px;padding:12px 18px;font:inherit;font-weight:900;cursor:pointer;text-decoration:none;display:inline-block}
.primary{background:var(--gold);color:#fff}.primary:hover{background:#A98556}.secondary{background:var(--soft);color:var(--ink);border:1px solid var(--line)}
.danger{background:#FFF0ED;color:var(--danger);border:1px solid #F0C9C0}.ok{background:#EDF7EF;color:var(--ok);border:1px solid #CDE5D2}
.actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:16px}.actions form{margin:0}
.chip{display:inline-block;border-radius:999px;padding:4px 9px;background:#F6EAD9;color:#795A34;font-size:12px;font-weight:800}
.alert{background:#FFF1E7;border:1px solid #F0D2C0;color:#8B4F37;border-radius:15px;padding:13px 15px;margin:12px 0}
.success{background:#EDF7EF;border:1px solid #CDE5D2;color:#2F6B41;border-radius:17px;padding:16px;margin:12px 0}.success strong{direction:ltr;unicode-bidi:isolate}
.empty{text-align:center;color:var(--muted);padding:28px 16px}
.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:18px}
table{width:100%;border-collapse:collapse;min-width:720px;background:#fff}th,td{text-align:right;padding:12px 13px;border-bottom:1px solid #F0E8DC;font-size:13px;vertical-align:top}th{background:#FCF8F1;color:#6D6258;font-weight:900}tr:last-child td{border-bottom:0}
.ref{direction:ltr;unicode-bidi:isolate;font-weight:900;color:#7B5E39}.money{direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.flow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.flow-card{position:relative;border:1px solid var(--line);background:#FFFBF5;border-radius:20px;padding:18px;cursor:pointer}.flow-card input{position:absolute;opacity:0;pointer-events:none}.flow-card:has(input:checked){border:2px solid var(--gold);background:#F8EDDE;box-shadow:0 8px 24px rgba(184,146,95,.12)}.flow-card strong{display:block;font-size:16px}.flow-card small{display:block;color:var(--muted);font-weight:400;margin-top:4px}
.dropzone{border:1.5px dashed var(--gold);background:#FFFBF5;border-radius:18px;padding:18px;text-align:center}.dropzone input{border:0;background:transparent;padding:8px 0}
.expense-shell{max-width:820px;margin:auto}.expense-shell .hero{text-align:right}.exp-ref{font-size:28px;color:var(--gold);direction:ltr;unicode-bidi:isolate;font-weight:900}
.owner-box{border:1px solid #DFC9A8;background:#FFF9F0}.owner-box h3{color:#76552F}.warning{font-size:12px;color:#8B5D3A;background:#FFF5E8;padding:9px 11px;border-radius:10px}
.module-head{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap}.module-head h2{margin:0}.count{color:var(--muted);font-size:13px}
footer{background:var(--ink);color:#EDE5DA;padding:26px 18px;text-align:center;font-size:12px}footer strong{color:var(--gold2);font-size:16px}.footer-note{margin-top:6px;color:#CFC5B8}
@media(max-width:640px){.flow-grid{grid-template-columns:1fr}.hero{padding:25px 19px;border-radius:24px}.card{border-radius:20px;padding:16px}.topbar{padding-top:16px}.metric strong{font-size:23px}}
@media(min-width:860px){.topbar,.navstrip,main{padding-left:28px;padding-right:28px}}