@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:320px;min-height:100vh;margin:0;padding:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}#root{width:100%;min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000001a}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn-secondary{color:#667eea;cursor:pointer;background:#fff;border:2px solid #667eea;border-radius:12px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s}.btn-secondary:hover{color:#fff;background:#667eea;transform:translateY(-2px)}.btn-danger{color:#fff;cursor:pointer;background:#ff4757;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .3s}.btn-danger:hover{background:#ff3838;transform:translateY(-1px)}.input-field{border:2px solid #e0e0e0;border-radius:12px;outline:none;width:100%;padding:.875rem 1rem;font-size:.95rem;transition:all .3s}.input-field:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:24px;width:90%;max-width:500px;max-height:90vh;padding:2.5rem;animation:.3s slideUp;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.table-container{background:#fff;border-radius:16px;overflow-x:auto}table{border-collapse:separate;border-spacing:0;width:100%}thead{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}thead th{text-align:left;padding:1rem;font-size:.9rem;font-weight:600}thead th:first-child{border-top-left-radius:12px}thead th:last-child{border-top-right-radius:12px}tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s}tbody tr:hover{background:#f8f9ff}tbody td{color:#333;padding:1rem;font-size:.9rem}.qr-image{object-fit:cover;cursor:pointer;border-radius:8px;width:60px;height:60px;transition:transform .2s}.qr-image:hover{transform:scale(1.1)}