@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#20231f;background:#f1f2ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}main{max-width:520px;min-height:100vh;margin:auto;padding:24px 18px 110px;background:#f8f8f5}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}h1{font-size:28px;line-height:1.1;margin:4px 0;font-weight:800;letter-spacing:-1px}h2{font-size:16px;margin:26px 0 12px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#80847b;font-weight:700}.avatar{width:44px;height:44px;border-radius:14px;background:#d6ff45;display:grid;place-items:center;font-weight:800}.wide-add{border:1px solid #e5e7e0;border-radius:16px;background:#fff;padding:16px 8px;color:#31352e;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11px;font-weight:700}form{display:flex;flex-direction:column;gap:15px}label span{display:block;font-size:11px;font-weight:700;color:#6f746b;margin:0 0 7px 3px}input,select{width:100%;border:1px solid #e0e2db;background:#fff;padding:14px 15px;border-radius:14px;outline:none;font-size:14px;color:#20231f}input:focus,select:focus{border-color:#9cb635;box-shadow:0 0 0 3px #dfff6960}.submit,.wide-add{border:0;background:#20241d;color:#fff;border-radius:16px;padding:16px;font-weight:700;margin-top:8px}.alert{padding:12px;border-radius:12px;background:#fff0ed;color:#a43e2e;font-size:12px;margin:10px 0}.loader,.empty{color:#83877e;text-align:center;padding:50px 0}.wide-add{width:100%;flex-direction:row;margin-bottom:14px;background:#d6ff45;color:#20241d}.list{display:flex;flex-direction:column;gap:8px}.close{position:absolute;right:16px;top:16px;border:0;border-radius:50%;width:36px;height:36px}.empty{display:flex;flex-direction:column;align-items:center;gap:8px}@media(min-width:700px){body{padding:24px}main{border-radius:28px;min-height:calc(100vh - 48px);box-shadow:0 20px 60px #29311c1c}}.history{background:#fff;border:1px solid #e7e8e2;padding:14px;border-radius:16px}.history.compact{display:flex;align-items:center;gap:10px}.history.compact>div{flex:1}.history small{display:block;color:#858980;font-size:10px;margin-top:4px}.icon-button{width:34px;height:34px;border:0;border-radius:10px;display:grid;place-items:center}.icon-button svg{width:16px}.danger{color:#b14c3f;background:#fff0ed}.paid-toggle{display:flex;align-items:center;gap:6px}.paid-toggle input{width:18px;height:18px}.paid-toggle span{margin:0;font-size:10px;white-space:nowrap}.finance-check{display:flex;align-items:center;gap:10px;background:#fff;padding:12px;border:1px solid #e0e2db;border-radius:14px}.finance-check input{width:22px;height:22px}.finance-check span{margin:0;font-size:11px}.detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1517138f;z-index:20;display:flex;align-items:flex-end;justify-content:center}.detail-modal{width:min(520px,100%);max-height:82vh;background:#f8f8f5;border-radius:24px 24px 0 0;padding:18px;overflow:auto}.detail-modal>header{position:sticky;top:-18px;z-index:2;background:#f8f8f5;padding:8px 0 12px;margin:0}.detail-modal>header h2{margin:0;font-size:18px}.detail-modal .close{position:static}.custom-period{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.custom-period label span{display:block;font-size:11px;color:#74786f;margin-bottom:6px}.custom-period input{width:100%;box-sizing:border-box}.custom-categories{display:flex;flex-direction:column;gap:8px}.swipe-category{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #e7e8e2;border-radius:15px;padding:14px 54px 14px 15px;overflow:hidden;touch-action:pan-y}.swipe-category span{font-size:13px;font-weight:700}.swipe-category small{font-size:9px;color:#8a8e85;margin-top:4px}.swipe-category button{position:absolute;right:0;top:0;bottom:0;width:48px;border:0;background:#fff0ed;color:#b14c3f;display:grid;place-items:center}.swipe-category button svg{width:17px}.equipment-tabs,.equipment-periods{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#e9ebe4;padding:4px;border-radius:14px;margin-bottom:18px;position:sticky;top:0;z-index:3}.equipment-tabs button,.equipment-periods button{border:0;background:transparent;border-radius:10px;padding:10px 3px;font-size:10px;font-weight:700;color:#73786e}.equipment-tabs button.selected,.equipment-periods button.selected{background:#fff;color:#20241d;box-shadow:0 3px 9px #252b1d1a}.equipment-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto auto;align-items:center;gap:8px}.equipment-row>div{min-width:0}.equipment-row b{font-size:12px}.equipment-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.equipment-summary>div{background:#20241d;color:#fff;border-radius:17px;padding:15px}.equipment-summary span{display:block;color:#b9beb4;font-size:10px}.equipment-summary strong{display:block;color:#d6ff45;font-size:20px;margin-top:5px}.equipment-summary strong.negative{color:#ff8a7a}.equipment-summary .unpaid{background:#fff0df;color:#20241d}.equipment-summary .unpaid span{color:#93734b}.equipment-summary .unpaid strong{color:#c97825}.equipment-analytics-list{display:flex;flex-direction:column;gap:9px}.equipment-analytics-list article{background:#fff;border:1px solid #e7e8e2;border-radius:17px;padding:14px}.equipment-analytics-list header{margin:0;display:flex;align-items:center;justify-content:space-between}.equipment-analytics-list header small{display:block;color:#858980;font-size:9px;margin-top:3px}.equipment-bars{display:flex;flex-direction:column;gap:4px;margin:12px 0 8px}.equipment-bars i{height:7px;border-radius:5px;background:#a8cb31;min-width:2px}.equipment-bars i+i{background:#e79478}.equipment-analytics-list footer{display:flex;justify-content:space-between;color:#777c72;font-size:9px}html,body,#root{min-height:100%;overflow-x:hidden}body{overflow-y:auto!important;-webkit-overflow-scrolling:touch}.equipment-summary>button{background:#20241d;color:#fff;border:0;border-radius:17px;padding:15px;text-align:left}.equipment-analytics-list article{cursor:pointer}.equipment-detail{max-height:88dvh}.equipment-detail .paid-toggle{margin-left:8px}
