*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f8f9fa;color:#212529;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}.app{display:flex;flex-direction:column;height:100vh;max-width:480px;margin:0 auto;background:#fff;position:relative}.loading-screen,.loading-center{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px}.loading-center{height:auto;padding:40px}.spinner{width:40px;height:40px;border:3px solid #e9ecef;border-top-color:#2d6a4f;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#2d6a4f,#40916c)}.login-card{background:#fff;border-radius:20px;padding:32px 24px;width:100%;max-width:360px;box-shadow:0 20px 60px #0003}.login-logo{text-align:center;margin-bottom:28px}.logo-icon{font-size:56px;display:block;margin-bottom:8px}.login-logo h1{font-size:22px;color:#2d6a4f;margin-bottom:4px}.login-logo p{font-size:14px;color:#6c757d}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:600;color:#495057;margin-bottom:6px}.form-group input,.form-group textarea,.form-select{width:100%;padding:12px 14px;border:1.5px solid #dee2e6;border-radius:12px;font-size:15px;background:#fff;transition:border-color .2s;-webkit-appearance:none}.form-group input:focus,.form-group textarea:focus,.form-select:focus{outline:none;border-color:#2d6a4f}.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236c757d' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.btn-primary{width:100%;padding:14px;background:#2d6a4f;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary:active{opacity:.8}.btn-secondary{width:100%;padding:14px;background:#e9ecef;color:#495057;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer}.error-message{background:#fff5f5;color:#c53030;padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:14px}.login-footer{text-align:center;margin-top:20px}.login-footer p{font-size:14px;color:#6c757d}.link-btn{background:none;border:none;color:#2d6a4f;font-size:14px;font-weight:600;cursor:pointer;margin-left:4px}.hint{font-size:12px!important;color:#adb5bd!important;margin-top:8px}.navbar{display:flex;justify-content:space-around;align-items:center;background:#fff;border-top:1px solid #e9ecef;padding:8px 0 calc(8px + env(safe-area-inset-bottom));position:sticky;bottom:0;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;padding:6px 24px;color:#adb5bd;cursor:pointer}.nav-item.active{color:#2d6a4f}.nav-icon{font-size:22px}.nav-label{font-size:11px;font-weight:600}.page-header{padding:16px 20px;background:linear-gradient(135deg,#2d6a4f,#40916c);color:#fff}.page-header h1{font-size:20px;font-weight:700}.page-header p{font-size:13px;opacity:.9;margin-top:2px}.detail-header{display:flex;align-items:center;gap:12px}.btn-back{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:18px;cursor:pointer}.capture-screen{flex:1;overflow-y:auto;padding-bottom:20px}.capture-area{padding:24px 20px}.capture-buttons{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.btn-large{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px;border-radius:16px;border:none;font-size:16px;font-weight:600;cursor:pointer}.btn-large .btn-icon{font-size:28px}.btn-large:first-child{background:#2d6a4f;color:#fff}.btn-large.btn-secondary{background:#e9ecef;color:#495057}.gps-info{text-align:center;font-size:13px;color:#40916c;margin-bottom:20px}.tips{background:#f1f8f4;border-radius:16px;padding:18px}.tips h3{font-size:15px;color:#2d6a4f;margin-bottom:10px}.tips ul{padding-left:18px}.tips li{font-size:14px;color:#495057;margin-bottom:6px}.camera-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:200;display:flex;flex-direction:column}.camera-video{flex:1;width:100%;object-fit:cover}.camera-controls{display:flex;justify-content:center;align-items:center;gap:40px;padding:20px 0 calc(20px + env(safe-area-inset-bottom));background:#00000080}.btn-capture{width:72px;height:72px;border-radius:50%;border:4px solid #fff;background:#fff;font-size:28px;cursor:pointer}.btn-cancel{width:48px;height:48px;border-radius:50%;border:2px solid #fff;background:#fff3;color:#fff;font-size:20px;cursor:pointer}.preview-area{padding:16px 20px 80px}.preview-image{width:100%;border-radius:16px;margin-bottom:16px;max-height:300px;object-fit:cover}.form-section{margin-bottom:20px}.action-buttons{display:flex;flex-direction:column;gap:10px}.list-screen{flex:1;overflow-y:auto}.assessment-list{padding:12px 16px 80px}.empty-state{text-align:center;padding:60px 20px;color:#6c757d}.empty-state p{margin-bottom:16px;font-size:15px}.assessment-card{display:flex;align-items:center;gap:14px;background:#fff;border-radius:16px;padding:12px;margin-bottom:10px;box-shadow:0 2px 8px #0000000a;cursor:pointer;transition:transform .15s}.assessment-card:active{transform:scale(.98)}.card-image{width:80px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#e9ecef}.card-image img{width:100%;height:100%;object-fit:cover}.card-content{flex:1;min-width:0}.card-header{display:flex;gap:6px;margin-bottom:6px}.health-badge,.status-badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;color:#fff}.status-badge{background:#adb5bd}.card-location{font-size:13px;color:#495057;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-species{font-size:12px;color:#40916c;margin-top:2px}.card-date{font-size:11px;color:#adb5bd;margin-top:4px}.card-arrow{font-size:22px;color:#adb5bd;padding:0 4px}.btn-load-more{width:100%;padding:14px;background:#f8f9fa;border:1.5px solid #dee2e6;border-radius:12px;font-size:14px;color:#495057;cursor:pointer;margin-top:8px}.detail-screen{flex:1;overflow-y:auto;padding-bottom:20px}.detail-image{width:100%;height:280px;background:#e9ecef}.detail-image img{width:100%;height:100%;object-fit:cover}.detail-content{padding:20px}.score-section{display:flex;align-items:center;gap:20px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e9ecef}.score-ring{width:90px;height:90px;border-radius:50%;border:5px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.score-number{font-size:28px;font-weight:800}.score-label{font-size:11px;color:#6c757d}.score-badges{display:flex;flex-direction:column;gap:8px;flex:1}.badge-large{padding:10px 16px;border-radius:10px;color:#fff;font-size:14px;font-weight:700}.info-section{background:#fff;border-radius:16px;padding:18px;margin-bottom:14px;box-shadow:0 2px 8px #0000000a}.info-section h3{font-size:15px;color:#2d6a4f;margin-bottom:10px}.info-section p{font-size:14px;color:#495057;line-height:1.6}.info-section p strong{color:#212529}.coords{font-size:12px!important;color:#adb5bd!important;margin-top:4px}.alert-section{border-left:4px solid #e76f51}.alert-section h3{color:#e76f51}.action-section{border-left:4px solid #2d6a4f}.action-section h3{color:#2d6a4f}.detail-item{background:#f8f9fa;border-radius:12px;padding:14px;margin-bottom:10px}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.item-name{font-weight:700;font-size:14px;color:#212529}.severity-badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;color:#fff;text-transform:uppercase}.severity-badge.mild{background:#f4a261}.severity-badge.moderate{background:#e76f51}.severity-badge.severe{background:#d62828}.item-location{font-size:12px;color:#6c757d;margin-bottom:4px}.item-desc{font-size:13px;color:#495057;line-height:1.5}.info-section ul{padding-left:18px}.info-section li{font-size:14px;color:#495057;margin-bottom:6px}.confidence-high{color:#2d6a4f;font-weight:700}.confidence-medium{color:#f4a261;font-weight:700}.confidence-low{color:#e76f51;font-weight:700}.btn-toggle{width:100%;padding:12px;background:#f1f8f4;border:none;border-radius:10px;color:#2d6a4f;font-size:14px;font-weight:600;cursor:pointer}.raw-analysis{margin-top:12px;background:#f8f9fa;border-radius:10px;padding:14px}.raw-analysis pre{font-size:13px;line-height:1.7;color:#495057;white-space:pre-wrap;word-break:break-word}.analyzing{text-align:center;padding:40px 20px;color:#2d6a4f}.analyzing p{margin-top:12px;font-size:15px}.error{text-align:center;color:#e76f51;padding:30px}.expert-section{border-left:4px solid #6f42c1}.expert-section h3{color:#6f42c1}.expert-status{display:inline-block;margin-top:8px;font-size:12px;padding:3px 10px;border-radius:20px;background:#e9ecef;color:#495057}.meta-info{margin-top:20px;padding-top:16px;border-top:1px solid #e9ecef}.meta-info p{font-size:12px;color:#adb5bd;margin-bottom:4px}