:root{
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#111617;background:#f4f1ea;font-synthesis:none;text-rendering:optimizeLegibility;
  --ink:#111617;--ink2:#202526;--muted:#6d716f;--tan:#c99f66;--tan2:#efe1cc;--paper:#fff;--line:#e4e0d8;
  --green:#286b4a;--red:#a13d36;--redbg:#f8e8e5;--shadow:0 8px 28px rgba(33,28,21,.07)
}
*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:#f4f1ea}body{min-width:320px}
button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}textarea{resize:vertical}
.app-shell{min-height:100vh}.app-main{padding-bottom:92px}.page{width:min(860px,100%);margin:auto;padding:calc(18px + env(safe-area-inset-top)) 16px 28px}
.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:8px 0 18px}.page-header h1,.simple-topbar h1{font-size:28px;line-height:1.05;margin:0;letter-spacing:-.8px}.page-header p,.simple-topbar p{margin:6px 0 0;color:var(--muted);font-size:14px}
.simple-topbar{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;margin:2px 0 20px}.simple-topbar>div{min-width:0}
.icon-button{border:0;border-radius:14px;background:var(--ink);color:#fff;width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto}.icon-button.ghost{background:#252b2c}.icon-button.ghost-light{background:#fff;color:var(--ink);border:1px solid var(--line)}
.bottom-nav{position:fixed;z-index:50;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.96);border-top:1px solid var(--line);padding:8px 6px calc(8px + env(safe-area-inset-bottom));backdrop-filter:blur(18px)}
.nav-item{text-decoration:none;color:#7b7d7c;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;font-weight:800}.nav-item.active{color:var(--ink)}
.hero-card{background:linear-gradient(135deg,#121718,#232a2a);color:#fff;border-radius:22px;padding:22px;display:flex;justify-content:space-between;gap:18px;align-items:end;box-shadow:var(--shadow)}.hero-card h2{margin:4px 0 0;font-size:23px;max-width:390px}.eyebrow{font-size:11px;letter-spacing:1.5px;color:#d9b57c;font-weight:900}
.primary-button,.secondary-button,.save-button,.danger-button{border:0;border-radius:13px;min-height:44px;padding:0 16px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary-button{background:var(--tan);color:#16130f}.secondary-button{background:#fff;border:1px solid var(--line);color:var(--ink)}.save-button{background:var(--tan);color:#15120e}.danger-button{background:var(--redbg);color:var(--red);border:1px solid #efc5c0}.full{width:100%}.top-gap{margin-top:12px}
.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0}.stat-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px}.stat-card span,.summary-grid span,.profit-grid span,.money-hero span,.expense-total span,.totals-box span,.measurement-summary span{display:block;color:var(--muted);font-size:12px}.stat-card strong{font-size:19px;display:block;margin-top:5px}
.section-title{display:flex;align-items:center;justify-content:space-between;margin:24px 2px 10px}.section-title h3{margin:0;font-size:16px}.text-button{border:0;background:transparent;color:#7f5d31;font-weight:850;display:inline-flex;align-items:center;gap:5px;padding:6px}
.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-grid button{min-height:84px;border:1px solid var(--line);background:#fff;border-radius:15px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:14px;color:var(--ink);font-weight:800;text-align:left}
.list-card,.panel,.price-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 2px 10px rgba(35,31,24,.02)}.list-row,.menu-row{width:100%;border:0;border-bottom:1px solid var(--line);background:#fff;padding:15px;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:12px;color:var(--ink)}.list-row:last-child,.menu-row:last-child{border-bottom:0}.list-row div,.menu-row div{min-width:0}.list-row strong,.menu-row strong{display:block;font-size:15px}.list-row span,.menu-row span,.list-row small{display:block;color:var(--muted);font-size:12px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-row small{color:#7f5d31;font-weight:850}.list-row.tall{padding:17px 15px}.list-row.static{cursor:default}.menu-row{justify-content:flex-start}.menu-row>svg:last-child{margin-left:auto;color:#999}
.empty-state,.empty-inline{padding:26px;color:var(--muted);text-align:center;font-size:14px}.empty-inline{padding:14px}.panel.empty-state{margin-top:14px}
.status-pill{font-size:10px;font-weight:900;letter-spacing:.35px;padding:6px 8px;border-radius:999px;background:#eee;color:#555;white-space:nowrap}.status-sold,.status-scheduled{background:#e8f2ec;color:#255a42}.status-in_progress{background:#fff1cb;color:#73530f}.status-completed,.status-paid{background:#dff0e6;color:#205b3f}.status-lost{background:#f6e2e0;color:#8a352f}
.search-box{background:#fff;border:1px solid var(--line);height:48px;border-radius:15px;display:flex;align-items:center;gap:9px;padding:0 14px;margin-bottom:12px;color:#888}.search-box input{border:0!important;outline:0;width:100%;background:transparent!important;padding:0!important}.date-label{font-size:13px;font-weight:900;margin:20px 4px 8px}.compact-panel{padding:12px!important}.month-picker{font-size:11px;font-weight:850;color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:12px}.month-picker input{max-width:190px}
.editor-page{min-height:100vh;background:#f4f1ea}.editor-topbar{position:sticky;top:0;z-index:20;padding:calc(8px + env(safe-area-inset-top)) 12px 9px;background:#111617;color:#fff;display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center}.editor-topbar>div{min-width:0}.editor-topbar>div strong,.editor-topbar>div span{display:block}.editor-topbar>div strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-topbar>div span{color:#adb3b1;font-size:11px;margin-top:2px}.editor-tabs{position:sticky;top:calc(61px + env(safe-area-inset-top));z-index:19;background:#111617;padding:0 12px 9px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.editor-tabs button{border:0;background:#252b2c;color:#bfc4c2;border-radius:10px;padding:10px 5px;font-weight:850;font-size:12px}.editor-tabs button.active{background:#f0e3cf;color:#17130f}.editor-content{width:min(820px,100%);margin:auto;padding:14px 12px 34px}
.panel{padding:16px;margin-bottom:12px;overflow:visible}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-head h2{font-size:16px;margin:0}.panel-head>span{font-size:11px;color:var(--muted);text-align:right}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label,.price-grid label,.measurement-grid label,.line-grid label,.service-scope,.room-notes{font-size:11px;font-weight:850;color:#616563;display:block}.span-2{grid-column:span 2}
.form-grid input,.form-grid select,.form-grid textarea,.price-grid input,.price-grid select,.measurement-grid input,.line-grid input,.line-grid select,.service-scope select,.room-notes input,.price-head input,.expense-main input,.expense-main select,.money-edit input,.month-picker input,.panel textarea{width:100%;border:1px solid #ddd8cf;background:#fbfaf7;border-radius:11px;min-height:43px;padding:9px 11px;margin-top:5px;color:var(--ink);outline:none}.form-grid textarea,.panel textarea{min-height:94px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.measurement-grid input:focus,.line-grid input:focus,.line-grid select:focus,.service-scope select:focus,.room-notes input:focus,.panel textarea:focus{border-color:#b48b54;box-shadow:0 0 0 3px rgba(201,159,102,.13)}
.room-card{border:1px solid var(--line);background:#fbfaf7;border-radius:15px;padding:12px;margin-top:10px}.room-title{display:flex;gap:8px;align-items:center}.room-title input{border:0;background:transparent;font-weight:900;font-size:15px;width:100%;outline:0}.danger-icon{border:0;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#fbefed;color:var(--red);flex:0 0 auto}.measurement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.measurement-grid label{position:relative}.measurement-grid input{padding-right:28px}.measurement-grid label>span{position:absolute;right:8px;bottom:12px;color:#969996;font-size:10px}.room-notes{margin-top:10px}.room-total{font-size:12px;color:var(--muted);margin-top:10px;text-align:right}.room-total strong{color:var(--ink)}.measurement-summary{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.measurement-summary strong{font-size:13px}
.service-scope{margin-bottom:12px}.chip-wrap{display:flex;gap:7px;flex-wrap:wrap}.service-chip{border:1px solid #ddceb8;background:#f9f2e8;color:#624a2c;border-radius:999px;padding:8px 10px;font-size:11px;font-weight:850}.inline-form{background:#f8f6f1;border:1px solid var(--line);border-radius:14px;padding:12px;margin:12px 0}.inline-form .secondary-button{margin-top:12px}
.line-items{margin-top:12px}.line-item{border-top:1px solid var(--line);padding:13px 0}.line-item:first-child{border-top:0}.line-name{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.line-name strong{font-size:14px}.line-name small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.line-grid{display:grid;grid-template-columns:1.2fr .8fr .9fr 1fr;gap:7px;align-items:end;margin-top:8px}.line-grid>div{min-height:60px;background:#f8f6f1;border-radius:11px;padding:9px}.line-grid>div span{display:block;color:var(--muted);font-size:10px}.line-grid>div strong{display:block;margin-top:8px;font-size:13px}.mini-action{border:1px dashed #c8aa80;background:#faf4eb;color:#77562c;border-radius:11px;font-size:11px;font-weight:850;min-height:43px;align-self:end}.totals-box{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.totals-box>div{display:flex;justify-content:space-between;align-items:center;padding:5px 0}.totals-box strong{font-size:14px}.totals-box .grand{border-top:1px solid var(--line);margin-top:5px;padding-top:12px}.totals-box .grand strong{font-size:22px}.action-stack{display:grid;gap:9px}
.status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.status-choice{border:1px solid var(--line);background:#fbfaf7;border-radius:11px;padding:10px 8px;font-size:11px;font-weight:900;color:#676b69}.status-choice.active{background:#1e2525;color:#fff;border-color:#1e2525}.field-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.field-actions button{border:1px solid var(--line);background:#fbfaf7;border-radius:12px;min-height:72px;display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;font-size:11px;font-weight:850;color:var(--ink)}
.summary-grid,.profit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.summary-grid>div,.profit-grid>div{background:#f8f6f1;border-radius:13px;padding:12px;min-width:0}.summary-grid strong,.profit-grid strong{display:block;margin-top:5px;font-size:14px;overflow-wrap:anywhere}.profit-grid small{display:block;color:#7f5d31;margin-top:4px;font-size:10px;font-weight:850}.money-hero{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#161c1c;color:#fff;border-radius:18px;padding:15px;margin-bottom:12px}.money-hero span{color:#aeb5b2}.money-hero strong{display:block;margin-top:5px;font-size:16px}.money-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding:12px 0}.money-row:first-of-type{border-top:0}.money-row strong{font-size:14px}.money-row span{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.photo-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.photo-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#eee}.photo-card>div{padding:10px 42px 10px 10px}.photo-card strong{display:block;font-size:12px}.photo-card span{display:block;color:var(--muted);font-size:10px;margin-top:3px}.photo-delete{position:absolute;right:8px;bottom:8px}.danger-zone{margin-top:28px;border-color:#edcbc7;background:#fffdfd}
.expense-total strong{display:block;font-size:25px;margin-top:5px}.expense-row{display:grid;grid-template-columns:1fr auto 34px;align-items:center;gap:9px;padding:12px;border-bottom:1px solid var(--line)}.expense-row:last-child{border-bottom:0}.expense-main{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:6px}.expense-main input,.expense-main select{margin-top:0;min-height:38px;font-size:11px}.money-edit{display:flex;align-items:center;font-size:12px;font-weight:800}.money-edit input{width:86px!important;margin:0 0 0 3px!important;min-height:38px!important;padding:6px!important}.price-list{display:grid;gap:10px}.price-card{padding:14px}.price-head{display:flex;align-items:center;gap:10px}.price-head input{font-weight:900;margin:0}.price-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:10px}.toggle-grid{display:flex;gap:18px;margin-top:12px}.toggle-row{font-size:12px;color:var(--muted);font-weight:800;display:flex;align-items:center;gap:6px}.help-text{font-size:12px;color:var(--muted);line-height:1.45;margin:12px 0 0}
@media(max-width:680px){
  .hero-card{display:block}.hero-card .primary-button{width:100%;margin-top:18px}.measurement-grid{grid-template-columns:repeat(2,1fr)}.line-grid{grid-template-columns:1fr 1fr}.field-actions{grid-template-columns:repeat(2,1fr)}.expense-main{grid-template-columns:1fr}.expense-row{align-items:start}.price-grid{grid-template-columns:1fr 1fr}.price-grid label:last-child{grid-column:span 2}
}
@media(max-width:430px){
  .page{padding-left:12px;padding-right:12px}.page-header h1,.simple-topbar h1{font-size:25px}.stat-card{padding:13px}.quick-grid button{padding:11px;font-size:12px}.editor-topbar{grid-template-columns:40px 1fr auto}.editor-topbar .icon-button{width:40px;height:40px}.save-button{min-height:40px;padding:0 12px;font-size:12px}.editor-tabs{top:calc(57px + env(safe-area-inset-top))}.form-grid{gap:9px}.photo-grid{grid-template-columns:1fr 1fr}.money-hero{padding:13px 10px}.money-hero strong{font-size:14px}.expense-row{grid-template-columns:1fr auto}.expense-row>.danger-icon{grid-column:2;grid-row:2}.price-grid{grid-template-columns:1fr}.price-grid label:last-child{grid-column:auto}
}