html,body,#root{width:100%;min-height:100%;margin:0}body{min-width:320px;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{color:#17202a;background:#f4f6f8;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{background:#f4f6f8;min-height:100vh}.header{color:#fff;background:#17202a;padding:28px 20px}.header>div{width:min(920px,100% - 20px);margin:0 auto}.header h1{margin:0;font-size:28px;font-weight:750}.header p{color:#e0e6ed;margin:5px 0 0;font-size:15px}.back-button{color:#dce5ee;background:0 0;border:0;width:auto;margin:0 0 14px;padding:0;font-weight:600;display:inline-block}.back-button:hover{color:#fff}.container{width:min(920px,100% - 30px);margin:20px auto 50px}.panel{background:#fff;border-radius:16px;margin-bottom:16px;padding:20px;box-shadow:0 3px 14px #0f172a0f}.panel h2{margin:0;font-size:21px}input,select,textarea{color:#17202a;background:#fff;border:1px solid #d5dce4;border-radius:9px;outline:none;width:100%;padding:11px 12px}input:focus,select:focus,textarea:focus{border-color:#1f6feb;box-shadow:0 0 0 3px #1f6feb1a}label{color:#667085;font-size:13px}button{color:#fff;background:#1f6feb;border:0;border-radius:9px;padding:11px 14px;font-weight:650;transition:transform .1s,opacity .1s}button:hover{opacity:.93}button:active{transform:translateY(1px)}button:disabled{cursor:default;opacity:.5}.secondary-button{color:#17202a;background:#e9eef3}.danger-button{color:#c62828;background:#edf0f3}.delete-entry{color:#8a98a8;background:0 0;padding:4px 8px;font-size:22px;line-height:1}.delete-entry:hover{color:#c62828;background:#f7f7f7}.home-modules{gap:16px;margin-top:30px;display:grid}.module-card{color:#17202a;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;padding:24px;box-shadow:0 3px 14px #00000012}.module-card strong{margin-bottom:6px;font-size:22px;display:block}.module-card span{color:#667085;font-weight:400}.module-card:hover{transform:translateY(-1px)}.module-disabled{opacity:.5;cursor:default}.module-description{color:#667085;margin-bottom:0}.topic-form{grid-template-columns:1fr auto;align-items:end;gap:10px;display:grid}.topic-form input{min-width:0}.topic-controls{grid-template-columns:1fr 190px auto;align-items:center;gap:10px;margin-top:14px;display:grid}.data-tools{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.month-title{justify-content:space-between;align-items:flex-end;gap:20px;margin:22px 4px 12px;display:flex}.month-title span{color:#667085;font-size:12px;display:block}.month-title h2{margin:3px 0 0;font-size:25px}.month-title>strong{margin-bottom:4px}.summary{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.summary-card{background:#fff;border-radius:14px;min-height:82px;padding:16px;box-shadow:0 3px 12px #0f172a0d}.summary-card span{color:#667085;margin-bottom:7px;font-size:12px;display:block}.summary-card strong{font-size:19px}.summary-card.important{color:#fff;background:#17202a}.summary-card.important span{color:#e3e8ee}.entry-form{grid-template-columns:1.6fr .9fr .8fr auto;align-items:end;gap:10px;display:grid}.entry-form>div{flex-direction:column;gap:6px;display:flex}.list-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.filters{gap:6px;display:flex}.filters button,.filter-button{color:#485665;background:#edf1f5;padding:8px 11px;font-size:12px}.filters button.active,.filter-button.active{color:#fff;background:#17202a}.entries{margin-top:12px}.entry{border-top:1px solid #e9edf1;grid-template-columns:30px 1fr auto 28px;align-items:center;gap:10px;min-height:58px;padding:9px 0;display:grid}.entry:first-child{border-top:1px solid #e9edf1}.entry-main{min-width:0}.entry-main strong{overflow-wrap:anywhere;display:block}.entry-main small{color:#718096;margin-top:3px;font-size:11px;display:block}.entry-amount{white-space:nowrap;font-weight:700}.entry.paid .entry-main strong,.entry.paid .entry-amount{color:#7b8793}.entry.paid .entry-main strong{text-decoration:line-through}.entry input[type=checkbox]{appearance:none;cursor:pointer;background:#fff;border:1px solid #afbdca;border-radius:6px;width:21px;height:21px;margin:0;padding:0}.entry input[type=checkbox]:checked{background:#1f6feb;border-color:#1f6feb}.entry input[type=checkbox]:checked:after{content:"✓";color:#fff;text-align:center;font-size:14px;line-height:19px;display:block}.empty-state{text-align:center;background:#fff;border-radius:16px;padding:65px 30px;box-shadow:0 3px 14px #0f172a0a}.empty-state h2{margin:0 0 12px}.empty-state p{color:#667085;margin:0}.empty-list{color:#667085;text-align:center;background:#f7f8fa;border-radius:12px;margin-top:16px;padding:25px 18px}.investment-heading{margin:24px 4px 12px}.investment-heading span{color:#667085;font-size:13px}.investment-heading h2{margin:3px 0 0;font-size:28px}.investment-select-row{grid-template-columns:1fr auto;align-items:end;gap:12px;margin-top:16px;display:grid}.investment-select-row>div{flex-direction:column;gap:6px;display:flex}.new-investment-form{background:#f7f8fa;border-radius:14px;margin-top:18px;padding:18px}.new-investment-form>div:first-child{flex-direction:column;gap:6px;display:flex}.new-investment-form label{color:#667085;font-size:13px}.initial-investors{flex-direction:column;gap:8px;margin-top:18px;display:flex}.initial-investor-row{gap:8px;display:flex}.initial-investor-row input{flex:1}.new-investment-buttons{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.investment-form{grid-template-columns:1.5fr 1fr auto;align-items:end;gap:12px;display:grid}.investment-form>div{flex-direction:column;gap:6px;display:flex}.investment-form label,.investment-select-row label{color:#667085;font-size:13px}.add-investment-simple{gap:10px;margin-top:18px;display:flex}.add-investment-simple input{flex:1}.share-mode{align-items:center;gap:10px;margin:18px 0;display:flex}.share-mode label{color:#667085;font-size:14px}.share-mode select{width:auto;min-width:220px}.share-ok{color:#226b38;background:#dff4e5;border-radius:9px;margin-bottom:15px;padding:10px 12px}.share-warning{color:#725b00;background:#fff3cd;border-radius:9px;margin-bottom:15px;padding:10px 12px}.single-investor-info{color:#344054;background:#eef6ff;border-radius:10px;margin:16px 0;padding:12px 14px;font-size:14px}.add-investor-form{gap:8px;margin-bottom:18px;display:flex}.add-investor-form input{flex:1}.investors-list{flex-direction:column;gap:14px;display:flex}.investor-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px}.investor-top{justify-content:space-between;gap:16px;display:flex}.investor-top>div:first-child{flex-direction:column;gap:4px;display:flex}.investor-top>div:first-child strong{font-size:18px}.investor-top span{color:#667085;font-size:14px}.investor-actions{align-items:flex-start;gap:8px;display:flex}.manual-share{align-items:center;gap:10px;margin-top:14px;display:flex}.manual-share input{width:100px}.contribution-form{background:#f7f8fa;border-radius:12px;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;margin-top:16px;padding:14px;display:grid}.contribution-form>div{flex-direction:column;gap:5px;display:flex}.contribution-form label{color:#667085;font-size:13px}.contribution-buttons{flex-direction:row!important;gap:8px!important}.contribution-history{border-top:1px solid #eceff2;margin-top:16px;padding-top:12px}.contribution-history h4{margin:0 0 10px}.contribution-row{border-top:1px solid #f0f1f3;grid-template-columns:130px 1fr auto auto;align-items:center;gap:8px;padding:8px 0;display:grid}.investment-element-form{background:#f7f8fa;border-radius:14px;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:20px;padding:18px;display:grid}.investment-element-form>div{flex-direction:column;gap:6px;display:flex}.investment-element-form label{color:#667085;font-size:13px}.element-form-buttons{grid-column:1/-1;justify-content:flex-end;flex-direction:row!important}.investment-elements{flex-direction:column;gap:12px;margin-top:18px;display:flex}.investment-element{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px}.investment-element-main{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.investment-element-main>div{flex-direction:column;gap:4px;display:flex}.element-category{color:#667085;font-size:13px}.element-price{white-space:nowrap;font-size:18px}.element-details{color:#667085;flex-wrap:wrap;gap:8px 18px;margin-top:10px;font-size:13px;display:flex}.element-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.element-actions{gap:8px;display:flex}.status-select{border-radius:9px;width:auto;min-width:135px;padding:8px 10px;font-weight:600}.status-planned{background:#f1f3f5}.status-due{background:#fff3cd}.status-paid{background:#dff4e5}@media (width<=700px){.header{padding:22px 14px}.header>div{width:100%}.header h1{font-size:24px}.container{width:calc(100% - 20px);margin-top:12px}.panel{padding:16px}.topic-form,.topic-controls{grid-template-columns:1fr}.data-tools{flex-direction:column}.summary{grid-template-columns:1fr}.month-title{flex-direction:column;align-items:stretch}.entry-form{grid-template-columns:1fr}.list-header{flex-direction:column;align-items:stretch}.filters{padding-bottom:3px;overflow-x:auto}.entry{grid-template-columns:28px 1fr auto 25px}.entry-amount{font-size:15px}.module-card{padding:20px}.investment-form,.investment-select-row{grid-template-columns:1fr}.add-investment-simple,.initial-investor-row,.new-investment-buttons{flex-direction:column}.share-mode{flex-direction:column;align-items:stretch}.share-mode select{width:100%;min-width:0}.add-investor-form,.investor-top{flex-direction:column}.investor-actions{grid-template-columns:1fr 1fr;display:grid}.manual-share{justify-content:space-between}.contribution-form{grid-template-columns:1fr}.contribution-buttons{grid-template-columns:1fr 1fr;display:grid!important}.contribution-row{grid-template-columns:1fr 1fr}.investment-element-form{grid-template-columns:1fr}.element-form-buttons{flex-direction:column!important}.investment-element-main{flex-direction:column}.element-footer{flex-direction:column;align-items:stretch}.status-select{width:100%}.element-actions{grid-template-columns:1fr 1fr;display:grid}}