*{box-sizing:border-box}html{font-family:Arial,Helvetica,sans-serif}body{color:#222;background:#f5f6f8;margin:0}button,input,select,textarea{font-family:inherit}.app{background:#f5f6f8;width:100%;max-width:480px;min-height:100vh;margin:0 auto}.header{color:#fff;background:#ff7a00;justify-content:space-between;align-items:center;gap:10px;min-height:78px;padding:17px;display:flex}.header h1{margin:0;font-size:20px}.header p{opacity:.9;margin:5px 0 0;font-size:12px}.detail-header{grid-template-columns:40px 1fr 40px;align-items:center;display:grid}.header-title{text-align:center}.header-title h1{font-size:18px}.header-back-button{color:#fff;background:#ffffff26;border-radius:50%;width:38px;height:38px;font-size:24px}.network-status{background:#ffffff26;border-radius:20px;align-items:center;gap:5px;padding:6px 8px;font-size:11px;display:flex}.status-dot{background:#22d26b;border-radius:50%;width:8px;height:8px}.main-content{padding:15px 15px 90px}.welcome-section{padding:8px 3px 17px}.welcome-small{color:#777;margin:0 0 5px;font-size:13px}.welcome-section h2{margin:0;font-size:25px}.welcome-description{color:#777;margin:6px 0 0;font-size:13px;line-height:1.5}.stats-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px;display:grid}.stat-card{background:#fff;border-radius:12px;align-items:center;gap:11px;padding:14px;display:flex;box-shadow:0 2px 8px #0000000a}.stat-icon{border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.stat-icon.orange{background:#fff0e3}.stat-icon.yellow{background:#fff8d9}.stat-card strong{font-size:20px;display:block}.stat-card span{color:#777;margin-top:3px;font-size:11px;display:block}.card{background:#fff;border-radius:13px;margin-bottom:15px;padding:17px;box-shadow:0 2px 8px #0000000a}.section-title{margin-bottom:18px}.section-title h2,.section-title-row h2{margin:0;font-size:18px}.section-title p,.section-title-row p{color:#777;margin:5px 0 0;font-size:12px}.section-title-row{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.text-button{color:#ff7a00;background:0 0;font-size:12px;font-weight:600}.form-group{margin-bottom:17px}.form-group>label{margin-bottom:7px;font-size:13px;font-weight:600;display:block}input[type=text],select,textarea{background:#fff;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:12px;font-size:14px}input[type=text]:focus,select:focus,textarea:focus{border-color:#ff7a00}textarea{resize:vertical;min-height:95px}.condition-group{flex-direction:column;gap:8px;display:flex}.radio-option{cursor:pointer;border:1px solid #e5e5e5;border-radius:8px;align-items:center;gap:8px;padding:10px;font-size:13px;display:flex}.radio-option input{accent-color:#ff7a00}.action-buttons{gap:9px;margin-bottom:12px;display:flex}.secondary-button{color:#333;background:#fff;border:1px solid #ddd;border-radius:8px;flex:1;padding:12px 7px;font-size:13px;font-weight:600}.full-button{width:100%;margin-top:13px}.primary-button{color:#fff;background:#ff7a00;border:none;border-radius:9px;width:100%;margin-top:4px;padding:14px;font-size:14px;font-weight:700}.location-info{color:#245;background:#f1f8ff;border-radius:8px;margin-bottom:10px;padding:10px;font-size:12px;line-height:1.5}.hidden{display:none}.survey-card{cursor:pointer;border-bottom:1px solid #eee;align-items:center;gap:10px;padding:12px 0;display:flex}.survey-card:last-child{border-bottom:none}.survey-card-icon{background:#fff1e5;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:19px;display:flex}.survey-card-content{flex:1}.survey-card-content h3{margin:0;font-size:14px}.survey-card-content p{color:#777;margin:3px 0 6px;font-size:11px}.survey-card-right{flex-direction:column;align-items:flex-end;gap:7px;display:flex}.arrow{color:#aaa;font-size:20px}.condition-badge,.sync-badge{border-radius:20px;padding:4px 7px;font-size:10px;font-weight:600;display:inline-block}.condition-badge.good{color:#20864d;background:#e7f8ee}.condition-badge.warning{color:#a66a00;background:#fff1d9}.sync-badge.synced{color:#21884d;background:#e7f8ee}.sync-badge.pending{color:#a66a00;background:#fff1d9}.page-heading{padding:5px 3px 15px}.page-heading h2{margin:0;font-size:24px}.page-heading p{color:#777;margin:5px 0 0;font-size:13px}.filter-tabs{gap:8px;margin-bottom:14px;display:flex}.filter-tab{color:#777;background:#fff;border:1px solid #ddd;border-radius:20px;padding:8px 15px;font-size:12px}.filter-tab.active{color:#fff;background:#ff7a00;border-color:#ff7a00}.survey-list-card{padding-top:7px}.survey-list-item{cursor:pointer;border-bottom:1px solid #eee;align-items:center;gap:10px;padding:13px 0;display:flex}.survey-list-item:last-child{border-bottom:none}.list-icon{background:#fff1e5;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;font-size:19px;display:flex}.list-content{flex:1}.list-content h3{margin:0;font-size:14px}.list-content p{color:#777;margin:4px 0 6px;font-size:10px}.list-status{align-items:center;gap:5px;display:flex}.detail-page{padding-bottom:20px}.detail-status-card{background:#fff8e8;border:1px solid #ffe3a5;border-radius:11px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:14px;display:flex}.detail-status-label{color:#777;margin-bottom:5px;font-size:10px;display:block}.detail-status-card strong{color:#966200;font-size:13px}.pending-dot{background:#f2a900;border-radius:50%;width:11px;height:11px}.detail-photo{background:#e9ebee;border-radius:13px;width:100%;height:210px;margin-bottom:15px;overflow:hidden}.photo-placeholder{color:#888;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.photo-placeholder span{font-size:42px}.photo-placeholder p{margin:7px 0 2px;font-size:14px}.photo-placeholder small{font-size:10px}.detail-row{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:15px;padding:12px 0;font-size:13px;display:flex}.detail-row:last-child{border-bottom:none}.detail-row>span:first-child{color:#777}.detail-description{color:#555;margin:0;font-size:13px;line-height:1.6}.gps-box{background:#f5f9ff;border-radius:9px;align-items:center;gap:12px;padding:13px;display:flex}.gps-icon{font-size:25px}.gps-box strong{font-size:13px}.gps-box p{color:#567;margin:4px 0 0;font-size:11px}.settings-card{margin-bottom:12px}.settings-title{border-bottom:1px solid #eee;align-items:center;gap:11px;padding-bottom:13px;display:flex}.settings-icon{background:#fff1e5;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:19px;display:flex}.settings-title h3{margin:0;font-size:14px}.settings-title p{color:#777;margin:4px 0 0;font-size:11px}.settings-row{justify-content:space-between;align-items:center;padding:13px 0;font-size:13px;display:flex}.settings-row+.settings-row{border-top:1px solid #eee}.online-badge{color:#21884d;background:#e7f8ee;border-radius:20px;padding:5px 8px;font-size:10px;font-weight:600}.pending-text{color:#a66a00}.about-info{color:#777;font-size:11px;line-height:1.5}.switch{cursor:pointer;width:43px;height:24px;margin:0;position:relative}.switch input{opacity:0;width:0;height:0}.slider{background:#ccc;border-radius:30px;position:absolute;inset:0}.slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:3px}.switch input:checked+.slider{background:#ff7a00}.switch input:checked+.slider:before{transform:translate(19px)}.bottom-nav{z-index:100;background:#fff;border-top:1px solid #eee;justify-content:space-around;align-items:center;width:100%;max-width:480px;height:67px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 10px #0000000d}.nav-item{color:#888;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;min-width:80px;padding:6px 15px;font-size:10px;display:flex}.nav-item.active{color:#ff7a00;font-weight:600}.nav-icon{font-size:20px}@media (width<=480px){.main-content{padding:13px 13px 85px}.header{padding:16px 14px}.card{padding:15px}}