@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fafaf7;--surface:#f4f1eb;--inset:#ede9e0;--border:#e8e2d5;--border-strong:#d4cdc1;--accent:#c8402f;--accent-hover:#a8321f;--accent-soft:#fdecea;--green:#2d6a4f;--green-soft:#d8f3dc;--red:#c8402f;--text:#0d0d0b;--body:#1a1a18;--muted:#8a8278;--inverse:#fafaf7;--radius:12px;--font:"Inter", sans-serif;--font-heading:"Playfair Display", serif;--shadow:0 2px 8px #0d0d0b12;--shadow-lg:0 8px 32px #0d0d0b1f}body{font-family:var(--font);background:var(--bg);color:var(--body);max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:100px}.page{padding:0 16px}.page-header{background:var(--bg);z-index:10;border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:16px;padding:20px 16px 14px;display:flex;position:sticky;top:0}.page-header h1{font-family:var(--font-heading);color:var(--text);letter-spacing:-.02em;flex:1;font-size:22px;font-weight:700}.back-btn{background:var(--surface);border:1px solid var(--border);color:var(--body);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:background .15s;display:flex}.back-btn:hover{background:var(--inset)}.wordmark{align-items:baseline;gap:4px;display:flex}.wordmark-side{font-family:var(--font-heading);color:var(--text);letter-spacing:-.02em;font-size:24px}.wordmark-flip{font-family:var(--font-heading);color:var(--accent);letter-spacing:-.02em;font-size:24px}.summary-bar{grid-template-columns:1fr 1fr 1fr;gap:8px;margin:0 16px 20px;display:grid}.summary-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:12px 10px}.summary-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:600}.summary-value{color:var(--text);margin-top:3px;font-size:17px;font-weight:700}.summary-value.green{color:var(--green)}.summary-value.accent{color:var(--accent)}.card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin-bottom:12px;padding:16px}.project-card{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow);background:#fff;align-items:stretch;margin-bottom:10px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;overflow:hidden}.project-card:active{box-shadow:none;transform:scale(.985)}.project-card:hover{border-color:var(--border-strong)}.project-card.sold{opacity:.7}.project-img{object-fit:cover;flex-shrink:0;width:88px;min-height:88px}.project-img-placeholder{background:var(--surface);border-right:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;width:88px;min-height:88px;font-size:28px;display:flex}.project-info{flex-direction:column;flex:1;justify-content:center;gap:3px;padding:12px 14px;display:flex}.project-category{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:600}.project-title{color:var(--text);font-size:15px;font-weight:600;line-height:1.3}.project-meta{align-items:center;gap:8px;margin-top:4px;display:flex}.invested{color:var(--accent);font-size:14px;font-weight:700}.sold-badge{background:var(--green-soft);color:var(--green);border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700}.sold-badge.loss{background:var(--accent-soft);color:var(--accent)}.divider{background:var(--border);height:1px;margin:4px 0 16px}.tabs{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:0;margin-bottom:16px;padding:3px;display:flex}.tab{border-radius:calc(var(--radius) - 2px);color:var(--muted);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);background:0 0;border:none;flex:1;padding:8px;transition:all .15s}.tab.active{color:var(--text);box-shadow:var(--shadow);background:#fff}.form-group{margin-bottom:16px}.form-group label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border);width:100%;color:var(--body);font-size:16px;font-family:var(--font);-webkit-appearance:none;background:#fff;border-radius:10px;outline:none;padding:12px 14px;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 3px #0d0d0b0a}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c8402f1a}.form-group textarea{resize:none;height:80px}.photo-upload{background:var(--surface);border:2px dashed var(--border-strong);border-radius:var(--radius);cursor:pointer;width:100%;height:160px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;transition:border-color .15s,background .15s;display:flex;position:relative;overflow:hidden}.photo-upload:hover{border-color:var(--accent);background:var(--accent-soft)}.photo-upload img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.photo-upload input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.photo-upload-icon{font-size:28px}.btn{border-radius:var(--radius);cursor:pointer;width:100%;font-size:15px;font-weight:600;font-family:var(--font);letter-spacing:-.01em;border:none;padding:14px;transition:opacity .15s,transform .1s}.btn:active{opacity:.88;transform:scale(.99)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 2px 8px #c8402f40}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{color:var(--body);border:1px solid var(--border);box-shadow:var(--shadow);background:#fff}.btn-danger{background:var(--accent-soft);color:var(--accent);border:1px solid #c8402f33}.btn-green{background:var(--green);color:#fff;box-shadow:0 2px 8px #2d6a4f40}.btn+.btn{margin-top:10px}.fab{background:var(--accent);color:#fff;cursor:pointer;z-index:100;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:26px;transition:transform .15s,box-shadow .15s;display:flex;position:fixed;bottom:28px;right:20px;box-shadow:0 4px 20px #c8402f66,0 2px 8px #0d0d0b26}.fab:active{transform:scale(.92);box-shadow:0 2px 8px #c8402f4d}.expense-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;display:flex}.expense-row:last-child{border-bottom:none}.expense-icon{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.expense-desc{flex:1}.expense-desc .desc{color:var(--text);font-size:14px;font-weight:500}.expense-desc .cat{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.expense-amount{color:var(--accent);font-size:14px;font-weight:700}.profit-result{text-align:center;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);margin:16px 0;padding:28px 20px}.profit-result .label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:12px;font-weight:600}.profit-result .amount{font-family:var(--font-heading);letter-spacing:-.02em;font-size:52px;font-weight:700;line-height:1}.profit-result .amount.profit{color:var(--green)}.profit-result .amount.loss{color:var(--accent)}.profit-result .roi{color:var(--muted);margin-top:8px;font-size:15px;font-weight:500}.section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:20px 0 8px;font-size:11px;font-weight:700}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0d0d0b80;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-sheet{background:var(--bg);border-radius:20px 20px 0 0;width:100%;max-height:90vh;padding:8px 20px 48px;overflow-y:auto;box-shadow:0 -8px 40px #0d0d0b26}.modal-handle{background:var(--border-strong);border-radius:2px;width:36px;height:4px;margin:12px auto 20px}.modal-title{font-family:var(--font-heading);color:var(--text);margin-bottom:20px;font-size:20px}.empty{text-align:center;color:var(--muted);padding:60px 20px}.empty-icon{margin-bottom:14px;font-size:48px}.empty h3{color:var(--text);margin-bottom:6px;font-size:18px;font-weight:600}.empty p{color:var(--muted);font-size:14px;line-height:1.6}.stat-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.stat-row:last-child{border-bottom:none}.stat-label{color:var(--muted);font-size:13px}.stat-value{color:var(--text);font-size:15px;font-weight:700}.stat-value.accent{color:var(--accent)}.stat-value.big{font-size:22px}