*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f5f5f5}#root{display:flex;flex-direction:column;flex:1;width:100%;background-color:#f5f5f5}.btn{padding:.75rem 1.5rem;border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;text-align:center;justify-content:center}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px)}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover:not(:disabled){background-color:#1e7e34;transform:translateY(-1px)}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#545b62;transform:translateY(-1px)}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background-color:#c82333;transform:translateY(-1px)}.btn-outline{background-color:transparent;border:2px solid #007bff;color:#007bff}.btn-outline:hover:not(:disabled){color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.container-fluid{width:100%;padding:0 1rem}.camera-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000001a;margin:1rem}.error-message{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;padding:1rem;border-radius:.5rem;text-align:center;width:100%;max-width:500px}.success-message{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb;padding:1rem;border-radius:.5rem;text-align:center;width:100%;max-width:500px}.info-message{color:#0c5460;background-color:#d1ecf1;border:1px solid #bee5eb;padding:1rem;border-radius:.5rem;text-align:center;width:100%;max-width:500px}.card{background:#fff;border-radius:.75rem;box-shadow:0 2px 4px #0000001a;padding:1.5rem;margin:1rem 0}.card-header{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#333}.grid{display:grid;gap:1rem}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-responsive{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:2rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:2rem}.w-full{width:100%}.h-full{height:100%}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.rounded{border-radius:.25rem}.rounded-md{border-radius:.5rem}.rounded-lg{border-radius:.75rem}.rounded-xl{border-radius:1rem}.rounded-full{border-radius:9999px}@media(max-width:768px){.container{padding:0 .5rem}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}@media(max-width:480px){body{font-size:14px}.btn{padding:.5rem 1rem;font-size:.9rem}}@media(prefers-color-scheme:dark){body{background-color:#1a1a1a;color:#e5e5e5}.card{background-color:#2d2d2d;color:#e5e5e5}}