:root{--bg:#f4efe6;--bg-2:#eadfcd;--card:#fffdf8;--text:#2d261d;--muted:#756a5d;--line:#d5cab7;--brand:#996635;--brand-dark:#7d5128;--danger:#b33a3a;--radius:14px;--shadow:0 10px 30px #5f412324}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at top right, var(--bg-2), var(--bg));min-height:100vh;margin:0;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,sans-serif}#root{min-height:100vh}.app-shell{max-width:1280px;margin:0 auto;padding:1rem}.topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem;display:flex}.topbar h1{margin:0;font-size:clamp(1.3rem,2.3vw,2rem)}.topbar p{color:var(--muted);margin:.4rem 0 0;font-size:.9rem}.logout-btn{width:auto;min-width:120px}.topbar-actions{align-items:center;gap:.55rem;display:flex}.menu-toggle-btn{color:#4f3b25;background:#e8dcc9;border:1px solid #d4c3aa;width:auto;min-width:120px}.menu-toggle-btn:hover{background:#dccbb1}.message{border-radius:var(--radius);color:#734d27;background:#fff6e8;border:1px solid #ecd9bd;margin:0 0 1rem;padding:.8rem 1rem}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}.auth-card{max-width:480px;margin:0 auto}.auth-tabs{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.9rem;display:grid}.auth-tabs button{color:var(--text);background:#ece4d7}.auth-tabs .tab-active{background:var(--brand);color:#fff}.card h2{margin:0 0 1rem;font-size:1.15rem}.section-subtitle{color:var(--muted);margin:-.35rem 0 1rem;font-size:.9rem}.grid-form{grid-template-columns:1fr;gap:.5rem;display:grid}label{color:var(--muted);font-size:.9rem}input,select,button{border:1px solid var(--line);width:100%;min-height:40px;font:inherit;border-radius:10px;padding:.55rem .7rem}button{background:var(--brand);color:#fff;cursor:pointer;border:0}button:hover{background:var(--brand-dark)}.actions{flex-wrap:wrap;gap:.6rem;display:flex}.actions button{flex:180px}.workspace-shell{grid-template-columns:1fr;gap:1rem;display:grid}.menu-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:.8rem}.menu-card h2{margin:0 0 .7rem;font-size:1rem}.menu-card ul{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.menu-btn{text-align:left;color:var(--text);background:#ece4d7;border:1px solid #d7cab7}.menu-btn.active{background:var(--brand);color:#fff;border-color:var(--brand-dark)}.content-pane{min-width:0}.workspace-shell.menu-closed{grid-template-columns:1fr}.entry-table-wrap{margin-bottom:.8rem;overflow-x:auto}.entry-table{border-collapse:collapse;width:100%;min-width:800px}.entry-table th,.entry-table td{border-bottom:1px solid var(--line);text-align:left;padding:.5rem;font-size:.9rem}.list{gap:.45rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.list li{background:#f7f1e6;border:1px solid #e8dcca;border-radius:10px;padding:.55rem .7rem;font-size:.9rem}.compact-list li{font-size:.85rem}.filters{margin-top:.7rem}.filters h3{margin:.2rem 0 .6rem;font-size:1rem}.filter-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:.5rem;margin-bottom:.6rem;display:grid}.report-panels{grid-template-columns:repeat(1,minmax(0,1fr));gap:.6rem;margin:.6rem 0 .8rem;display:grid}.mini-card{background:#fdf4e8;border:1px solid #ebd7bc;border-radius:12px;padding:.75rem;font-weight:600}.danger-btn{background:var(--danger)}.danger-btn:hover{background:#8f2f2f}.two-col{gap:.8rem}.full-row{grid-column:1/-1}.home-board{background:radial-gradient(circle at 22% 6%,#fffffff2 0%,#fff9 35%,#ffffff26 60%),linear-gradient(145deg,#f4ead9 0%,#e8d9c2 48%,#dfcfb4 100%);border:1px solid #d8c6aa;border-radius:32px;min-height:560px;padding:1.2rem;position:relative;overflow:hidden;box-shadow:0 18px 40px #4c331e24}.home-board:before{content:"";background:radial-gradient(circle,#fffc 0%,#fff0 72%);border-radius:50%;width:240px;height:240px;position:absolute;top:-130px;right:-70px}.home-nav-grid{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem;margin:.2rem 0 2.1rem;display:grid;position:relative}.home-nav-card{letter-spacing:.02em;border:3px solid #0000;border-radius:22px;min-height:130px;font-size:1.35rem;font-weight:700;transition:transform .17s,box-shadow .17s,filter .17s}.home-nav-card:hover{filter:saturate(1.04);transform:translateY(-3px)}.nav-customers{color:#edf7ff;background:linear-gradient(165deg,#5ea3cf 0%,#3f83af 100%);border-color:#32688c;box-shadow:inset 0 4px 8px #ffffff47,0 8px 20px #20517357}.nav-reports{color:#fff8ea;background:linear-gradient(165deg,#c49a57 0%,#a57d40 100%);border-color:#7a6238;box-shadow:inset 0 4px 8px #ffffff47,0 8px 20px #62492157}.home-action-card{letter-spacing:.02em;text-transform:capitalize;border:3px solid #0000;border-radius:22px;width:100%;min-height:130px;font-size:1.45rem;font-weight:700;transition:transform .17s,box-shadow .17s,filter .17s}.home-action-card:hover{filter:saturate(1.05);transform:translateY(-3px)}.action-receipt{color:#f4ffe8;background:linear-gradient(165deg,#a4c85d 0%,#89ad46 100%);border-color:#6f8f40;box-shadow:inset 0 4px 8px #ffffff54,0 8px 20px #3e5c185c}.action-payment{color:#fff3f3;background:linear-gradient(165deg,#df4a4e 0%,#b62e31 100%);border-color:#a32b2d;box-shadow:inset 0 4px 8px #ffffff52,0 8px 20px #70161a61}.home-recent-card{z-index:1;background:linear-gradient(165deg,#5b86ba 0%,#466f9f 100%);border:4px solid #3f6694;border-radius:58px;flex-direction:column;min-height:360px;padding:1.2rem 1.4rem;display:flex;position:relative;box-shadow:inset 0 5px 12px #ffffff3d,0 14px 26px #2f476445}.home-recent-card h2{color:#f8fbff;text-align:center;letter-spacing:.03em;flex:none;margin:0;font-size:clamp(1.5rem,2.7vw,2rem)}.home-empty{color:#f6fbfff2;text-align:center;margin:auto;font-size:1rem}.home-recent-list{gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.home-recent-list li{color:#f8fbff;background:#ffffff1c;border:1px solid #f0f7ff40;border-radius:14px;grid-template-columns:minmax(120px,2fr) minmax(80px,1fr) minmax(92px,1fr) minmax(100px,1fr);align-items:center;gap:.4rem;padding:.55rem .7rem;font-size:.88rem;display:grid}.home-recent-list li strong{text-align:right}.type-pill{letter-spacing:.03em;border-radius:999px;justify-content:center;align-items:center;padding:.18rem .56rem;font-size:.74rem;font-style:normal;font-weight:700;display:inline-flex}.receipt-pill{color:#e2ffeb;background:#adf6be38;border:1px solid #adf6be85}.payment-pill{color:#ffe8e8;background:#ffb0b038;border:1px solid #ffb0b085}.receipt-row{border-left:3px solid #aaf8bccc}.payment-row{border-left:3px solid #ffa3a3cc}.single-transaction-card{background:linear-gradient(170deg,#fffdfa 0%,#f6efe3 100%)}.single-transaction-form{gap:.75rem;margin-bottom:1rem;display:grid}.customer-picker-row{grid-template-columns:1fr;gap:.5rem;display:grid}.contact-btn{color:#f4fbff;background:#2f6f9c;border:1px solid #265b80}.contact-btn:hover{background:#285f86}.type-toggle{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.toggle-btn{color:#4f3b25;background:#eee0cd;border:1px solid #d9c7af}.toggle-btn:hover{background:#e8d7bd}.active-receipt{color:#efffe0;background:#79ac4a;border-color:#628d38}.active-receipt:hover{background:#6d9d42}.active-payment{color:#fff4f4;background:#c33f43;border-color:#9f3034}.active-payment:hover{background:#b2383c}.report-timeframe-row{grid-template-columns:repeat(1,minmax(0,1fr));gap:.5rem;margin-bottom:.55rem;display:grid}@media (width>=700px){.app-shell{padding:1.5rem}.home-board{min-height:620px;padding:1.6rem}.home-nav-card,.home-action-card{min-height:145px}.home-recent-card{padding:1.6rem 1.8rem}.topbar p{font-size:.95rem}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-panels{grid-template-columns:repeat(3,minmax(0,1fr))}.two-col,.report-timeframe-row{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-picker-row{grid-template-columns:1fr auto;align-items:center}.contact-btn{width:auto;min-width:150px}}@media (width>=1024px){.workspace-shell{grid-template-columns:260px 1fr;align-items:start}.workspace-shell.menu-closed{grid-template-columns:1fr}.menu-pane{position:sticky;top:1rem}.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-board{min-height:680px;padding:2.4rem}.home-nav-grid{margin-bottom:2.9rem}.home-nav-card,.home-action-card{min-height:158px;font-size:1.55rem}.home-recent-card{min-height:420px;padding:2rem 2.3rem}}@media (width<=699px){.topbar{flex-direction:column;align-items:stretch}.topbar-actions{width:100%}.menu-toggle-btn,.logout-btn{flex:1}.home-board{min-height:460px}.home-recent-card{border-radius:34px;min-height:295px;padding:1.1rem 1rem}.home-recent-list li{grid-template-columns:1fr 1fr;gap:.3rem .65rem}.home-recent-list li strong{text-align:left}}