:root{--ink:#17201c;--muted:#68716c;--cream:#f3f1eb;--paper:#fff;--green:#174f3c;--green2:#247458;--line:#dedfd9;--red:#a33c32}*{box-sizing:border-box}html{background:var(--cream)}body{color:var(--ink);background:linear-gradient(#f8f7f3 0,#efede7 100%);min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}.topbar{background:#fff;border-bottom:1px solid #d6d6d0;justify-content:space-between;align-items:center;height:76px;padding:0 max(4vw,24px);display:flex}.brand{letter-spacing:1px;align-items:center;gap:12px;display:flex}.brand-mark{background:var(--green);color:#fff;border-radius:7px;place-items:center;width:38px;height:38px;font-family:Georgia;font-size:24px;display:grid}.brand small{color:var(--muted);letter-spacing:.3px;margin-top:3px;font-size:11px;display:block}.top-actions{color:var(--muted);font-size:13px}.live-dot{background:#2ca36d;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block;box-shadow:0 0 0 4px #d9f0e5}.hero{justify-content:space-between;align-items:flex-end;gap:24px;max-width:1240px;margin:0 auto;padding:46px 24px 30px;display:flex}.hero h1{letter-spacing:-2px;margin:6px 0 15px;font:500 clamp(36px,5vw,64px)/1 Georgia,serif}.hero>div>p:last-child{color:var(--muted);max-width:600px;margin:0;line-height:1.6}.eyebrow{letter-spacing:2.2px;font-weight:700;color:var(--green)!important;font-size:11px!important}.date-card{border-left:2px solid var(--green);min-width:230px;padding:5px 0 5px 18px}.date-card span{letter-spacing:1.8px;color:var(--muted);margin-bottom:7px;font-size:10px;display:block}.date-card b{font-family:Georgia,serif;font-size:18px}.card{border:1px solid var(--line);background:#ffffffeb;border-radius:12px;padding:25px;box-shadow:0 10px 30px #21282309}form{max-width:1240px;margin:0 auto;padding:0 24px}.identity-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:18px;display:grid}label{letter-spacing:.8px;color:#59615c;text-transform:uppercase;font-size:11px;font-weight:700}input,select,textarea{width:100%;color:var(--ink);background:#fbfbf9;border:1px solid #d5d8d4;border-radius:7px;outline:none;margin-top:8px;padding:12px 13px;transition:all .2s;display:block}input:focus,select:focus,textarea:focus{border-color:var(--green2);box-shadow:0 0 0 3px #e3eee9}.workspace{grid-template-columns:.82fr 1.18fr;gap:18px;display:grid}.right-column{flex-direction:column;gap:18px;display:flex}.section-title{justify-content:space-between;align-items:center;margin-bottom:21px;display:flex}.section-title>div{align-items:center;gap:10px;display:flex}.section-title span{width:27px;height:27px;color:var(--green);background:#e2ece7;border-radius:50%;place-items:center;font-size:10px;font-weight:700;display:grid}.section-title h2{margin:0;font:500 23px Georgia,serif}.section-title>b{color:var(--green);font:500 24px Georgia,serif}.cash-head,.cash-row{grid-template-columns:1fr 90px 1fr;align-items:center;gap:14px;display:grid}.cash-head{letter-spacing:1.3px;color:#8a918d;border-bottom:1px solid var(--line);padding:0 0 8px;font-size:9px}.cash-head span:last-child{text-align:right}.cash-row{border-bottom:1px solid #ebebe7;min-height:47px}.cash-row strong{font-family:Georgia,serif;font-weight:500}.cash-row input{text-align:center;margin:0;padding:8px}.cash-row>span{text-align:right;font-variant-numeric:tabular-nums;color:#58605c}.finance-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.finance-grid .wide{grid-column:1/-1}.finance-grid textarea{resize:vertical}.summary-card{background:var(--green);color:#fff;border-radius:12px;padding:25px}.summary-card p{color:#d6e4de;border-bottom:1px solid #ffffff24;justify-content:space-between;margin:0;padding:10px 0;display:flex}.summary-card p b{color:#fff}.difference{color:var(--ink);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;margin-top:20px;padding:18px;display:flex}.difference span{letter-spacing:1px;font-size:11px;font-weight:700}.difference small{letter-spacing:0;color:#647069;margin-top:5px;font-size:11px;font-weight:400;display:block}.difference b{font:600 26px Georgia,serif}.difference.warn b{color:var(--red)}.difference.ok b{color:var(--green2)}.form-actions{justify-content:flex-end;gap:10px;display:flex}.form-actions button,.receipt>button:last-child{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:14px 23px;font-weight:700}.form-actions .secondary{color:var(--green);background:#fff;border:1px solid #cdd3cf}.form-actions button:disabled{opacity:.55}.status{text-align:right;color:var(--green);margin:0;font-size:13px}.history{max-width:1240px;margin:42px auto 70px;padding:0 24px}.history-head{justify-content:space-between;align-items:end;margin-bottom:15px;display:flex}.history-head h2{margin:3px 0;font:500 29px Georgia,serif}.history-head p{margin:0}.history-head>span{color:var(--muted);font-size:12px}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:800px}th,td{text-align:left;border-bottom:1px solid #e8e8e4;padding:15px 17px;font-size:13px}th{letter-spacing:1.2px;color:#777f7a;background:#f8f8f5;font-size:9px}td{font-variant-numeric:tabular-nums}.positive{color:var(--green2)}.negative{color:var(--red);font-weight:700}.empty{text-align:center;color:var(--muted);padding:35px}.link-btn{color:var(--green);cursor:pointer;background:0 0;border:0;font-weight:700}.modal-backdrop{z-index:5;background:#0d17139e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.receipt{background:#fff;width:min(390px,100%);max-height:90vh;padding:34px;font-family:Courier New,monospace;position:relative;overflow:auto;box-shadow:0 25px 80px #0006}.receipt h3{text-align:center;letter-spacing:4px;margin:0;font-size:24px}.receipt>p{text-align:center;font-size:12px}.receipt hr{border:0;border-top:1px dashed #555;margin:20px 0}.receipt dl{margin:0}.receipt dl div{justify-content:space-between;gap:15px;margin:10px 0;font-size:12px;display:flex}.receipt dd{text-align:right;margin:0}.receipt-total{border-top:1px dashed #555;padding-top:14px;font-weight:700}.receipt .close{cursor:pointer;background:0 0;border:0;font-size:26px;position:absolute;top:6px;right:10px}.receipt-note{background:#f1f1ed;padding:10px;text-align:left!important}.receipt>button:last-child{width:100%;margin-top:18px}.receipt .close{color:#333}.top-actions,.date-card{display:block}@media (max-width:850px){.workspace{grid-template-columns:1fr}.identity-grid{grid-template-columns:repeat(2,1fr)}.hero{align-items:flex-start}.date-card{display:none}}@media (max-width:540px){.topbar{height:66px;padding:0 16px}.top-actions{display:none}.hero{padding:30px 16px 22px}.hero h1{font-size:39px}.hero>div>p:last-child{font-size:14px}form,.history{padding-left:12px;padding-right:12px}.identity-grid{grid-template-columns:1fr 1fr;gap:12px;padding:16px}.identity-grid label:nth-child(3){grid-column:1/-1}.card{padding:18px}.finance-grid{grid-template-columns:1fr}.finance-grid .wide{grid-column:auto}.form-actions button{flex:1}.cash-head,.cash-row{grid-template-columns:1fr 78px 1fr}}@media print{body{background:#fff}.topbar,.hero,.identity-grid,.cash-card,.right-column>.card,.summary-card,.form-actions,.status,.history{display:none!important}.modal-backdrop{background:#fff;padding:0;position:static}.receipt{box-shadow:none;width:80mm;max-height:none;margin:0 auto;padding:6mm}.receipt .close,.receipt>button:last-child{display:none}}.brand{gap:13px}.brand img{object-fit:contain;object-position:left center;width:142px;height:49px;display:block}.brand small{border-left:1px solid #d8d8d3;max-width:85px;padding-left:13px;line-height:1.3}.section-help{color:var(--muted);margin:-10px 0 20px;font-size:13px;line-height:1.5}.expenses-card .section-title{margin-bottom:12px}.expenses-card .section-title>b{font-size:21px}.expense-head{border-bottom:1px solid var(--line);letter-spacing:1.3px;color:#8a918d;grid-template-columns:1fr 110px;gap:12px;padding:0 0 8px 36px;font-size:9px;display:grid}.expense-head span:last-child{text-align:right}.expense-row{border-bottom:1px solid #ebebe7;grid-template-columns:24px 1fr 110px;align-items:center;gap:12px;padding:6px 0;display:grid}.expense-row>span{color:#929894;text-align:center;font-size:11px}.expense-row input{margin:0;padding:9px 10px}.expense-row>div{position:relative}.expense-row>div input{text-align:right;padding-right:31px}.expense-row>div span{color:#7b827e;font-size:11px;position:absolute;top:10px;right:9px}.summary-card p.turnover{background:#ffffff1a;border-radius:6px;margin:8px -10px 0;padding:14px 10px}.summary-card p.turnover b{font:600 20px Georgia,serif}.receipt-expenses{border-top:1px dashed #555;margin-top:20px;padding-top:15px;font-size:11px}.receipt-expenses>b{margin-bottom:8px;display:block}.receipt-expenses p{text-align:left;justify-content:space-between;gap:12px;margin:6px 0;display:flex}.receipt-expenses p span:last-child{white-space:nowrap}@media (max-width:540px){.brand img{width:118px;height:42px}.brand small{display:none}.expense-head{grid-template-columns:1fr 94px}.expense-row{grid-template-columns:20px 1fr 94px;gap:7px}.expense-row input{font-size:13px}}@media print{.receipt-expenses{display:block!important}}.transfer-field{background:#edf3ef;border:1px solid #cadbd3;border-radius:8px;grid-column:1/-1;padding:12px}.transfer-field input{color:var(--green);background:#fff;font-family:Georgia,serif;font-size:20px;font-weight:700}.transfer-field small{color:#718079;text-transform:none;letter-spacing:0;margin-top:7px;font-weight:400;display:block}.summary-card p.transfer-summary{color:var(--green);background:#dcebe4;border:0;border-radius:6px;align-items:center;margin:8px -10px;padding:15px 10px}.summary-card p.transfer-summary b{color:var(--green);font:600 22px Georgia,serif}.summary-card p.transfer-summary small{margin-top:4px;font-size:10px;font-weight:400;display:block}.auto-field{background:#f3f6f4;border:1px solid #d2ded8;border-radius:8px;padding:12px}.auto-field input{color:var(--green);background:#fff;font-family:Georgia,serif;font-size:20px;font-weight:700}.auto-field small{color:#718079;text-transform:none;letter-spacing:0;margin-top:7px;font-weight:400;display:block}.add-expense{color:var(--green);cursor:pointer;background:#f5f8f6;border:1px dashed #aebdb5;border-radius:8px;align-items:center;gap:9px;margin-top:14px;padding:11px 15px;font-weight:700;display:flex}.add-expense span{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:18px;font-weight:400;display:grid}.add-expense:hover{background:#eaf2ee}.top-actions button{color:var(--green);cursor:pointer;background:#fff;border:1px solid #d4d8d5;border-radius:6px;margin-left:10px;padding:7px 10px}.login-page{background:radial-gradient(circle at 50% 0,#fff 0,#eef1ec 65%);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;gap:20px;width:min(430px,100%);padding:36px;display:flex;box-shadow:0 25px 70px #192a221f}.login-card>img{object-fit:contain;object-position:left;width:190px;height:66px}.login-card h1{margin:4px 0 9px;font:500 39px Georgia,serif}.login-card p{color:var(--muted);margin:0;line-height:1.5}.login-card button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:14px;font-weight:700}.login-error{background:#f8e9e7;border-radius:7px;padding:11px 13px;font-size:13px;color:var(--red)!important}@media (max-width:540px){.login-card{padding:26px}}
