:root{color:#222;background:#fafafa;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}#root{min-height:100vh}.portal{width:min(100% - 32px,900px);margin:0 auto;padding:32px 0}.portal-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.portal-header h1{margin:0 0 8px;font-size:2rem}.portal-header p{color:#666;margin:0}.logout-button{padding:10px 16px}.app-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.app-card{min-height:130px;color:inherit;background:#fff;border:1px solid #ddd;border-radius:16px;padding:24px;text-decoration:none;display:block}.app-card h2{margin-top:0}.app-card.active{cursor:pointer}.app-card.active:hover{transform:translateY(-2px)}.app-card.disabled{color:#999;background:#f3f3f3}@media (width<=600px){.portal{width:min(100% - 24px,900px);padding-top:20px}.portal-header{flex-direction:column}.app-grid{grid-template-columns:1fr}}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #ddd;border-radius:16px;width:min(100%,380px);padding:32px}.login-card h1{margin-top:0}.login-card form{gap:16px;display:grid}.login-card label{gap:6px;display:grid}.login-card input{width:100%;font:inherit;padding:12px}.login-card button{font:inherit;padding:12px}.login-error{color:#b00020;margin:0}.shopping-page{width:min(100% - 32px,720px);margin:0 auto;padding:32px 0 64px}.shopping-header{margin-bottom:28px}.back-link{color:#68736a;margin-bottom:28px;font-size:.9rem;text-decoration:none;display:inline-block}.back-link:hover{color:#222}.eyebrow{color:#758378;letter-spacing:.14em;margin:0 0 6px;font-size:.72rem;font-weight:700}.shopping-header h1{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,6vw,2.8rem)}.shopping-subtitle{color:#727872;margin:8px 0 0}.shopping-panel{margin-bottom:36px}.shopping-form{background:#fff;border:1px solid #e1e5e1;border-radius:18px;gap:10px;padding:8px;display:flex;box-shadow:0 8px 30px #283c2d0f}.shopping-form input{min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;padding:12px 14px}.shopping-form button{font:inherit;color:#fff;cursor:pointer;background:#536b58;border:0;border-radius:12px;flex-shrink:0;padding:10px 18px;font-weight:700}.shopping-form button:disabled{opacity:.45;cursor:default}.shopping-error{color:#b00020;margin:10px 4px 0;font-size:.9rem}.section-heading{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.section-heading h2{margin:0;font-size:1.05rem}.section-heading span{color:#8a918b;font-size:.85rem}.shopping-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.shopping-item{background:#fff;border:1px solid #e6e9e6;border-radius:16px;align-items:center;gap:14px;min-height:66px;padding:10px 12px;display:flex}.purchase-button{cursor:pointer;background:0 0;border:0;flex:0 0 34px;place-items:center;width:34px;height:34px;padding:0;display:grid}.purchase-button span{border:2px solid #aeb9b0;border-radius:50%;width:22px;height:22px}.purchase-button:hover span{background:#edf3ee;border-color:#536b58}.shopping-item-body{flex:1;gap:3px;min-width:0;display:grid}.shopping-item-body strong{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:600;overflow:hidden}.shopping-item-body small{color:#919792;font-size:.76rem}.item-menu-button{color:#737a74;cursor:pointer;background:0 0;border:0;border-radius:10px;width:36px;height:36px;padding:0;font-size:1.25rem}.item-menu-button:hover{background:#f1f3f1}.shopping-empty-card{color:#858d87;text-align:center;background:#fbfcfb;border:1px dashed #d7ddd8;border-radius:18px;padding:48px 24px}.shopping-empty-icon{margin:0 0 8px;font-size:1.6rem}.shopping-empty-card p:last-child,.shopping-empty{margin:0}@media (width<=600px){.shopping-page{width:min(100% - 24px,720px);padding-top:20px}.shopping-header,.back-link{margin-bottom:22px}.shopping-form button{padding-inline:16px}}.shopping-tabs{background:#eef1ee;border-radius:14px;gap:4px;margin-bottom:18px;padding:4px;display:flex}.shopping-tabs button{color:#737a74;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-weight:600;display:flex}.shopping-tabs button.active{color:#273229;background:#fff;box-shadow:0 2px 8px #1e2d2314}.shopping-tabs button span{color:#536b58;background:#e9efea;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.72rem;display:inline-grid}.undo-bar{color:#455148;background:#edf3ee;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:12px 14px;font-size:.9rem;display:flex}.undo-bar button{color:#435d48;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:8px;flex-shrink:0;padding:6px 10px;font-weight:700}.history-check{color:#536b58;background:#edf3ee;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.history-item .shopping-item-body strong{color:#696f6a}.readd-button{color:#536b58;font:inherit;cursor:pointer;background:#fff;border:1px solid #dce2dd;border-radius:10px;flex-shrink:0;padding:8px 11px;font-size:.8rem;font-weight:700}.readd-button:hover{background:#f4f7f4}.item-menu-wrap{position:relative}.item-menu{z-index:10;background:#fff;border:1px solid #e0e4e0;border-radius:12px;width:160px;padding:6px;display:grid;position:absolute;top:42px;right:0;box-shadow:0 12px 32px #1e2d2324}.item-menu button{color:#38413a;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 12px}.item-menu button:hover{background:#f3f5f3}.item-menu button.delete{color:#a13d3d}.shopping-edit-form{flex:1;gap:8px;min-width:0;display:grid}.shopping-edit-form input{width:100%;font:inherit;border:1px solid #cfd6d0;border-radius:10px;outline:none;padding:9px 10px}.shopping-edit-form input:focus{border-color:#718676}.shopping-edit-actions{justify-content:flex-end;gap:6px;display:flex}.shopping-edit-actions button{color:#687069;font:inherit;cursor:pointer;background:#f1f3f1;border:0;border-radius:8px;padding:6px 10px;font-size:.8rem}.shopping-edit-actions button.save{color:#fff;background:#536b58}.shopping-edit-actions button:disabled{opacity:.45;cursor:default}.purchase-button:disabled{cursor:default;opacity:.45}.finance-page{width:min(100% - 32px,720px);margin:0 auto;padding:32px 0 64px}.finance-header{margin-bottom:28px}.finance-header h1{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,6vw,2.8rem)}.finance-subtitle{color:#727872;margin:8px 0 0}.finance-summary{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.finance-summary-card{background:#fff;border:1px solid #e1e5e1;border-radius:18px;gap:8px;padding:20px;display:grid;box-shadow:0 8px 30px #283c2d0f}.finance-summary-card span{color:#7b827c;font-size:.85rem}.finance-summary-card strong{font-size:1.6rem}.finance-error{color:#b00020}.finance-loading{color:#858d87}@media (width<=600px){.finance-page{width:min(100% - 24px,720px);padding-top:20px}.finance-summary{grid-template-columns:1fr 1fr}.finance-summary-card{padding:16px}.finance-summary-card strong{font-size:1.35rem}}.finance-input-panel{margin-bottom:24px}.finance-input-form{background:#fff;border:1px solid #e1e5e1;border-radius:18px;gap:10px;padding:8px;display:flex;box-shadow:0 8px 30px #283c2d0f}.finance-input-form input{min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;padding:12px 14px}.finance-input-form button{color:#fff;font:inherit;cursor:pointer;background:#536b58;border:0;border-radius:12px;flex-shrink:0;padding:10px 18px;font-weight:700}.finance-input-form button:disabled{opacity:.45;cursor:default}.finance-modal-backdrop{z-index:100;background:#1419156b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.finance-modal{background:#fff;border-radius:20px;width:min(100%,460px);padding:24px;box-shadow:0 20px 60px #141e1633}.finance-modal h2{margin:0 0 18px;font-size:1.25rem}.finance-raw-preview{overflow-wrap:anywhere;background:#f4f6f4;border-radius:14px;padding:16px;font-weight:600;line-height:1.6}.finance-modal-note{color:#858d87;margin:12px 0 20px;font-size:.82rem}.finance-modal-actions{justify-content:flex-end;gap:8px;display:flex}.finance-modal-actions button{font:inherit;cursor:pointer;background:#eef1ee;border:0;border-radius:10px;padding:10px 14px;font-weight:700}.finance-modal-actions button.primary{color:#fff;background:#536b58}.finance-modal-actions button:disabled{opacity:.5;cursor:default}@media (width<=600px){.finance-input-form button{padding-inline:16px}.finance-modal{padding:20px}}.finance-unsorted-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.finance-unsorted-item{color:inherit;background:#fff;border:1px solid #e1e5e1;border-radius:16px;gap:6px;padding:16px 18px;text-decoration:none;display:grid}.finance-unsorted-item:hover{background:#f8faf8}.finance-unsorted-item strong{line-height:1.5}.finance-unsorted-item span{color:#8a918b;font-size:.78rem}.finance-empty-card{color:#858d87;text-align:center;background:#fbfcfb;border:1px dashed #d7ddd8;border-radius:18px;padding:40px 20px}.finance-summary-link{color:inherit;text-decoration:none}.finance-summary-link:hover .finance-summary-card{background:#f8faf8}.finance-expense-detail{gap:12px;display:grid}.finance-detail-block{background:#fff;border:1px solid #e1e5e1;border-radius:16px;gap:8px;padding:18px;display:grid}.finance-detail-block>span{color:#858d87;font-size:.8rem}.finance-detail-block>strong{line-height:1.6}.finance-category-summary{gap:8px;margin:0;padding:0;list-style:none;display:grid}.finance-category-summary li{justify-content:space-between;gap:16px;display:flex}.finance-field-label{color:#858d87;font-size:.8rem}.finance-amount-input{align-items:center;gap:8px;display:flex}.finance-amount-input input{width:100%;min-width:0;font:inherit;border:1px solid #d9dfda;border-radius:12px;outline:none;padding:12px 14px;font-size:1.15rem}.finance-amount-input input:focus{border-color:#718676}.finance-amount-input span{color:#6f776f;flex-shrink:0}.finance-category-grid{flex-wrap:wrap;gap:8px;display:flex}.finance-category-button{color:#586159;font:inherit;cursor:pointer;background:#fff;border:1px solid #dce2dd;border-radius:999px;align-items:center;gap:6px;padding:9px 12px;display:flex}.finance-category-button.selected{color:#34493a;background:#edf3ee;border-color:#718676;font-weight:700}.finance-category-button small{color:#fff;background:#536b58;border-radius:50%;place-items:center;width:18px;height:18px;font-size:.7rem;display:grid}.finance-allocation-preview{border-top:1px solid #edf0ed;gap:8px;margin-top:8px;padding-top:14px;display:grid}.finance-allocation-preview>div{justify-content:space-between;gap:16px;display:flex}.finance-confirm-button{color:#fff;width:100%;font:inherit;cursor:pointer;background:#536b58;border:0;border-radius:14px;padding:14px 18px;font-weight:700}.finance-confirm-button:disabled{opacity:.45;cursor:default}.finance-allocation{gap:14px;display:grid}.finance-allocation-bar{touch-action:none;height:42px;position:relative}.finance-allocation-segments{background:#edf0ed;border-radius:999px;height:28px;display:flex;position:absolute;top:7px;left:0;right:0;overflow:hidden}.finance-allocation-segment{background:#c9d8cc;border-right:2px solid #fff;height:100%}.finance-allocation-segment:nth-child(2){background:#b7cabd}.finance-allocation-segment:nth-child(3){background:#a4baa9}.finance-allocation-handle{z-index:2;cursor:ew-resize;touch-action:none;background:#536b58;border:3px solid #fff;border-radius:999px;width:20px;height:36px;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #1e2d2333}.finance-allocation-legend{gap:7px;display:grid}.finance-allocation-legend>div{justify-content:space-between;gap:16px;display:flex}.finance-allocation-legend span{color:#626a63}.finance-allocation-legend strong{font-variant-numeric:tabular-nums}