@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,500;0,9..40,700;1,9..40,400&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg: #0f1117;--bg-card: #181a24;--bg-card-hover: #1e2130;--bg-input: #1c1f2e;--border: #2a2d3e;--border-focus: #5b8af5;--text: #e8eaf0;--text-muted: #8890a6;--text-dim: #5c6380;--accent: #5b8af5;--accent-glow: #5b8af520;--green: #3ecf8e;--green-bg: #3ecf8e18;--red: #f55b5b;--red-bg: #f55b5b18;--orange: #f5a623;--orange-bg: #f5a62318;--father-color: #5b8af5;--father-bg: #5b8af512;--mother-color: #d97bf5;--mother-bg: #d97bf512;--radius: 12px;--radius-sm: 8px;--shadow: 0 4px 24px rgba(0,0,0,.3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#1a1e30,var(--bg));padding:1rem}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:3rem 2.5rem;max-width:400px;width:100%;text-align:center;box-shadow:var(--shadow)}.login-icon{font-size:3rem;margin-bottom:.5rem}.login-card h1{font-size:1.6rem;font-weight:700;margin-bottom:.25rem}.login-subtitle{color:var(--text-muted);margin-bottom:2rem;font-size:.95rem}.header{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-inner{max-width:1100px;margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:.75rem}.logo{font-size:1.3rem;font-weight:700;letter-spacing:-.02em}.header-subtitle{color:var(--text-muted);font-size:.9rem}.header-right{display:flex;align-items:center;gap:.5rem}.role-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:.25rem .6rem;border-radius:20px}.role-badge.admin{background:var(--green-bg);color:var(--green)}.role-badge.guest{background:var(--orange-bg);color:var(--orange)}.summary-section{max-width:1100px;margin:0 auto;padding:1.5rem 1.5rem 0}.summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.summary-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem;position:relative;overflow:hidden}.summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.card-father:before{background:var(--father-color)}.card-mother:before{background:var(--mother-color)}.card-balance.positive:before{background:var(--green)}.card-balance.negative:before{background:var(--red)}.card-label{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.06em}.card-value{font-size:1.6rem;font-weight:700;font-family:JetBrains Mono,monospace;letter-spacing:-.02em}.card-count{font-size:.8rem;color:var(--text-dim);margin-top:.25rem}.card-father .card-value{color:var(--father-color)}.card-mother .card-value{color:var(--mother-color)}.card-balance.positive .card-value{color:var(--green)}.card-balance.negative .card-value{color:var(--red)}.controls-section{max-width:1100px;margin:0 auto;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}.controls-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.controls-actions{justify-content:space-between}.filter-group{display:flex;gap:.5rem;flex-wrap:wrap;flex:1}.date-filter{display:flex;gap:.5rem;align-items:center}.date-sep{color:var(--text-dim)}.export-group{display:flex;gap:.5rem;align-items:center}.input-field{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:.7rem .9rem;font-family:inherit;font-size:.9rem;width:100%;transition:border-color .2s;outline:none}.input-field:focus{border-color:var(--border-focus)}.input-sm{padding:.5rem .75rem;font-size:.85rem;width:auto}select.input-field{cursor:pointer}.btn{font-family:inherit;font-size:.9rem;font-weight:600;border:none;border-radius:var(--radius-sm);padding:.7rem 1.2rem;cursor:pointer;transition:all .2s;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:#4a79e4}.btn-secondary{background:var(--bg-input);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--text-muted)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{color:var(--text);background:var(--bg-input)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{background:#e04a4a}.btn-full{width:100%;margin-top:.5rem}.btn-sm{padding:.4rem .8rem;font-size:.8rem}.expenses-section{max-width:1100px;margin:0 auto;padding:0 1.5rem 3rem}.expense-list{display:flex;flex-direction:column;gap:.5rem}.expense-row{display:flex;align-items:center;gap:.75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;transition:all .2s}.expense-row:hover{background:var(--bg-card-hover)}.expense-row.reimbursed{opacity:.55}.expense-type-indicator{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.type-father .expense-type-indicator{background:var(--father-bg);color:var(--father-color)}.type-mother .expense-type-indicator{background:var(--mother-bg);color:var(--mother-color)}.expense-main{flex:1;min-width:0}.expense-top{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.expense-date{font-size:.78rem;color:var(--text-dim);font-family:JetBrains Mono,monospace}.badge{font-size:.68rem;font-weight:600;padding:.15rem .5rem;border-radius:20px;text-transform:uppercase;letter-spacing:.04em}.badge-ok{background:var(--green-bg);color:var(--green)}.badge-open{background:var(--red-bg);color:var(--red)}.expense-reason{font-weight:500;font-size:.95rem;margin-bottom:.25rem}.expense-numbers{display:flex;gap:.75rem;align-items:baseline;font-size:.85rem}.expense-amount{font-family:JetBrains Mono,monospace;font-weight:600}.expense-share{color:var(--text-muted)}.expense-share strong{color:var(--text)}.expense-actions{display:flex;gap:.35rem;flex-shrink:0}.btn-icon{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:all .2s}.btn-icon:hover{background:var(--bg-input);color:var(--text);border-color:var(--text-muted)}.btn-icon-danger:hover{color:var(--red);border-color:var(--red);background:var(--red-bg)}.list-footer{text-align:center;color:var(--text-dim);font-size:.8rem;padding:1rem 0}.loading,.empty-state{text-align:center;padding:4rem 1rem;color:var(--text-muted)}.empty-icon{font-size:3rem;margin-bottom:1rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 16px 64px #00000080}.modal-sm{max-width:400px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem}.modal-header h2{font-size:1.15rem;font-weight:700}.btn-close{width:32px;height:32px;border:none;background:var(--bg-input);color:var(--text-muted);border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close:hover{background:var(--border);color:var(--text)}.modal form{padding:0 1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.8rem;font-weight:600;color:var(--text-muted);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.04em}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.radio-group{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.radio-card{display:flex;flex-direction:column;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.radio-card input{display:none}.radio-card.active{border-color:var(--accent);background:var(--accent-glow)}.radio-label{font-weight:600;font-size:.9rem}.radio-desc{font-size:.75rem;color:var(--text-muted);margin-top:.15rem}.amount-preview{display:flex;justify-content:space-between;align-items:center;background:var(--bg-input);border-radius:var(--radius-sm);padding:.75rem 1rem;margin-bottom:1rem;font-size:.9rem}.amount-preview span{color:var(--text-muted)}.amount-preview strong{font-family:JetBrains Mono,monospace;color:var(--accent);font-size:1.1rem}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem 1.5rem}.error-msg{color:var(--red);font-size:.85rem;margin-bottom:.5rem}.email-info{padding:0 1.5rem}.email-info p{color:var(--text-muted);margin-bottom:.75rem;font-size:.9rem}.email-address{display:block;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem 1rem;font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--accent);margin-bottom:1rem;word-break:break-all}.email-rules{background:var(--bg-input);border-radius:var(--radius-sm);padding:1rem;margin-bottom:1rem}.email-rules h3{font-size:.85rem;margin-bottom:.5rem}.email-rules code{background:var(--bg);padding:.15rem .4rem;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--accent)}.email-rules ul{padding-left:1.2rem;margin:.5rem 0}.email-rules li{font-size:.85rem;color:var(--text-muted);margin-bottom:.3rem}.email-note{font-size:.8rem;color:var(--text-dim);margin-top:.5rem}@media (max-width: 768px){.summary-cards{grid-template-columns:1fr}.controls-row{flex-direction:column;align-items:stretch}.filter-group,.date-filter,.export-group,.input-sm{width:100%}.form-row{grid-template-columns:1fr}.expense-row{flex-wrap:wrap}.expense-actions{width:100%;justify-content:flex-end;margin-top:.5rem}.header-subtitle{display:none}}.receipt-upload{display:flex;flex-direction:column;gap:8px}.receipt-existing{display:flex;align-items:center;gap:8px;background:var(--bg-input);border-radius:var(--radius-sm);padding:.5rem .75rem}.receipt-badge{font-size:.85rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.receipt-removed{display:flex;align-items:center;gap:8px;padding:.5rem .75rem;background:var(--red-bg);border-radius:var(--radius-sm);color:var(--red);font-size:.85rem}.receipt-input-row{display:flex;align-items:center;gap:8px}.receipt-file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.receipt-drop-zone{flex:1;display:flex;align-items:center;justify-content:center;border:2px dashed var(--border);border-radius:var(--radius-sm);padding:1rem;cursor:pointer;transition:all .2s;text-align:center}.receipt-drop-zone:hover{border-color:var(--accent);background:var(--accent-glow)}.receipt-placeholder{color:var(--text-muted);font-size:.85rem}.receipt-placeholder small{color:var(--text-dim);font-size:.75rem}.receipt-selected{color:var(--accent);font-weight:500;font-size:.85rem}.receipt-link{text-decoration:none;font-size:.85rem;cursor:pointer;transition:transform .15s}.receipt-link:hover{transform:scale(1.2)}