*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.container{background:#fff;border-radius:15px;box-shadow:0 20px 40px rgba(0,0,0,.1);margin:0 auto;max-width:800px;overflow:hidden}.header{background:linear-gradient(45deg,#2c3e50,#3498db);color:#fff;padding:30px;text-align:center}.header h1{margin-bottom:10px}.verification-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:700;margin-top:10px;padding:5px 15px}.verified{background:#2ecc71;color:#fff}.warning{background:#f39c12;color:#fff}.error{background:#e74c3c;color:#fff}.content{padding:30px}.upload-section{background:#f8f9fa;border:2px solid #bdc3c7;border-radius:10px;margin-bottom:30px;padding:25px;text-align:center}.document-list{max-height:400px;overflow-y:auto;text-align:left}.document-item{align-items:center;background:#fff;border:1px solid #ecf0f1;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px;transition:all .3s ease}.document-item:hover{border-color:#3498db;box-shadow:0 2px 8px rgba(52,152,219,.2)}.document-info{flex:1}.document-name{color:#2c3e50;font-weight:700;margin-bottom:5px}.document-meta{color:#7f8c8d;font-size:12px}.select-btn{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.select-btn:hover{background:#2980b9}.upload-btn{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 25px;transition:all .3s ease}.upload-btn:hover{background:#2980b9;transform:translateY(-2px)}.troubleshooting-area{display:none}.step-card{background:#fff;border:2px solid #ecf0f1;border-radius:12px;margin-bottom:20px;padding:25px;transition:all .3s ease}.step-card.active{border-color:#3498db;box-shadow:0 5px 15px rgba(52,152,219,.2)}.step-question{color:#2c3e50;font-size:18px;font-weight:600;line-height:1.5;margin-bottom:20px}.step-content{color:#34495e;font-size:16px;line-height:1.6;margin-bottom:20px}.source-trace{background:#f8f9fa;border-left:4px solid #3498db;border-radius:5px;color:#7f8c8d;font-size:12px;margin:15px 0;padding:10px 15px}.source-trace strong{color:#2c3e50}.options{display:flex;flex-wrap:wrap;gap:15px}.option-btn{background:#34495e;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1;font-size:16px;min-width:120px;padding:12px 24px;transition:all .3s ease}.option-btn:hover{background:#2c3e50;transform:translateY(-2px)}.option-btn.yes{background:#27ae60}.option-btn.yes:hover{background:#219a52}.option-btn.no{background:#e74c3c}.option-btn.no:hover{background:#c0392b}.outcome{background:linear-gradient(45deg,#2ecc71,#27ae60);border-radius:12px;color:#fff;margin-top:20px;padding:30px;text-align:center}.outcome h3{font-size:22px;margin-bottom:15px}.progress-bar{background:#ecf0f1;border-radius:10px;height:8px;margin-bottom:20px;overflow:hidden}.progress-fill{background:linear-gradient(45deg,#3498db,#2980b9);height:100%;transition:width .5s ease}.breadcrumb{background:#f8f9fa;border-radius:8px;color:#7f8c8d;font-size:14px;margin-bottom:20px;padding:15px}.back-btn,.restart-btn{background:#95a5a6;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-right:10px;padding:10px 20px;transition:all .3s ease}.back-btn:hover,.restart-btn:hover{background:#7f8c8d}.images{margin:15px 0}.images img{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);height:auto;margin:5px;max-width:100%}.loading{padding:40px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #ecf0f1;border-radius:50%;border-top-color:#3498db;height:40px;margin:0 auto 20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.verification-panel{background:#f8f9fa;border-left:5px solid #3498db;border-radius:10px;margin-bottom:20px;padding:20px}.adherence-score{color:#2ecc71;font-size:24px;font-weight:700;margin-bottom:15px;text-align:center}.adherence-score.warning{color:#f39c12}.adherence-score.error{color:#e74c3c}@media (max-width:768px){.options{flex-direction:column}.option-btn{min-width:100%}}