body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{min-height:100vh}.navbar{background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 2px 10px #0000001a;color:#fff;padding:1rem 0}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.nav-title{font-size:1.8rem;font-weight:600}.nav-links{align-items:center;display:flex;gap:2rem}.nav-link{border-radius:8px;color:#fff;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease}.nav-link:hover{background-color:#fff3}.logout-btn{background-color:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.logout-btn:hover:not(:disabled){background-color:#c82333;transform:translateY(-1px)}.logout-btn:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.7}.logout-message{animation:slideDown .3s ease-out;font-weight:500;margin:0;padding:1rem 2rem;text-align:center}.logout-message.success{background-color:#d4edda;border-bottom:3px solid #28a745;color:#155724}.logout-message.error{background-color:#f8d7da;border-bottom:3px solid #dc3545;color:#721c24}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.main-content{margin:2rem auto;max-width:1200px;padding:0 2rem}.card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin-bottom:2rem;padding:2rem}.card-title{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.qr-container{text-align:center}.qr-image{border:2px solid #e0e0e0;border-radius:8px;height:auto;margin:1rem 0;max-width:300px;width:100%}.qr-status{border-radius:20px;display:inline-block;font-weight:500;margin:1rem 0;padding:.5rem 1rem}.qr-status.active{background-color:#e8f5e8;color:#2e7d32}.qr-status.scanned{background-color:#fff3e0;color:#f57c00}.qr-status.expired{background-color:#ffebee;color:#d32f2f}.btn{background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin:.5rem;padding:.75rem 1.5rem;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{box-shadow:0 4px 15px #25d3664d;transform:translateY(-2px)}.btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.form-group{margin-bottom:1.5rem}.form-label{color:#333;display:block;font-weight:500;margin-bottom:.5rem}.form-input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-input:focus{border-color:#25d366;outline:none}.form-textarea{min-height:100px;resize:vertical}.message-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:1rem;padding:1rem;transition:box-shadow .3s ease}.message-item:hover{box-shadow:0 2px 10px #0000001a}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.message-direction{border-radius:12px;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.message-direction.incoming{background-color:#e3f2fd;color:#1976d2}.message-direction.outgoing{background-color:#e8f5e8;color:#2e7d32}.message-content{background-color:#f9f9f9;border-radius:8px;font-family:monospace;margin:.5rem 0;padding:.75rem}.message-meta{color:#666;display:flex;font-size:.8rem;justify-content:space-between}.pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin:2rem 0}.pagination-info{color:#666;font-size:.9rem}.loading{color:#666;padding:2rem;text-align:center}.loading:after{animation:spin 1s linear infinite;border:2px solid #25d366;border-radius:50%;border-top-color:#0000;content:"";display:inline-block;height:20px;margin-left:.5rem;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.error{background-color:#ffebee;border-left:4px solid #d32f2f;color:#d32f2f}.error,.success{border-radius:8px;margin:1rem 0;padding:1rem}.success{background-color:#e8f5e8;border-left:4px solid #2e7d32;color:#2e7d32}@media (max-width:768px){.nav-container{flex-direction:column;gap:1rem}.nav-links{gap:1rem}.main-content{padding:0 1rem}.card{padding:1rem}.message-header{align-items:flex-start;flex-direction:column;gap:.5rem}}
/*# sourceMappingURL=main.9dc9835f.css.map*/