:root{--bg:#f7f7f2;--bg-2:#f0f1ec;--surface:#fff;--dark:#171918;--green:#2f7d5c;--green-600:#25664a;--green-700:#1c513b;--green-100:#dcede4;--green-50:#eef7f2;--text-2:#5f6662;--text-3:#858c88;--border:#e1e4df;--border-strong:#cdd2cd;--warning:#c98a25;--warning-bg:#f7eacf;--warning-text:#795317;--error:#c95555;--error-bg:#f6dddd;--error-text:#853939;--info:#557a91;--info-bg:#e3edf2;--ai-bg:#e8eee9;--ai-text:#315043;color:var(--dark);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg, #fbfbf6 0%, var(--bg) 55%, #eef1ea 100%);min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.page{place-items:center;min-height:100vh;padding:28px;display:grid}.phone-shell{border:1px solid var(--border-strong);background:var(--bg);border-radius:30px;flex-direction:column;width:min(390px,100%);height:min(844px,100vh - 56px);min-height:720px;display:flex;overflow:hidden;box-shadow:0 24px 70px #17191821}.statusbar{background:#f7f7f2e6;justify-content:space-between;align-items:center;height:34px;padding:0 22px;font-size:12px;font-weight:800;display:flex}.topbar{border-bottom:1px solid #e1e4dfb8;grid-template-columns:42px 1fr 42px;align-items:center;height:50px;padding:0 12px;display:grid}.topbar b{text-align:center;font-size:14px}.screen{flex:1;padding:18px 18px 96px;overflow-y:auto}.bottom-nav{border-top:1px solid var(--border);background:#ffffffeb;grid-template-columns:repeat(4,1fr);gap:2px;height:74px;padding:8px 12px 12px;display:grid}.bottom-nav button{color:var(--text-3);background:0 0;border:0;border-radius:12px;place-items:center;gap:3px;font-size:11px;font-weight:800;display:grid}.bottom-nav button.active{color:var(--green);background:var(--green-50)}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:8px;font-size:28px;line-height:1.08}h2{margin-bottom:8px;font-size:21px;line-height:1.16}h3{margin-bottom:6px;font-size:15px}p{color:var(--text-2);font-size:13px;line-height:1.48}.brand{color:var(--green-700);letter-spacing:0;align-items:center;gap:10px;font-weight:900;display:flex}.logo{background:var(--dark);color:#fff;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.welcome{flex-direction:column;gap:18px;min-height:100%;display:flex}.welcome h1{margin-top:28px;font-size:42px}.welcome img,.wide-img{aspect-ratio:16/10;object-fit:cover;border:1px solid var(--border);border-radius:16px;width:100%}.cycle{color:var(--text-2);flex-wrap:wrap;gap:7px;font-size:11px;font-weight:800;display:flex}.cycle span{align-items:center;gap:4px;display:inline-flex}.btn{background:var(--green);color:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;margin-top:12px;font-weight:850;display:inline-flex}.btn:hover{background:var(--green-600)}.btn.light{width:auto;min-height:40px;color:var(--dark);background:#fff;padding:0 16px}.text-btn{width:100%;min-height:42px;color:var(--green);background:0 0;border:0;font-weight:850}.icon{width:38px;height:38px;color:var(--dark);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.icon:hover{background:var(--bg-2)}.card{border:1px solid var(--border);background:var(--surface);border-radius:14px;margin:10px 0;padding:14px}.hero{background:linear-gradient(135deg, #2f7d5c2e, transparent 48%), var(--dark);color:#fff;flex-direction:column;justify-content:space-between;min-height:178px;display:flex}.hero p,.hero span{color:#ffffffbd}.hero h2{font-size:27px}.headline{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.section{margin:24px 0 8px;font-size:16px}.product-card{grid-template-columns:72px 1fr 18px;align-items:center;gap:12px;display:grid}.product-card img,.mini img{object-fit:cover;border:1px solid var(--border);border-radius:12px;width:72px;height:72px}.mini-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mini{min-height:156px}.mini img{width:100%;height:78px}.pill{width:fit-content;max-width:100%;color:var(--green-700);background:var(--green-100);text-transform:uppercase;border-radius:999px;align-items:center;padding:5px 8px;font-size:10px;font-weight:900;display:inline-flex}.pill.attention,.pill.monitor,.pill.warning{color:var(--warning-text);background:var(--warning-bg)}.pill.ok{color:var(--green-700);background:var(--green-100)}.grid3{gap:10px;margin-top:20px;display:grid}.grid3 .card svg{color:var(--green)}.category-row,.tabs,.time-grid,.split{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.chip,.tabs button,.time-grid button,.split button{border:1px solid var(--border);min-height:40px;color:var(--dark);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:0 13px;font-size:12px;font-weight:800;display:inline-flex}.tabs button:first-child,.time-grid button:first-child{background:var(--green-50);color:var(--green-700);border-color:#b7d8c8}input,textarea{border:1px solid var(--border);width:100%;color:var(--dark);background:#fff;border-radius:14px;outline:0}input{min-height:48px;margin:8px 0;padding:0 14px}textarea{resize:vertical;min-height:132px;margin:12px 0;padding:14px}input:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-100)}.search{border:1px solid var(--border);background:#fff;border-radius:14px;align-items:center;gap:8px;min-height:44px;margin:14px 0;padding:0 12px;display:flex}.search input{border:0;min-height:40px;margin:0;padding:0}.row{color:var(--text-2);align-items:center;gap:9px;padding:8px 0;font-size:13px;display:flex}.row svg{color:var(--green);flex:none}.option{border:1px solid var(--border);width:100%;min-height:52px;color:var(--dark);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;margin:7px 0;padding:0 14px;font-weight:800;display:flex}.option.selected{border-color:var(--green);background:var(--green-50);color:var(--green-700)}.upload{border:1.5px dashed var(--border-strong);background:var(--surface);width:100%;min-height:150px;color:var(--green-700);border-radius:16px;place-items:center;font-weight:850;display:grid}.loader{border:7px solid var(--green-100);border-top-color:var(--green);border-radius:50%;width:74px;height:74px;margin:40px auto;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ai{background:var(--ai-bg);border-color:#cfdbd3}.ai p{color:var(--ai-text)}.estimate h1,.estimate h2{font-size:34px}.repairer{justify-content:space-between;align-items:center;gap:12px;display:flex}.repairer p{align-items:center;gap:4px;margin-bottom:4px;display:flex}.profile,.success{text-align:center}.profile svg,.success>svg{background:var(--green-100);width:48px;height:48px;color:var(--green-700);border-radius:50%;padding:10px}.progress{grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0 12px;display:grid}.progress span{background:var(--border);min-height:26px;color:var(--text-2);border-radius:999px;place-items:center;font-size:10px;font-weight:900;display:grid}.progress .on{background:var(--green);color:#fff}.toggle{border:1px solid var(--border);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;min-height:56px;margin:10px 0;padding:0 14px;font-weight:800;display:flex}.toggle input{width:20px;min-height:20px}.muted{color:var(--text-2)}@media (width<=520px){.page{padding:0;display:block}.phone-shell{width:100%;height:100vh;min-height:100vh;box-shadow:none;border:0;border-radius:0}}