*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}body{background-color:#f5f7fa;color:#333;line-height:1.6}.navbar{background-color:#2c3e50;box-shadow:0 2px 10px #0000001a;color:#fff;padding:1rem 2rem}.navbar-content{align-items:center;display:flex;justify-content:space-between}.main-content,.navbar-content{margin:0 auto;max-width:1200px}.main-content{padding:2rem;width:100%}.logo{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}.nav-links{align-items:center;display:flex;gap:1.5rem}.nav-link{color:#fff;font-weight:500;text-decoration:none;transition:opacity .2s}.nav-link:hover{opacity:.8}.logout-button{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:0}.logout-button:hover{opacity:.8}.scanner-container{align-items:center;display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:800px;width:100%}.qr-scanner-wrapper{border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:500px;overflow:hidden;transition:all .3s ease;width:100%}.qr-scanner-wrapper.scan-success{animation:pulse 1.5s infinite;box-shadow:0 0 15px #2ecc71cc}@keyframes pulse{0%{box-shadow:0 0 0 0 #2ecc71b3}70%{box-shadow:0 0 0 10px #2ecc7100}to{box-shadow:0 0 0 0 #2ecc7100}}.scan-hint{color:#666;font-size:1.1rem;margin-top:1rem;text-align:center}.scan-result-box{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:1.5rem;text-align:center;width:100%}.qr-link,.qr-text{display:inline-block;margin-top:1rem;word-break:break-all}.qr-link{color:#3498db;text-decoration:none}.qr-link:hover{text-decoration:underline}.history-container{margin:0 auto;max-width:800px;width:100%}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.back-button,.scan-button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s}.back-button:hover,.scan-button:hover{background-color:#2980b9}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d;display:flex;justify-content:space-between;padding:1.2rem}.scan-date{color:#777;font-size:.9rem;margin-left:1rem;white-space:nowrap}.empty-history{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d;padding:2rem;text-align:center}.auth-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 60px);padding:2rem}.auth-box{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;max-width:400px;padding:2.5rem;width:100%}.auth-box h2{color:#2c3e50;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1.2rem}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:.5rem}.form-group input{border:1px solid #ddd;border-radius:4px}.auth-submit,.form-group input{font-size:1rem;padding:.8rem;width:100%}.auth-submit{background-color:#2c3e50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;margin-top:.5rem;transition:background-color .2s}.auth-submit:hover{background-color:#1a252f}.auth-submit:disabled{background-color:#95a5a6;cursor:not-allowed}.auth-footer{color:#666;font-size:.9rem;margin-top:1.5rem;text-align:center}.auth-link{color:#3498db;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-error,.auth-success{border-radius:4px;margin-bottom:1.5rem;padding:.8rem;text-align:center}.auth-error{background-color:#ffebee;color:#c62828}.auth-success{background-color:#e8f5e9;color:#2e7d32}.message-container{align-items:center;display:flex;justify-content:center;min-height:50vh}.error-box,.loading-box,.message-box{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:500px;padding:2rem;text-align:center;width:100%}.error-box{border-left:4px solid #e74c3c}.loading-box{align-items:center;display:flex;flex-direction:column;gap:1rem}.spinner{animation:spin 1s ease-in-out infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.navbar-content{flex-direction:column;gap:1rem}.nav-links{justify-content:center;width:100%}.history-item{align-items:flex-start;flex-direction:column;gap:.5rem}.scan-date{align-self:flex-end;margin-left:0}.auth-box{padding:1.5rem}}.footer{background-color:#f8f9fa;border-top:1px solid #e9ecef;margin-top:auto;padding:1rem;text-align:center}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1}video{background:#000;display:block;height:auto;margin:0 auto;max-width:500px;width:100%}.scan-success{box-shadow:0 0 20px #4caf5080}