:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#252525;background:#f6f3ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#f6f3ed}button,input,select,textarea{font:inherit}.app{max-width:1180px;margin:0 auto;min-height:100vh;padding-bottom:92px}.hero{margin:16px;border-radius:28px;overflow:hidden;min-height:330px;position:relative;background:linear-gradient(135deg,#526a5b,#66899b);color:#fff;padding:28px;display:flex;align-items:flex-end}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,#00000080,#0000000d)}.hero-inner{position:relative;z-index:1}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;opacity:.8}.hero h1{font-size:clamp(42px,8vw,78px);line-height:.95;margin:6px 0 10px}.sub{font-size:17px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;padding:0 16px}.card{background:#fff;border:1px solid #e9e3d8;border-radius:22px;padding:18px;box-shadow:0 8px 30px #2525250a}.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-6{grid-column:span 6}.span-4{grid-column:span 4}.metric{font-size:28px;font-weight:700;margin-top:6px}.muted{color:#777}.small{font-size:13px}.status{display:inline-flex;padding:5px 9px;border-radius:999px;background:#edf4ee;color:#526a5b;font-size:12px;font-weight:700}.warning{background:#fff3d8;color:#8a6500}.row{display:flex;gap:12px;align-items:center;justify-content:space-between}.stack{display:flex;flex-direction:column;gap:12px}.item{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #eee9e0}.item:last-child{border-bottom:0}.pill{border:1px solid #ddd3c4;background:#fff;border-radius:999px;padding:7px 11px}.primary{border:0;background:#526a5b;color:#fff;border-radius:14px;padding:11px 14px;font-weight:700;cursor:pointer}.secondary{border:1px solid #d8d0c4;background:#fff;color:#252525;border-radius:14px;padding:10px 13px;cursor:pointer}.danger{color:#a53b32}.tabs{position:fixed;z-index:20;bottom:0;left:0;right:0;background:#fffffff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid #e6dfd4;display:flex;justify-content:center;padding:9px 8px env(safe-area-inset-bottom)}.tabs-inner{max-width:680px;width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.tab{border:0;background:transparent;padding:10px 6px;border-radius:12px;color:#777;cursor:pointer}.tab.active{background:#eef2ee;color:#526a5b;font-weight:800}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 8px}.brand{font-weight:900;letter-spacing:.05em}.form{display:grid;gap:10px}.form input,.form select,.form textarea{width:100%;border:1px solid #ddd4c8;background:#fbfaf7;border-radius:12px;padding:11px 12px}.form textarea{min-height:90px}.modal{position:fixed;inset:0;z-index:50;background:#14141461;display:grid;place-items:end center;padding:16px}.sheet{background:#fff;width:min(680px,100%);border-radius:24px 24px 16px 16px;padding:20px;max-height:84vh;overflow:auto}.avatars{display:flex}.avatar{width:34px;height:34px;border-radius:50%;background:#526a5b;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800;margin-left:-7px;border:2px solid #fff}.avatar:first-child{margin-left:0}.section-title{font-size:22px;margin:4px 0 14px}.empty{padding:30px 12px;text-align:center;color:#777}.auth{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(440px,100%);background:#fff;border:1px solid #e5ded4;border-radius:26px;padding:26px}.auth h1{font-size:42px;margin:0 0 8px}.toast{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:80;background:#252525;color:#fff;padding:10px 14px;border-radius:999px;font-size:13px}.money-positive{color:#2f7d4a;font-weight:800}.money-negative{color:#a53b32;font-weight:800}@media(max-width:760px){.hero{min-height:270px;margin:10px;border-radius:22px;padding:22px}.grid{padding:0 10px}.span-8,.span-6,.span-4{grid-column:span 12}.card{border-radius:18px}.item{grid-template-columns:62px 1fr}.item>:last-child{grid-column:2}.topbar{padding:14px 12px 6px}}
