:root{font-family:Inter,system-ui,sans-serif;color:#eaf4ef;background:#071611;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,#0b241a,#071611);min-height:100vh}button,input,select,textarea{font:inherit}.app{max-width:760px;margin:auto;min-height:100vh;padding-bottom:94px}header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:#092117f2;border-bottom:1px solid #234d3c}header h1{font-size:22px;margin:2px 0}header small{color:#8ecbad}.ghost{color:#d9eee4;background:transparent;border:1px solid #49705e;border-radius:9px;padding:9px 12px}main{padding:18px}.welcome,.panel,.page-title{margin-bottom:16px}.welcome p,.page-title p{margin:0;color:#9fc0b0}.welcome h2,.page-title h2{margin:4px 0 0}.grid,.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.action-card,.panel{border:1px solid #284f3e;background:#10251c;border-radius:14px}.action-card{text-align:left;color:#eefaf4;padding:20px}.action-card b,.action-card span{display:block}.action-card span{color:#9fc0b0;font-size:13px;margin-top:6px}.panel{padding:17px}.panel h3{margin:0 0 14px}.panel h3:not(:first-child){margin-top:18px}.panel p{line-height:1.5}.row{display:flex;justify-content:space-between;align-items:center;gap:16px}.row+.row{border-top:1px solid #29483b;margin-top:12px;padding-top:12px}.form{display:grid;gap:14px}.form label,.login-card label{display:grid;gap:6px;font-weight:650;text-align:left}.form small{font-weight:400;color:#93b3a4}.form input,.form select,.form textarea,.login-card input,.login-card select{width:100%;border:1px solid #365b4a;background:#081b13;color:#f4fbf7;border-radius:9px;padding:13px}.form textarea{min-height:72px}.calculation{display:flex;justify-content:space-between;padding:14px;background:#0a1d15;border-radius:10px;color:#a6c9b8}.primary{border:0;background:#06a557;color:#fff;font-weight:750;border-radius:10px;padding:14px}.primary:disabled{background:#355147;color:#9bb2a8}.record{display:grid;grid-template-columns:1fr auto;gap:4px;padding:12px 0;border-top:1px solid #29483b}.record span{color:#9fc0b0;font-size:13px}.record em{grid-row:1/3;grid-column:2;font-size:10px;font-style:normal;color:#55dd98}.text-button{grid-column:2;border:0;background:transparent;color:#78b6ff;padding:2px 0;text-align:right}.muted,.hint{color:#91ad9f}.error{color:#ff7f7f}.success{color:#55dd98}.sync,.balance-card{text-align:center;display:grid;gap:10px}.sync strong,.balance-card strong{font-size:38px;color:#55dd98}.balance-card span{color:#9fc0b0}nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(760px,100%);display:grid;grid-template-columns:repeat(7,1fr);padding:10px 6px;background:#0a2017f7;border-top:1px solid #284f3e;z-index:3}.owner-nav{grid-template-columns:repeat(8,1fr)}nav button{border:0;background:transparent;color:#8faf9f;padding:12px 2px;border-radius:9px;font-size:12px}nav button.active{background:#16442f;color:#fff}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(390px,100%);background:#10251c;border:1px solid #315a48;border-radius:20px;padding:28px;text-align:center}.login-card h1{margin-bottom:4px}.login-card label{margin-top:12px}.login-card>button{width:100%;background:#123d2b;color:#fff;border:1px solid #307452;border-radius:11px;padding:13px;margin-top:16px}.brand-mark{margin:auto;display:grid;place-items:center;width:66px;height:66px;border-radius:20px;background:#06a557;font-size:25px;font-weight:800}@media(max-width:520px){.grid,.two{grid-template-columns:1fr}main{padding:14px}header{padding:14px}.record{grid-template-columns:1fr auto}.owner-nav{grid-template-columns:repeat(8,1fr)}nav button{font-size:10px;padding:11px 1px}}.source-editor{display:grid;grid-template-columns:2fr 1fr;gap:10px;padding:12px;border:1px solid #29483b;border-radius:10px}@media(max-width:520px){.source-editor{grid-template-columns:1fr}}.danger-button{border:1px solid #9b4b4b;background:#351717;color:#faa;border-radius:9px;padding:11px}.source-editor .danger-button{align-self:end}.private-balance{display:grid;align-content:end;color:#9fc0b0}.private-balance b{color:#eaf4ef}.private-balance small{font-size:11px}.total-row{margin-top:14px!important;padding-top:14px!important;border-top:2px solid #3a7057!important;color:#55dd98}.locked-opening{display:grid;gap:7px;align-content:center}.locked-opening small{color:#9fc0b0}.inline-button{grid-column:auto;text-align:left;width:max-content}.inline-button:disabled{color:#6f887c;cursor:not-allowed}.correction-box{grid-column:1/-1;display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:end;padding:12px;background:#0a1d15;border-radius:9px}.correction-box button{height:46px}@media(max-width:520px){.correction-box{grid-template-columns:1fr}.correction-box button{height:auto}}.compact-source{padding:10px 0;border-top:1px solid #29483b}.compact-source:first-of-type{border-top:0}.compact-source-summary{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.compact-source-summary div{display:grid;gap:3px}.compact-source-summary small{color:#9fc0b0;font-weight:400}.compact-source-summary strong{text-align:right}.compact-source-actions{display:flex;gap:16px;margin-top:6px}.compact-source-actions .text-button{font-size:12px;text-align:left}.compact-source-actions button:disabled{color:#6f887c}.danger-text{color:#ff9292!important}.compact-edit{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:end;margin-top:10px;padding:10px;background:#0a1d15;border-radius:9px}.compact-edit button{height:46px}@media(max-width:520px){.compact-source-actions{gap:12px;flex-wrap:wrap}.compact-edit{grid-template-columns:1fr}.compact-edit button{height:auto}}.compact-form h3{margin-bottom:0}.small-button{padding:9px 12px}.unit-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:6px}.unit-buttons button,.preset-row button{border:1px solid #365b4a;background:#081b13;color:#b8d4c7;border-radius:8px;padding:9px}.unit-buttons button.active{background:#12613b;color:#fff;border-color:#55dd98}.preset-row{display:flex;gap:5px;flex-wrap:wrap}.preset-row button{padding:4px 8px;font-size:11px}.profiles{display:grid;gap:12px;margin-top:14px}.profile-card{border:1px solid #315744;background:#0c2017;border-radius:12px;padding:12px}.profile-head{justify-content:flex-start;flex-wrap:wrap}.profile-head>input{min-width:180px;flex:1;border:1px solid #365b4a;background:#081b13;color:#f4fbf7;border-radius:8px;padding:9px;font-weight:700}.status-closed,.status-open{border-radius:20px;padding:5px 10px;font-size:11px;font-weight:750}.status-closed{background:#12482f;color:#72e9a7}.status-open{background:#553e12;color:#ffd879}.measurement-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:12px;margin-top:10px}.wall-list{overflow:hidden;border:1px solid #29483b;border-radius:9px}.wall-row{display:grid;grid-template-columns:70px 105px 1fr 25px;gap:6px;align-items:center;padding:6px;border-top:1px solid #29483b}.wall-row:first-child{border:0}.wall-head{background:#071611;font-size:11px}.wall-row select,.wall-row input{min-width:0;width:100%;border:1px solid #365b4a;background:#081b13;color:#f4fbf7;border-radius:7px;padding:8px}.wall-row label{position:relative}.wall-row label small{position:absolute;right:7px;top:9px;color:#8eaa9d}.wall-row label input{padding-right:28px}.add-wall{margin:8px 0}.profile-totals{display:grid;gap:5px}.profile-totals span{display:flex;justify-content:space-between;font-size:12px;color:#9fc0b0}.profile-totals b{color:#eefaf4;text-align:right}.diagram{border:1px solid #29483b;border-radius:9px;padding:9px;display:grid;gap:7px}.diagram svg{width:100%;min-height:260px;background:#e9f3ee;color:#173c2b;border-radius:7px}.diagram text{font-size:13px;font-weight:700;fill:#3c5b4d}.diagram .wall-label{font-size:12px;fill:#71877d}.diagram small{color:#9fc0b0}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.summary-grid>div,.summary-grid>label{display:grid;gap:5px;border:1px solid #29483b;background:#0a1d15;border-radius:9px;padding:10px}.summary-grid small{color:#9fc0b0}.summary-grid input{border:1px solid #365b4a;background:#081b13;color:#f4fbf7;border-radius:7px;padding:8px}.summary-grid .estimate{grid-column:span 2}.summary-grid .estimate b{font-size:20px;color:#55dd98}.record-actions{grid-column:2;display:flex;gap:12px}.record-actions .text-button{grid-column:auto}@media(max-width:700px){.measurement-layout{grid-template-columns:1fr}.summary-grid{grid-template-columns:1fr 1fr}.diagram svg{min-height:220px}}@media(max-width:520px){.wall-row{grid-template-columns:55px 90px 1fr 20px;font-size:12px}.summary-grid{grid-template-columns:1fr}.summary-grid .estimate{grid-column:auto}.profile-head{align-items:flex-start}.diagram svg{min-height:190px}}.summary-grid .warranty-input-columns{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px;background:transparent;border:0;padding:0}.warranty-input-group{display:grid;gap:7px;border:1px solid #365b4a;background:#0a1d15;border-radius:9px;padding:10px}.warranty-input-group>strong{color:#78dca8}.warranty-input-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.warranty-input-fields label{display:grid;gap:5px}.warranty-input-fields input{width:100%;box-sizing:border-box}.summary-grid .warranty-prices{grid-column:1/-1}.warranty-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.warranty-options button{display:flex;justify-content:space-between;gap:10px;border:1px solid #365b4a;background:#081b13;color:#eaf4ef;border-radius:9px;padding:11px;text-align:left}.warranty-options button.selected{border-color:#55dd98;background:#123d2b;box-shadow:0 0 0 1px #55dd98}.warranty-options button b{color:#55dd98}@media(max-width:700px){.summary-grid .warranty-input-columns{grid-template-columns:1fr}.warranty-input-fields{grid-template-columns:1fr 1fr}}@media(max-width:520px){.warranty-input-fields,.warranty-options{grid-template-columns:1fr}}.location-field{display:grid;grid-template-columns:1fr auto;gap:7px}.location-button{border:1px solid #55a77f;background:#123d2b;color:#eaf4ef;border-radius:9px;padding:0 12px;font-weight:700;white-space:nowrap}.location-button:disabled{opacity:.6}.map-link{color:#78b6ff;font-size:12px;font-weight:500;text-decoration:none}@media(max-width:520px){.location-field{grid-template-columns:1fr}.location-button{padding:11px}}.measurement-title{margin-bottom:10px}.measurement-title h2{font-size:22px}.measurement-panel{padding:12px;margin-bottom:10px;border-radius:11px}.measurement-panel h3{margin-bottom:8px;font-size:17px}.measurement-panel p{margin:3px 0 7px;line-height:1.35;font-size:13px}.measurement-panel.form,.measurement-panel .two{gap:8px}.measurement-panel.form input,.measurement-panel.form select,.measurement-panel.form textarea{padding:9px 10px}.measurement-panel.form textarea{min-height:54px}.measurement-panel .primary{padding:10px 12px}.measurement-panel .unit-buttons{margin-top:3px}.measurement-panel .unit-buttons button{padding:7px}.measurement-panel .profile-card{padding:8px;border-radius:9px}.measurement-panel .profiles{gap:8px;margin-top:9px}.measurement-panel .profile-head>input{padding:7px 9px}.measurement-panel .measurement-layout{gap:8px;margin-top:7px}.measurement-panel .wall-row{padding:4px 6px}.measurement-panel .wall-row select,.measurement-panel .wall-row input{padding:6px}.measurement-panel .wall-row label small{top:7px}.measurement-panel .add-wall{margin:5px 0}.measurement-panel .profile-totals{gap:3px}.measurement-panel .diagram{padding:7px;gap:4px}.measurement-panel .diagram svg{min-height:225px}.measurement-panel .summary-grid{gap:6px}.measurement-panel .summary-grid>div,.measurement-panel .summary-grid>label{padding:8px}.measurement-panel .warranty-options button{padding:8px}.measurement-panel .location-button{min-height:38px}.measurement-panel .record{padding:8px 0}@media(max-width:700px){.measurement-panel .diagram svg{min-height:205px}}@media(max-width:520px){.measurement-panel{padding:10px}.measurement-panel .diagram svg{min-height:180px}.measurement-panel .wall-row{grid-template-columns:48px 82px 1fr 18px}}.source-statement{grid-column:1/-1;margin-top:8px;padding:10px;background:#081b13;border:1px solid #29483b;border-radius:9px}.statement-totals{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}.statement-totals span{display:grid;gap:2px;padding:7px;border:1px solid #29483b;border-radius:7px;color:#9fc0b0;font-size:11px}.statement-totals b{color:#eaf4ef;font-size:13px}.ledger{overflow-x:auto}.ledger-row{min-width:590px;display:grid;grid-template-columns:1fr 110px 110px 120px;gap:7px;align-items:center;padding:7px;border-top:1px solid #29483b;font-size:12px}.ledger-head{background:#10251c;border-radius:6px;border-top:0}.ledger-row>span:not(:first-child),.ledger-row>b:last-child{text-align:right}.ledger-row span:first-child{display:grid;gap:2px}.ledger-row small{color:#9fc0b0}.money-in{color:#55dd98}.money-out{color:#ff9a9a}@media(max-width:520px){.statement-totals{grid-template-columns:1fr 1fr}.owner-nav{grid-template-columns:repeat(8,1fr)}nav button{font-size:9px}}header{gap:16px}.header-user{margin-left:auto;display:flex;align-items:center;gap:6px;color:#9fc0b0;font-size:13px;white-space:nowrap}.header-user b{color:#eefaf4}@media(max-width:520px){header{gap:9px}.header-user{font-size:11px;display:grid;gap:0;text-align:right}}.finance-summary{grid-template-columns:repeat(2,1fr)}.finance-summary b{font-size:20px;color:#eefaf4}.setup-details summary{cursor:pointer;font-weight:750;color:#eefaf4}.setup-content{margin-top:16px}@media(max-width:520px){.finance-summary{grid-template-columns:1fr 1fr}.finance-summary b{font-size:16px}}.expense-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 20px}.expense-totals>div{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid rgba(120,210,165,.25);border-radius:12px;background:#ffffff0a}.expense-totals span{font-size:.88rem;opacity:.78}.expense-totals b{font-size:1.2rem}@media(max-width:700px){.expense-totals{grid-template-columns:1fr}}
