:root{--bg: #f7f2e9;--bg-strong: #efe3cf;--card: #fffdf8;--ink: #1b2a21;--muted: #57675b;--brand: #ff8a00;--brand-dark: #c65f00;--accent: #0f766e;--danger: #b42318;--border: #d7cbb6;--shadow: 0 18px 45px rgba(27, 42, 33, .15);--radius: 18px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}html{width:100%;-webkit-text-size-adjust:100%}body{font-family:Space Grotesk,sans-serif;color:var(--ink);background:linear-gradient(145deg,var(--bg) 0%,#fff 56%,var(--bg-strong) 100%);position:relative;width:100%;overflow-x:hidden}.bg-shape{position:fixed;z-index:-1;border-radius:999px;filter:blur(4px);opacity:.5}.bg-shape--one{width:460px;height:460px;background:radial-gradient(circle,#fdd496,#f7f2e9 70%);top:-150px;right:-90px}.bg-shape--two{width:330px;height:330px;background:radial-gradient(circle,#7fc7bf,#f7f2e9 72%);bottom:-120px;left:-90px}.app-shell{max-width:1180px;width:min(1180px,100%);margin:0 auto;padding:24px 16px 40px}.hero{background:linear-gradient(155deg,#12372d,#0d5a52 60%,#0b3f39);color:#fff;border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.hero-kicker{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;opacity:.82}.hero h1{margin:10px 0 8px;font:700 2rem/1 Barlow Condensed,sans-serif;letter-spacing:.02em}.hero-text{margin:0;max-width:76ch;opacity:.93}.auth-view{display:grid;gap:16px}.auth-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(280px,1fr))}.auth-card,.card{border:1px solid var(--border);border-radius:14px;background:#fffdf9;padding:14px}.auth-card h2{margin:0;font-family:Barlow Condensed,sans-serif;font-size:1.5rem}.auth-card p{margin:4px 0 12px;color:var(--muted)}.stack-form{display:grid;gap:10px}.hint{margin-top:10px;color:var(--muted);font-size:.9rem}code{background:#f3ebde;border-radius:6px;padding:1px 4px}.app-view{display:grid;gap:14px}.app-hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.btn-light{border:1px solid rgba(255,255,255,.38);color:#fff}.main-nav{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.main-nav button{border:1px solid rgba(255,255,255,.34);border-radius:999px;background:transparent;color:#fff;padding:8px 12px;font:600 .9rem/1 Space Grotesk,sans-serif;cursor:pointer;flex:0 0 auto;white-space:nowrap}.main-nav button.is-active{background:#ffebc7;border-color:#ffd48f;color:#5a3400}.notice{border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-weight:600}.notice.is-success{border-color:#6cae9f;background:#edfdf7;color:#0d665f}.notice.is-error{border-color:#d27d73;background:#fff5f3;color:#a11d14}.app-section{background:#ffffffa8;border:1px solid #e8dcc9;border-radius:var(--radius);padding:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.is-hidden{display:none!important}.panel{display:none;animation:fadeIn .22s ease}.panel.is-active{display:block}.panel-head h2{margin:0;font-family:Barlow Condensed,sans-serif;font-size:1.74rem;letter-spacing:.02em}.panel-head p{margin:4px 0 14px;color:var(--muted)}.status-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:.92rem}.status-row p{margin:0}.progress-wrap{margin-top:10px}.progress-bar{width:100%;height:11px;background:#2340321a;border-radius:999px;overflow:hidden}#progressFill{width:0%;height:100%;border-radius:999px;background:linear-gradient(90deg,#ffd062,#ff8a00 60%,#f16a00);transition:width .25s ease}#progressText{margin:8px 0 0;font-weight:600;font-size:.94rem}.step-tabs{margin:14px 0;display:grid;grid-template-columns:repeat(8,minmax(140px,1fr));gap:8px;min-width:0;overflow-x:auto;padding-bottom:4px}.step-tab{border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:var(--card);font:600 .87rem/1.1 Space Grotesk,sans-serif;color:var(--ink);cursor:pointer;min-height:56px;min-width:0;text-align:left}.step-tab:hover{border-color:var(--accent)}.step-tab.is-active{background:linear-gradient(170deg,#fffaf0,#ffe7c3);border-color:#f2b159;box-shadow:0 6px 15px #c65f002e}#inspectionForm{border:1px solid #eadbc1;border-radius:14px;background:#fffcf7;padding:14px}.field-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(190px,1fr))}.field-grid.two-cols{grid-template-columns:repeat(2,minmax(220px,1fr))}.field{display:flex;flex-direction:column;gap:6px}.field span{font-size:.9rem;color:var(--muted)}input,select,textarea,button{font-family:Space Grotesk,sans-serif}input,select,textarea{font:500 .95rem/1.3 Space Grotesk,sans-serif;color:var(--ink);border:1px solid #cfc4b2;border-radius:11px;background:#fff;padding:10px 12px;width:100%}input:focus,select:focus,textarea:focus{outline:3px solid rgba(15,118,110,.2);border-color:var(--accent)}.location-box{margin-top:16px;padding:14px;border:1px solid var(--border);background:#fef8ee;border-radius:14px}.location-box h3{margin:0 0 6px}.location-box p{margin:0 0 12px;color:var(--muted)}.location-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.map-preview{margin-top:12px;width:100%;min-height:250px;border:1px solid var(--border);border-radius:12px;background:#f0ece2}.upload-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(220px,1fr))}.upload-item{border:1px dashed #c7b9a3;border-radius:14px;background:#fffdfa;overflow:hidden}label.upload-item{display:flex;flex-direction:column;gap:8px;padding:12px}label.upload-item span{color:#2f4135;font-size:.93rem}.upload-collapsible[open]{border-style:solid}.upload-summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:12px}.upload-summary::-webkit-details-marker{display:none}.upload-summary:after{content:"▾";margin-left:auto;color:#4a5d50;font-size:.82rem;transition:transform .2s ease}.upload-collapsible[open] .upload-summary:after{transform:rotate(180deg)}.upload-summary-title{color:#2f4135;font-size:.93rem;font-weight:600;flex:1}.upload-summary-meta{flex-shrink:0;color:var(--muted);font-size:.76rem;border:1px solid #ddc8a5;border-radius:999px;background:#f1e8d8;padding:3px 8px}.upload-content{border-top:1px solid #eadfce;padding:10px 12px 12px;display:grid;gap:8px;background:#fff}.upload-item input[type=file]{border:1px solid #cabca8;background:#fff}.upload-file-list{margin:0;padding:0;list-style:none;display:grid;gap:6px;max-height:140px;overflow:auto}.upload-file-list li{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;font-size:.82rem;color:var(--muted);padding:6px 8px;border:1px solid #e7dbc7;border-radius:8px;background:#fffcf5;line-height:1.25;word-break:break-word}.upload-file-name{flex:1}.upload-file-list li.is-empty{border-style:dashed;background:transparent}.upload-remove-btn{flex:0 0 auto;color:#9b1c15;border-color:#d7ada8;background:#fff7f6}.btn-file-clear{width:fit-content;margin-top:2px}.upload-item.is-filled{border-color:#69ab9c;background:#f4fffc}.upload-item.is-filled .upload-summary-meta{border-color:#0f766e66;background:#0f766e24;color:#0f655e}.inverter-params-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(240px,1fr))}.inverter-param-item{border:1px solid var(--border);border-radius:14px;background:#fffdf9;padding:12px}.inverter-param-item h3{margin:0 0 10px;font-size:1rem;color:#2f4135}.inverter-param-item .field{margin-bottom:8px}.inverter-param-item .field:last-child{margin-bottom:0}.measurement-container{display:grid;gap:14px}.empty-state{margin:0;border:1px dashed #cbb9a0;border-radius:14px;padding:16px;color:var(--muted)}.measurement-group{border:1px solid var(--border);border-radius:14px;background:#fffdf9;padding:14px}.measurement-group h3{margin:0 0 10px;font-size:1.07rem}.measurement-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(240px,1fr))}.measurement-item{border:1px solid #decfb7;border-radius:12px;background:#fff8eb;padding:10px}.measurement-item label{display:block;margin-bottom:6px;font-size:.9rem;color:#304136}.measurement-item .mini{margin-top:8px}.review-box{border:1px solid var(--border);border-radius:14px;padding:14px;background:#fffdf9}.review-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.pending-list{margin:0;padding:0 0 0 18px}.pending-list li{margin-bottom:4px;color:var(--danger)}.final-message{margin-top:12px;font-weight:600}.panel-navigation{margin-top:18px;display:flex;justify-content:space-between;gap:10px}.btn{border:none;border-radius:11px;padding:10px 14px;font:600 .95rem/1 Space Grotesk,sans-serif;cursor:pointer;color:#fff;background:linear-gradient(180deg,var(--brand) 0%,var(--brand-dark) 100%)}.btn:hover{filter:brightness(1.03)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{color:var(--ink);background:#f4ead9;border:1px solid #cfbea5}.btn-ghost{color:#4d5a52;background:transparent;border:1px solid #c9b99e}.btn-link{text-decoration:none;display:inline-flex;align-items:center}.table-wrap{overflow-x:auto}.inspection-mobile-list{display:none;list-style:none;margin:0;padding:0}.inspection-mobile-item{border:1px solid #e9dcc8;border-radius:12px;background:#fff;padding:10px}.inspection-mobile-line{margin:0 0 8px;display:grid;gap:2px}.inspection-mobile-line:last-of-type{margin-bottom:10px}.inspection-mobile-line strong{font-size:.84rem;color:var(--muted)}.inspection-mobile-line span{font-size:.97rem;color:var(--ink);word-break:break-word}.data-table{width:100%;border-collapse:collapse;min-width:640px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #e9dcc8;padding:9px 10px;font-size:.9rem;vertical-align:top}.data-table th{background:#f7efe1}.table-actions{display:flex;flex-wrap:wrap;gap:6px}.btn-small{border:1px solid #c5b79c;border-radius:8px;background:#fff;padding:6px 8px;font:600 .8rem/1 Space Grotesk,sans-serif;color:var(--ink);cursor:pointer}.btn-small:hover{border-color:var(--accent)}.btn-small.danger{color:#9b1c15;border-color:#d7ada8;background:#fff7f6}.filter-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(180px,1fr));margin-bottom:12px}.kv-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(230px,1fr))}.kv-item{border:1px solid #eadfcf;border-radius:10px;background:#fff;padding:8px}.kv-item strong{display:block;font-size:.82rem;color:var(--muted);margin-bottom:4px}.photo-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.photo-list li{border:1px solid #eadfcf;border-radius:9px;background:#fff;padding:8px;display:flex;justify-content:space-between;gap:8px;align-items:center}.photo-list span{font-size:.85rem;color:var(--muted);word-break:break-word}.tag{display:inline-flex;padding:2px 8px;border-radius:999px;border:1px solid #c9b9a2;background:#f9efe1;font-size:.75rem;color:#5e4e3b}#inspectionDetailsBox,#myInspectionDetailsBox{margin-top:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.step-tabs{grid-template-columns:repeat(8,minmax(165px,1fr))}.field-grid,.filter-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.auth-grid{grid-template-columns:1fr}}@media (max-width: 760px){body{background:linear-gradient(165deg,#f7f2e9,#fff 60%,#efe3cf)}.bg-shape{display:none}.app-shell{width:100%;max-width:100%;margin:0;padding:10px 10px 20px}.hero{padding:16px;border-radius:14px}.hero h1{font-size:1.9rem;line-height:1.02;word-break:break-word}.hero-text{font-size:.96rem}.app-hero-top{flex-direction:column}.app-hero-top .btn-light{align-self:flex-start}.main-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible;padding-bottom:0}.main-nav button{width:100%;min-height:44px;text-align:center;padding:10px 8px;white-space:normal}.step-tabs{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:8px;padding-bottom:0}.step-tab{min-width:0;min-height:60px;width:100%;padding:10px;font-size:.9rem;line-height:1.2}.status-row{display:grid;gap:6px;grid-template-columns:1fr}.field-grid,.field-grid.two-cols,.upload-grid,.inverter-params-grid,.measurement-grid,.filter-grid,.kv-grid{grid-template-columns:1fr}#inspectionForm,.app-section{padding:10px}.auth-card,.card{padding:12px}.panel-head h2{font-size:1.4rem}input,select,textarea,.btn,.btn-small,.btn-file-clear{font-size:16px}input,select,textarea{min-height:44px}.btn,.btn-small,.btn-file-clear{min-height:42px}.location-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.location-actions .btn,.location-actions .btn-secondary,.location-actions .btn-ghost{width:100%}.map-preview{min-height:220px}.upload-summary{align-items:flex-start;flex-wrap:wrap;gap:8px}.upload-summary-meta{margin-left:0}.upload-content{padding:10px}.upload-file-list{max-height:180px}.table-wrap{overflow:visible}#myInspectionsTableWrap .inspections-desktop-table{display:none}#myInspectionsTableWrap .inspection-mobile-list{display:flex;flex-direction:column;gap:10px}#myInspectionsTableWrap .inspection-mobile-item{border-radius:14px;padding:12px}#myInspectionsTableWrap .inspection-mobile-item .table-actions{margin-top:2px}.data-table{min-width:0;border-collapse:separate;border-spacing:0 8px}.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}.data-table tr{border:1px solid #e9dcc8;border-radius:12px;padding:8px;background:#fff}.data-table td{border:0;padding:5px 0;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.data-table td:before{content:attr(data-label);color:var(--muted);font-weight:600;font-size:.82rem;flex:0 0 44%}.data-table td>*{flex:1;text-align:left}.table-actions{justify-content:flex-start}.panel-navigation{position:sticky;bottom:8px;background:#fffffff0;padding:8px;border-radius:12px;border:1px solid #e1d4c0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.panel-navigation .btn{width:100%}}@media (max-width: 520px){.app-shell{padding:8px 8px 16px}.hero{padding:14px}.hero h1{font-size:1.7rem}.main-nav,.step-tabs{grid-template-columns:1fr}.panel-head h2{font-size:1.55rem}.location-actions{grid-template-columns:1fr}.review-actions{display:grid;grid-template-columns:1fr}.data-table td{flex-direction:column;gap:2px}.data-table td:before{width:auto;flex:0 0 auto}.data-table td>*{width:100%}.panel-navigation{position:static;background:transparent;border:0;padding:0;grid-template-columns:1fr}}