:root{font-family:Outfit,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e2e8f0;background-color:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary: #3b82f6;--primary-hover: #2563eb;--bg-card: #1e293b;--border: #334155;--text-muted: #94a3b8;--success: #10b981;--danger: #ef4444;--warning: #f59e0b}body{margin:0;display:flex;min-width:320px;min-height:100vh}#root{width:100%}.app-container{display:flex;flex-direction:column;min-height:100vh}header{padding:1.5rem 2rem;background:#1e293bcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.logo{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}main{padding:2rem;max-width:1200px;margin:0 auto;width:100%}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:1rem;padding:1.5rem;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000004d}.card-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:#fff}.table-container{background:var(--bg-card);border:1px solid var(--border);border-radius:1rem;overflow:hidden;margin-top:2rem}table{width:100%;border-collapse:collapse;text-align:left}th{background:#1a2333;padding:1rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}td{padding:1rem;border-top:1px solid var(--border)}tr:hover td{background:#243045}.badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-pending{background:#f59e0b1a;color:var(--warning)}.badge-active{background:#10b9811a;color:var(--success)}.badge-expired{background:#ef44441a;color:var(--danger)}.btn{padding:.5rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;border:none;transition:filter .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{filter:brightness(1.1)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-muted)}.btn-outline:hover{border-color:var(--primary);color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:auto;padding:2rem 0}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:1rem;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}