*{box-sizing:border-box}body{color:#1f2937;background:#f3f6fa;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.page{width:100%;max-width:900px;margin:auto;padding:24px}.header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:30px;display:flex}.header h1{color:#2563eb;margin:0;font-size:30px}.header p{color:#64748b;margin-top:8px}.network{border-radius:10px;flex-direction:column;gap:4px;padding:10px 14px;font-weight:700;display:flex}.network small{font-weight:400}.network.online{color:#166534;background:#dcfce7}.network.offline{color:#991b1b;background:#fee2e2}.stats{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px;display:grid}.stat-card{background:#fff;border-radius:15px;flex-direction:column;gap:8px;padding:25px;display:flex;box-shadow:0 3px 15px #0000000f}.stat-card strong{color:#2563eb;font-size:32px}.stat-card span{color:#64748b}.dashboard-buttons{gap:14px;display:grid}.primary-button,.secondary-button,.sync-button,.submit-button,.location-button{border:none;border-radius:12px;padding:15px 20px;font-weight:700}.primary-button,.submit-button{color:#fff;background:#2563eb}.secondary-button{color:#2563eb;background:#fff;border:1px solid #2563eb}.sync-button{color:#0369a1;background:#e0f2fe}.location-button{color:#fff;background:#16a34a}button:disabled{opacity:.6;cursor:not-allowed}.message{background:#fff;border-radius:10px;margin-bottom:20px;padding:14px}.page-title{align-items:center;gap:15px;margin-bottom:25px;display:flex}.page-title h1{margin:0}.page-title p{color:#64748b}.back-button{background:#fff;border:none;border-radius:50%;width:45px;height:45px;font-size:22px}.survey-form{flex-direction:column;gap:20px;display:flex}.form-section{background:#fff;border-radius:15px;padding:24px;box-shadow:0 3px 15px #0000000d}.form-section h2{color:#1e40af;margin-top:0;font-size:20px}.form-section label{margin-top:15px;margin-bottom:7px;font-weight:600;display:block}.form-section input[type=text],.form-section input:not([type=radio]):not([type=checkbox]),.form-section select,.form-section textarea{background:#fff;border:1px solid #cbd5e1;border-radius:9px;width:100%;padding:12px}.radio-group{flex-wrap:wrap;gap:20px;display:flex}.radio-group label{align-items:center;gap:7px;font-weight:400;display:flex}.checkbox-row{align-items:center;gap:10px;font-weight:400!important;display:flex!important}.location-box{color:#166534;background:#ecfdf5;border-radius:10px;margin-top:15px;padding:15px}.photo-preview{margin-top:15px}.photo-preview img{border-radius:12px;width:100%;max-width:400px}.survey-list{flex-direction:column;gap:15px;display:flex}.survey-card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 3px 15px #0000000d}.survey-card-header{flex-wrap:wrap;justify-content:space-between;gap:15px;display:flex}.survey-card p{margin:9px 0}.status{border-radius:7px;padding:5px 9px;font-size:13px}.status.synced{background:#dcfce7}.status.pending{background:#fef3c7}.status.syncing{background:#dbeafe}.status.error{background:#fee2e2}.error-text{color:#dc2626}.empty{text-align:center;background:#fff;border-radius:15px;padding:50px}@media (width<=600px){.page{padding:15px}.header{flex-direction:column}.stats{grid-template-columns:1fr}.form-section{padding:18px}.radio-group{flex-direction:column;gap:8px}}