body{background-color:#7860ef;background-color:#8576d8;color:#4c85e8;font-family:Arial,sans-serif;font-family:Inter,sans-serif;margin:0;padding:20px;text-align:center}.hidden{display:none}button{cursor:pointer;font-size:16px;margin:10px;padding:10px 20px}canvas,video{border-radius:10px;margin-top:10px}.reset-btn{background:#f5f5f5;border-color:#999}.fraud-alert-banner{align-items:center;display:flex;justify-content:space-between}.close-banner-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;width:30px}.close-banner-btn:hover{background:#ffffff4d}@media (max-width:768px){.demo-controls{flex-direction:column;width:100%}.demo-btn{justify-content:center;width:100%}}.webcam-container{align-items:center;display:flex;flex-direction:column;gap:20px;padding:20px}.webcam-wrapper{border-radius:12px;box-shadow:0 10px 30px #0003;height:480px;overflow:hidden;position:relative;width:640px}.blur-canvas,.webcam-feed{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.demo-controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:15px}.demo-btn{align-items:center;background:#f0f0f0;border:2px solid #ddd;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 15px;transition:all .3s}.demo-btn:hover{background:#e0e0e0;transform:translateY(-2px)}.demo-btn.active{background:#ffebee;border-color:#f44336;color:#d32f2f}.fraud-alert-banner{animation:shake .5s;background:linear-gradient(135deg,#ff5252,#ff1744);border-radius:10px;box-shadow:0 4px 15px #f443364d;color:#fff;font-weight:700;margin:15px 0;max-width:640px;padding:15px 20px;text-align:center;width:100%}.tech-info{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:20px;color:#666;font-size:12px;margin-top:10px;padding:8px 15px;text-align:center}.stats{background:#e3e0e9;border-radius:10px;box-shadow:0 4px 15px #0000001a;display:flex;gap:30px;padding:15px 25px}.stat{align-items:center;display:flex;flex-direction:column;gap:5px;min-width:100px}.stat-label{color:#666;font-size:12px;font-weight:500}.stat-value{color:#333;font-size:20px;font-weight:700}.stat-value.alert{animation:pulse 1.5s infinite;color:#ea4335}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.model-loading{background:#000c;border-radius:10px;color:#fff;left:50%;padding:20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.model-loading .spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#4285f4;height:40px;margin:0 auto 10px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.recent-detections{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;margin-top:20px;max-width:640px;padding:15px;width:100%}.recent-detections h4{color:#333;font-size:14px;margin:0 0 10px;text-align:center}.detection-item{border-bottom:1px solid #eee;display:flex;font-size:12px;justify-content:space-between;padding:8px 0}.detection-item:last-child{border-bottom:none}.detection-item.fraud{background:#ffebee;border-radius:5px;color:#c62828;padding:8px}.detection-item.valid{background:#e8f5e9;border-radius:5px;color:#2e7d32;padding:8px}@media (max-width:768px){.webcam-wrapper{height:400px;width:100%}.stats{flex-direction:column;gap:15px}.demo-controls{flex-direction:column;width:100%}.demo-btn{justify-content:center;width:100%}.fraud-alert-banner{font-size:14px;padding:10px}}.blur-toggle{align-items:center;background:#4285f4;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:15px;padding:12px 24px;transition:all .3s ease}.blur-toggle:hover{background:#3367d6;transform:translateY(-2px)}.blur-toggle.active{background:#0f9d58}.controls{align-items:center;display:flex;flex-direction:column;gap:15px;width:100%}.dashboard{background:#ab8bd4;margin:0 auto;max-width:1200px;min-height:100vh;padding:30px}.dashboard-title{color:#202124;font-size:32px;margin-bottom:30px;text-align:center}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.stat-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;gap:20px;padding:25px;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-card.green{border-left:6px solid #0f9d58}.stat-card.blue{border-left:6px solid #4285f4}.stat-card.red{border-left:6px solid #ea4335}.stat-card.purple{border-left:6px solid #9c27b0}.stat-icon{font-size:40px}.stat-content h3{color:#5f6368;font-size:14px;font-weight:500;margin:0 0 8px}.stat-number{color:#202124;font-size:32px;font-weight:700;margin:0}.explanation-panel{background:#fff;border-left:6px solid #fbbc04;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:40px;padding:25px}.explanation-panel h3{align-items:center;color:#202124;display:flex;gap:10px;margin:0 0 20px}.explanation-content{background:#f8f9fa;border-radius:12px;color:#333;line-height:1.6;margin-bottom:20px;min-height:100px;padding:20px}.explanation-content .loading{align-items:center;color:#666;display:flex;font-style:italic;gap:10px}.close-btn{background:#4285f4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background .3s ease}.close-btn:hover{background:#3367d6}.logs-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:30px}.logs-section h2{color:#202124;font-size:24px;margin:0 0 25px}.logs-table{border:1px solid #e0e0e0;border-radius:12px;overflow:hidden}.table-header{background:#4285f4;color:#fff;display:grid;font-weight:600;grid-template-columns:1fr 1fr 1fr 1fr;padding:18px 25px}.table-body{max-height:400px;overflow-y:auto}.table-row{align-items:center;border-bottom:1px solid #e0e0e0;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding:18px 25px}.table-row:last-child{border-bottom:none}.table-row:hover{background:#f8f9fa}.table-row.fraud-row{background:#ffebee}.confidence-badge{border-radius:20px;font-size:14px;font-weight:600;padding:6px 12px}.confidence-badge.high{background:#c8e6c9;color:#2e7d32}.confidence-badge.medium{background:#fff3cd;color:#856404}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px}.status-badge.present{background:#d4edda;color:#155724}.status-badge.fraud{background:#f8d7da;color:#721c24}.explain-btn{align-items:center;background:#fbbc04;border:none;border-radius:20px;color:#202124;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s ease}.explain-btn:hover{background:#f9ab00;transform:translateY(-2px)}@media (max-width:768px){.dashboard{padding:15px}.table-header,.table-row{gap:10px;grid-template-columns:1fr 1fr}.table-header div:nth-child(3),.table-header div:nth-child(4),.table-row div:nth-child(3),.table-row div:nth-child(4){text-align:right}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#9984a0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{display:flex;flex-direction:column;min-height:100vh}.App-header{background:linear-gradient(135deg,#9855da,#cbd7d2);color:#fff;padding:30px 20px;text-align:center}.app-title{align-items:center;display:flex;font-size:2.5rem;gap:15px;justify-content:center;margin-bottom:10px}.app-icon{font-size:2.8rem}.app-subtitle{font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px;opacity:.9}.app-nav{align-items:center;background:#fff;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-btn{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:16px;font-weight:500;padding:15px 25px;transition:all .3s ease}.nav-btn:hover{background:#f8f9fa;color:#4285f4}.nav-btn.active{background:#f0f7ff;border-bottom-color:#4285f4;color:#4285f4}.nav-stats{display:flex;gap:20px}.nav-stat{align-items:center;background:#f8f9fa;border-radius:20px;color:#666;display:flex;font-size:14px;gap:8px;padding:8px 15px}.app-main{flex:1 1;margin:0 auto;max-width:1400px;padding:30px 20px;width:100%}.camera-section{background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000014;padding:30px}.section-header{margin-bottom:30px;text-align:center}.section-header h2{color:#202124;font-size:28px;margin-bottom:10px}.section-description{color:#5f6368;font-size:16px;line-height:1.6;margin:0 auto;max-width:800px}.app-footer{background:#202124;color:#fff;margin-top:auto;padding:40px 20px}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;margin:0 auto;max-width:1200px}.tech-stack h4{color:#9aa0a6;font-size:14px;letter-spacing:1px;margin-bottom:15px;text-transform:uppercase}.tech-icons{display:flex;flex-wrap:wrap;gap:15px}.tech-icon{align-items:center;background:#ffffff1a;border-radius:20px;display:flex;font-size:14px;gap:8px;padding:10px 20px}.hackathon-info p{color:#9aa0a6;margin:5px 0}.hackathon-info strong{color:#8ab4f8}.timestamp{color:#5f6368;font-size:12px}@media (max-width:768px){.app-title{font-size:1.8rem}.app-nav,.app-title{flex-direction:column;gap:10px}.app-nav{padding:15px}.nav-stats{flex-wrap:wrap;justify-content:center}.footer-content{flex-direction:column;gap:20px;text-align:center}.tech-icons{justify-content:center}.camera-section{padding:20px}}@media (max-width:480px){.app-main{padding:15px}.section-header h2{font-size:22px}}
/*# sourceMappingURL=main.1bec0c34.css.map*/