:root{--primary: #00ff66;--primary-hover: #00e65c;--bg-dark: #000000;--bg-card: rgba(0, 20, 10, .4);--bg-input: rgba(0, 0, 0, .6);--text-main: #ffffff;--text-muted: #80ffaa;--border-color: #00ff66;--glass-bg: linear-gradient(rgba(0, 255, 100, .05), rgba(0, 255, 100, .02)), repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(0, 255, 100, .03) 3px);--glass-border: rgba(0, 255, 100, .8);--shadow-premium: 0 0 20px rgba(0, 255, 100, .2);--accent-glow: 0 0 12px rgba(0, 255, 100, .4), inset 0 0 8px rgba(0, 255, 100, .1);--glass-blur: blur(8px);--font-family: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0;max-width:100%}html,body{margin:0;padding:0;width:100%;max-width:100vw;overflow-x:hidden;position:relative;color:var(--text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;background:var(--bg-dark)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(#000000bf,#000000bf),url(/bg-main.jpg);background-size:cover;background-position:center;z-index:-1;pointer-events:none}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s ease}a{text-decoration:none;color:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}@media(max-width:480px){.container{padding:0 12px!important}}.auth-page-container{min-height:calc(100vh - 120px);display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{width:100%;max-width:450px;padding:48px;border-radius:24px;background:#0a0a0acc;border:1px solid var(--border-color);box-shadow:0 25px 50px -12px #00000080}@media(max-width:480px){.auth-page-container{padding:20px 12px 12px;align-items:flex-start}.auth-card{padding:24px 16px;border-radius:16px}}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:12px;box-shadow:var(--accent-glow);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn-primary{background:var(--primary);color:#000;padding:12px 24px;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:8px;box-shadow:var(--accent-glow)}.btn-secondary{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text-main);padding:12px 24px;border-radius:8px;border:1.5px solid var(--glass-border);box-shadow:var(--accent-glow)}.input-field{background:#0000004d;border:1.5px solid var(--glass-border);color:var(--text-main);padding:12px 16px;border-radius:8px;width:100%;font-size:16px;line-height:normal}.input-field:focus{outline:none;border-color:var(--primary)}.nav-links{display:flex;gap:32px;align-items:center}@media(max-width:1024px){.nav-links{gap:24px}}@media(max-width:768px){.nav-links{gap:12px}.nav-link-text,.logo-text{display:none}}@media(max-width:480px){.nav-links{gap:6px!important}.logo-icon{width:24px!important;height:24px!important;min-width:24px}.user-info{gap:4px!important;padding:2px 6px!important}.nav-links button{margin-left:2px!important;padding:6px!important}}@media(max-width:360px){.nav-links{gap:4px!important}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;gap:20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:48px}.stat-card{padding:24px;text-align:center}.stat-card .stat-value{font-size:2.5rem;font-weight:800}.stat-card .stat-label{color:var(--text-muted);font-size:.9rem;display:block;margin-bottom:8px}@media(max-width:768px){.dashboard-header{flex-direction:column;text-align:center;gap:16px}.dashboard-header .btn-primary{width:100%;justify-content:center}.stats-grid{grid-template-columns:1fr;gap:16px}.stat-card .stat-value{font-size:2rem}}@media(max-width:480px){.stat-card .stat-value{font-size:1.5rem}.stat-card{padding:12px 10px;min-width:0}.section-title{font-size:1.5rem!important;text-align:center;margin-bottom:.75rem;line-height:1.2}.dashboard-header p{font-size:.85rem}}.details-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;gap:24px}.details-actions{display:flex;gap:12px}@media(max-width:768px){.details-header{flex-direction:column;align-items:stretch;gap:20px;margin-bottom:32px}.details-actions{width:100%;justify-content:space-between}.details-actions button{flex:1;justify-content:center;padding:10px 16px}}.dashboard-search-bar{display:flex;gap:16px;margin-bottom:32px}@media(max-width:480px){.dashboard-search-bar{flex-direction:column}.dashboard-search-bar .btn-secondary{width:100%;justify-content:center}}.qr-grid-layout{display:grid;grid-template-columns:60px 2fr 3fr 100px 140px;align-items:center;gap:16px}@media(max-width:1024px){.qr-grid-layout{grid-template-columns:50px 1fr 1fr 80px 120px;gap:12px}}@media(max-width:768px){.qr-grid-header{display:none}.qr-grid-row{grid-template-columns:44px 1fr 60px!important;grid-template-rows:auto auto auto!important;gap:8px 16px!important;padding:20px 16px!important}.qr-cell-icon{grid-row:1 / span 2}.qr-cell-name{grid-column:2;overflow:hidden;text-overflow:ellipsis}.qr-cell-dest{grid-column:2;word-break:break-all}.qr-cell-scans{grid-column:3;grid-row:1 / span 2;text-align:right}.qr-cell-actions{grid-column:1 / span 3;grid-row:3;display:flex;justify-content:space-between;padding-top:16px;border-top:1px solid rgba(0,255,100,.1)}}@media(max-width:768px){.navbar-login{display:none!important}}.section-title{font-size:2.5rem;font-weight:800;margin-bottom:2rem;background:linear-gradient(135deg,#fff 0%,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.loader{width:48px;height:48px;border:3px solid var(--border-color);border-bottom-color:transparent;border-radius:50%;display:inline-block;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-glow{0%{transform:scale(1);box-shadow:0 0 10px #0f66}50%{transform:scale(1.02);box-shadow:0 0 25px #0f6c}to{transform:scale(1);box-shadow:0 0 10px #0f66}}.btn-primary.pulse{animation:pulse-glow 2s infinite ease-in-out}#root{width:100%}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}