:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#eef2f7;--surface:#fff;--surface-soft:#f8fafc;--surface-strong:#e9eef8;--text:#111827;--muted:#6b7280;--border:#dbe4f0;--primary:#0f172a;--primary-contrast:#fff;--accent:#2563eb;--accent-soft:#dbeafe;--success:#0f766e;--shadow:0 18px 48px #0f172a14;background:#eef2f7;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:radial-gradient(circle at top, #2563eb14, transparent 32%), var(--bg);min-width:320px}button,input,select,textarea{font:inherit}.material-symbols-rounded{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Symbols Rounded,ui-monospace;font-size:20px;font-style:normal;font-weight:400;line-height:1;display:inline-flex}a{color:inherit}.app-shell{width:100%;max-width:1320px;margin:0 auto;padding:16px}.hero-card,.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.hero-card{border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;padding:20px;display:flex}.hero-card-compact{row-gap:12px}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.1}h2{font-size:18px;line-height:1.2}h3{font-size:15px;line-height:1.3}.empty-state,.order-meta,.order-head span,.field span,.checkbox-row small,.offline-note{color:var(--muted)}.list-screen,.detail-screen,.form-screen{gap:16px;display:grid}.form-screen{max-width:920px;margin:0 auto}.auth-screen{align-items:center;min-height:calc(100vh - 32px);display:grid}.auth-card{width:100%;max-width:420px;margin:0 auto}.card{border-radius:24px;padding:16px}.section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.top-gap{margin-top:24px}.badge{background:var(--accent-soft);min-width:42px;height:32px;color:var(--accent);border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.badge-muted{background:var(--surface-strong);color:var(--text)}.form-stack{gap:12px;display:grid}.offline-note{border:1px solid var(--border);background:var(--surface-soft);border-radius:14px;margin-bottom:14px;padding:10px 12px;font-size:14px}.grid{gap:12px;display:grid}.field{flex-direction:column;gap:8px;display:flex}.field-group{gap:8px;display:grid}.field span{font-size:14px;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:16px;padding:14px;transition:border-color .2s,box-shadow .2s,background .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#2563eb80;outline:none;box-shadow:0 0 0 4px #2563eb1f}.field-prominent input{background:#f8fbff;border-width:2px;padding:16px;font-size:16px}.zones-grid,.ops-layout{gap:12px;display:grid}.zone-card,.panel-ops-card,.modifiers-card,.order-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:20px}.zone-card,.panel-ops-card,.modifiers-card{padding:14px}.zone-card h3,.panel-ops-card h3,.modifiers-card h3{margin-bottom:10px}.panel-select-row{border-bottom:1px solid #dbe4f0b3;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.panel-select-row:last-child,.panel-select-row .checkbox-row{border-bottom:0}.panel-operation-button{border-radius:12px;padding:8px 10px;font-size:13px}.panel-ops-list{gap:12px;display:grid}.new-operation-panel,.new-panel-panel{border:1px solid var(--border);background:var(--surface-soft);border-radius:18px;gap:12px;margin:16px 0;padding:14px;display:grid}.structural-checkbox{border-bottom:0;align-self:end}.add-operation-button{align-self:end}.checkbox-row{border-bottom:1px solid #dbe4f0b3;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;display:grid}.checkbox-row:last-child{border-bottom:0}.checkbox-row input{width:18px;height:18px;margin:0}.operation-row{border-bottom:1px solid #dbe4f0b3;grid-template-columns:minmax(0,1fr) 104px;align-items:center;gap:10px;padding:10px 0;display:grid}.operation-row:last-child{border-bottom:0}.operation-row .checkbox-row{border-bottom:0;padding:0}.hours-field{gap:4px;display:grid}.hours-field span{color:var(--muted);font-size:12px;font-weight:700}.hours-field input{width:100%;padding:9px 10px}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:18px;padding:14px 16px;font-weight:700}.icon-button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.button-icon{flex:none}.primary-button{background:var(--primary);width:100%;color:var(--primary-contrast);margin-top:20px}.secondary-button{background:var(--surface-strong);color:var(--text)}.header-button{white-space:nowrap;width:auto;min-width:148px;margin-top:0}.header-actions{flex-wrap:wrap;gap:10px;display:flex}.header-user{color:var(--muted);margin-top:6px;font-size:14px}.primary-button:disabled,.secondary-button:disabled{opacity:.7;cursor:default}.sidebar-card{align-self:start}.empty-state{background:var(--surface-soft);border-radius:18px;padding:14px}.order-card{margin-bottom:12px;padding:14px}.order-card:last-child{margin-bottom:0}.orders-list{gap:12px;display:grid}.order-head,.order-meta{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.order-price{margin:12px 0;font-size:24px;font-weight:800}.order-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.list-footer{justify-content:flex-end;margin-top:16px;display:flex}.compact-button{width:auto;min-width:120px;margin-top:0;padding:10px 14px}.detail-head{flex-wrap:wrap;justify-content:space-between;gap:16px;margin-bottom:16px;display:flex}.detail-head p{color:var(--muted);margin-top:6px}.detail-actions{flex-wrap:wrap;gap:10px;display:flex}.total-panel{background:var(--primary);color:var(--primary-contrast);border-radius:20px;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;padding:16px;display:flex}.total-panel span{font-weight:700}.total-panel strong{font-size:28px;line-height:1.1}.calc-grid{gap:16px;display:grid}.calc-section{border:1px solid var(--border);background:var(--surface-soft);border-radius:20px;padding:14px}.calc-section h3{margin-bottom:12px}.calc-table,.summary-lines{gap:8px;display:grid}.calc-row,.summary-lines div{border-bottom:1px solid #dbe4f0b3;gap:8px;padding:10px 0;display:grid}.calc-row{grid-template-columns:minmax(0,1fr)}.calc-row:last-child,.summary-lines div:last-child{border-bottom:0}.calc-row-head{color:var(--muted);font-size:13px;font-weight:700;display:none}.summary-lines div{grid-template-columns:minmax(0,1fr) auto}.history-section{margin-top:18px}.history-section h3{margin-bottom:12px}.history-list{gap:12px;display:grid}.history-entry{border:1px solid var(--border);background:var(--surface-soft);border-radius:16px;grid-template-columns:14px minmax(0,1fr);gap:12px;padding:12px;display:grid}.history-marker{background:var(--primary);border-radius:999px;width:10px;height:10px;margin-top:5px}.history-entry-head{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.history-entry-head span{color:var(--muted);font-size:13px}.history-entry p{color:var(--muted);margin-top:6px;line-height:1.45}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--accent-soft);color:#1d4ed8;border-radius:999px;align-items:center;min-height:32px;padding:6px 10px;font-size:13px;font-weight:600;display:inline-flex}.chip-button{background:var(--accent-soft);color:#1d4ed8;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:6px 10px;font-size:13px;font-weight:600;display:inline-flex}.upload-dropzone{cursor:pointer;background:#f8fbff;border:1px dashed #2563eb59;border-radius:18px;gap:4px;padding:16px;display:grid}.upload-dropzone input{display:none}.upload-dropzone small,.photo-summary{color:var(--muted);font-size:13px}.photo-summary{flex-wrap:wrap;gap:12px;display:flex}.photo-chip-list{flex-wrap:wrap;gap:8px;display:flex}.photo-chip{background:var(--surface-strong);color:var(--text);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding:8px 10px;display:inline-flex}.photo-grid{gap:12px;display:grid}.photo-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:18px;overflow:hidden}.photo-image{aspect-ratio:4/3;object-fit:cover;background:var(--surface-strong);width:100%;display:block}.photo-card-footer{gap:10px;padding:12px;display:grid}@media (width<=640px){.icon-button .button-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon-button{min-width:44px;min-height:44px;padding-inline:12px}.compact-button,.header-button{min-width:44px}.panel-operation-button,.chip-button{min-width:38px;min-height:38px;padding-inline:9px}}@media (width>=720px){.app-shell{padding:20px}.hero-card{padding:24px}.card{padding:20px}.two-col,.zones-grid,.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.new-operation-panel{grid-template-columns:minmax(180px,1fr) 140px 160px auto;align-items:end}.new-panel-panel{grid-template-columns:minmax(160px,1fr) minmax(140px,.8fr) 130px minmax(140px,auto) auto;align-items:end}.calc-row,.calc-row-head{grid-template-columns:minmax(150px,1fr) minmax(180px,1.3fr) 90px 110px;align-items:center}.calc-row-head{display:grid}}@media (width>=1100px){.app-shell{padding:24px}.hero-card{padding:28px}h1{font-size:36px}.card{padding:24px}.zones-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ops-layout{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}.calc-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);align-items:start}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}