*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #1a3a5c;--primary-dark: #0f2540;--primary-light: #2d6a9f;--accent: #f0a500;--success: #267326;--success-light: #e8f5e9;--warning: #d4780a;--warning-light: #fff3e0;--danger: #c0392b;--danger-light: #ffebee;--bg: #f4f6f8;--surface: #ffffff;--text: #1a1a2e;--text-secondary: #5a6270;--border: #dde3ea;--border-light: #eef1f5;--radius: 8px;--radius-sm: 4px;--shadow: 0 1px 3px rgba(0,0,0,.1);--shadow-md: 0 4px 12px rgba(0,0,0,.12);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, sans-serif}html,body{height:100%;font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}h1{font-size:1.4rem;font-weight:700;color:var(--primary)}h2{font-size:1.15rem;font-weight:600;color:var(--primary)}h3{font-size:1rem;font-weight:600}p{margin-bottom:.5rem}.page{flex:1;max-width:800px;margin:0 auto;width:100%;padding:1rem 1rem 5rem}.page-header{background:var(--primary);color:#fff;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-md)}.page-header h1{color:#fff;font-size:1.1rem;flex:1}.back-btn{background:none;border:none;color:#fff;font-size:1.4rem;cursor:pointer;padding:.25rem .5rem;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.back-btn:hover{background:#ffffff26}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);padding:1rem;margin-bottom:.75rem}.card-title{font-size:1rem;font-weight:600;color:var(--primary);margin-bottom:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.1rem;border-radius:var(--radius);border:none;font-size:.95rem;font-weight:600;cursor:pointer;min-height:44px;transition:background .15s,opacity .15s;text-decoration:none;font-family:var(--font)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary{background:var(--border);color:var(--text)}.btn-secondary:hover:not(:disabled){background:#cdd3da}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#1a5c1a}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#a93226}.btn-outline{background:transparent;border:1.5px solid var(--primary);color:var(--primary)}.btn-outline:hover:not(:disabled){background:var(--primary);color:#fff}.btn-sm{padding:.4rem .75rem;font-size:.85rem;min-height:36px}.btn-lg{padding:.75rem 1.5rem;font-size:1.05rem;min-height:52px;width:100%}.btn-icon{padding:.5rem;min-width:44px}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--primary);margin-bottom:.35rem}.form-group label .required{color:var(--danger);margin-left:2px}.form-group .help-text{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem}input[type=text],input[type=number],input[type=date],input[type=time],input[type=tel],select,textarea{width:100%;padding:.6rem .75rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:1rem;font-family:var(--font);color:var(--text);background:#fff;transition:border-color .15s;min-height:44px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 3px #2d6a9f1f}textarea{min-height:80px;resize:vertical}select{cursor:pointer}input[readonly]{background:#f0f3f6;color:var(--text-secondary)}.yn-group{display:flex;gap:.5rem}.yn-btn{flex:1;min-height:44px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:var(--font)}.yn-btn.yes.active{background:var(--success);border-color:var(--success);color:#fff}.yn-btn.no.active{background:var(--danger);border-color:var(--danger);color:#fff}.yn-btn.na.active{background:var(--text-secondary);border-color:var(--text-secondary);color:#fff}.yn-btn:not(.active):hover{border-color:var(--primary-light)}.input-with-unit{display:flex;gap:.5rem;align-items:center}.input-with-unit input{flex:1}.input-unit{background:var(--border-light);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:.6rem;font-size:.85rem;color:var(--text-secondary);white-space:nowrap;min-height:44px;display:flex;align-items:center}.status-badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:20px;font-size:.8rem;font-weight:600;white-space:nowrap}.status-not_started{background:var(--border-light);color:var(--text-secondary)}.status-in_progress{background:#fff3cd;color:#856404}.status-complete{background:var(--success-light);color:var(--success)}.status-review_required{background:#fff3e0;color:var(--warning)}.progress-container{margin:.5rem 0}.progress-label{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary);margin-bottom:.25rem}.progress-track{height:8px;background:var(--border);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--success);border-radius:4px;transition:width .3s}.progress-fill.partial{background:var(--accent)}.section-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem;overflow:hidden;box-shadow:var(--shadow)}.section-header{display:flex;align-items:center;padding:.85rem 1rem;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--surface);gap:.75rem;min-height:56px}.section-header:hover{background:var(--border-light)}.section-header h2{flex:1;font-size:.95rem}.section-header.complete{border-left:4px solid var(--success)}.section-header.in-progress{border-left:4px solid var(--accent)}.section-header.empty{border-left:4px solid var(--border)}.section-check{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0}.section-check.done{background:var(--success);color:#fff}.section-check.wip{background:var(--accent);color:#fff}.section-check.empty{background:var(--border);color:var(--text-secondary)}.section-chevron{color:var(--text-secondary);transition:transform .2s;font-size:.85rem}.section-chevron.open{transform:rotate(180deg)}.section-body{padding:1rem;border-top:1px solid var(--border-light)}.section-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-light)}.poles-grid{display:flex;flex-direction:column;gap:.5rem}.pole-card{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem;cursor:pointer;text-decoration:none;color:var(--text);transition:box-shadow .15s,border-color .15s;gap:.75rem;box-shadow:var(--shadow)}.pole-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light)}.pole-id{font-size:1.2rem;font-weight:700;color:var(--primary);min-width:56px}.pole-info{flex:1}.pole-info-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.pole-progress{font-size:.8rem;color:var(--text-secondary)}.pole-arrow{color:var(--text-secondary);font-size:1.2rem}.stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem}@media (min-width: 480px){.stats-row{grid-template-columns:repeat(4,1fr)}}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;text-align:center;box-shadow:var(--shadow)}.stat-number{font-size:1.75rem;font-weight:700;color:var(--primary);line-height:1}.stat-label{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.offline-banner{background:var(--warning);color:#fff;text-align:center;padding:.4rem 1rem;font-size:.875rem;font-weight:600;position:sticky;top:0;z-index:200}.item-list{display:flex;flex-direction:column;gap:.75rem}.item-card{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg)}.item-card-header{display:flex;align-items:center;padding:.6rem .75rem;background:var(--border-light);gap:.5rem;cursor:pointer}.item-card-header h3{flex:1;font-size:.9rem}.item-card-body{padding:.75rem;background:#fff}.nav-tabs{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:1rem;overflow-x:auto}.nav-tab{padding:.6rem 1rem;border:none;background:none;font-size:.875rem;font-weight:600;color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-2px;font-family:var(--font)}.nav-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.photo-thumb{position:relative;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);cursor:pointer;background:var(--border-light)}.photo-thumb img{width:100%;height:100%;object-fit:cover}.photo-thumb-remove{position:absolute;top:2px;right:2px;background:#0009;color:#fff;border:none;border-radius:50%;width:22px;height:22px;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.required-photos-list{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.required-photo-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;border-radius:var(--radius-sm);font-size:.875rem}.required-photo-item.done{background:var(--success-light);color:var(--success)}.required-photo-item.missing{background:var(--warning-light);color:var(--warning)}.section-nav{display:flex;gap:.5rem;position:sticky;bottom:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem;box-shadow:var(--shadow-md);margin-top:1rem}.section-nav .btn{flex:1}.severity-low{border-left:4px solid #4caf50}.severity-medium{border-left:4px solid var(--accent)}.severity-high{border-left:4px solid var(--warning)}.severity-critical{border-left:4px solid var(--danger)}.alert{padding:.75rem 1rem;border-radius:var(--radius);font-size:.875rem;margin-bottom:.75rem;display:flex;gap:.5rem;align-items:flex-start}.alert-info{background:#e3f2fd;border-left:4px solid #1976d2;color:#0d47a1}.alert-warning{background:var(--warning-light);border-left:4px solid var(--warning);color:#7c4700}.alert-success{background:var(--success-light);border-left:4px solid var(--success);color:#1b5e20}.alert-danger{background:var(--danger-light);border-left:4px solid var(--danger);color:#7f0000}.divider{border:none;border-top:1px solid var(--border);margin:1rem 0}.signature-wrapper{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:#fff;position:relative;overflow:hidden}.signature-canvas{display:block;width:100%;touch-action:none;cursor:crosshair}.signature-clear{position:absolute;top:4px;right:4px;background:var(--border);border:none;border-radius:var(--radius-sm);padding:.2rem .5rem;font-size:.75rem;cursor:pointer;font-family:var(--font)}.tag{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:20px;font-size:.78rem;font-weight:600;gap:.25rem}.tag-primary{background:#e3f2fd;color:var(--primary)}.tag-warning{background:var(--warning-light);color:var(--warning)}.tag-danger{background:var(--danger-light);color:var(--danger)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;color:var(--text-secondary)}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width: 600px){.page{padding:1.5rem}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}}@media print{.page-header,.section-nav,.offline-banner,.btn,.back-btn{display:none!important}.section-body{display:block!important}.page{padding:0}body{background:#fff}}