@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg-primary:#0a0e17;--bg-secondary:#111827;--bg-card:#111827b3;--bg-card-hover:#111827e6;--bg-glass:#ffffff08;--border:#ffffff14;--border-hover:#ffffff26;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-cyan:#06b6d4;--accent-cyan-dim:#06b6d426;--accent-teal:#14b8a6;--accent-purple:#a78bfa;--accent-purple-dim:#a78bfa26;--accent-green:#22c55e;--accent-green-dim:#22c55e26;--accent-red:#ef4444;--accent-red-dim:#ef444426;--accent-yellow:#eab308;--accent-yellow-dim:#eab30826;--accent-blue:#3b82f6;--accent-blue-dim:#3b82f626;--accent-orange:#f97316;--gradient-main:linear-gradient(135deg, #06b6d4, #a78bfa);--gradient-card:linear-gradient(145deg, #06b6d40d, #a78bfa0d);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20% 20%,#06b6d40f 0%,#0000 50%),radial-gradient(at 80% 80%,#a78bfa0a 0%,#0000 50%);position:fixed;inset:0}a{color:var(--accent-cyan);text-decoration:none}a:hover{text-decoration:underline}.app-layout{min-height:100vh;display:flex}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);z-index:100;flex-direction:column;width:260px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:24px 20px;display:flex}.sidebar-logo h1{background:var(--gradient-main);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700}.sidebar-logo .logo-icon{border-radius:var(--radius-md);background:var(--gradient-main);justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex}.nav-link{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{background:var(--bg-glass);color:var(--text-primary);text-decoration:none}.nav-link.active{background:var(--accent-cyan-dim);color:var(--accent-cyan)}.nav-link .nav-icon{text-align:center;width:24px;font-size:18px}.sidebar-footer{border-top:1px solid var(--border);padding:16px 12px}.main-content{z-index:1;flex:1;margin-left:260px;padding:28px 32px;position:relative}.page-header{margin-bottom:28px}.page-header h2{letter-spacing:-.5px;font-size:28px;font-weight:700}.page-header p{color:var(--text-secondary);margin-top:4px;font-size:14px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:24px;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--border-hover)}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:28px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.stat-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.stat-card.cyan:before{background:var(--accent-cyan)}.stat-card.purple:before{background:var(--accent-purple)}.stat-card.green:before{background:var(--accent-green)}.stat-card.red:before{background:var(--accent-red)}.stat-card.yellow:before{background:var(--accent-yellow)}.stat-card.blue:before{background:var(--accent-blue)}.stat-card .stat-icon{margin-bottom:12px;font-size:24px}.stat-card .stat-value{letter-spacing:-1px;font-size:32px;font-weight:800;line-height:1}.stat-card .stat-label{color:var(--text-secondary);margin-top:6px;font-size:13px}.status-badge{border-radius:50px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.status-badge.green{background:var(--accent-green-dim);color:var(--accent-green)}.status-badge.red{background:var(--accent-red-dim);color:var(--accent-red)}.status-badge.yellow{background:var(--accent-yellow-dim);color:var(--accent-yellow)}.status-badge.blue{background:var(--accent-blue-dim);color:var(--accent-blue)}.status-badge.purple{background:var(--accent-purple-dim);color:var(--accent-purple)}.status-badge.cyan{background:var(--accent-cyan-dim);color:var(--accent-cyan)}.status-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.status-dot.pulse{animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);padding:12px 16px;font-size:12px;font-weight:600}.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 16px;font-size:14px}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:var(--bg-glass)}.btn{border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-sans);border:none;align-items:center;gap:8px;padding:10px 20px;transition:all .2s;display:inline-flex}.btn-primary{background:var(--gradient-main);color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border-hover)}.btn-danger{background:var(--accent-red-dim);color:var(--accent-red);border:1px solid #ef444433}.btn-danger:hover{background:#ef444440}.btn-success{background:var(--accent-green-dim);color:var(--accent-green);border:1px solid #22c55e33}.btn-sm{padding:6px 12px;font-size:12px}.input,.textarea,.select{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:14px;font-family:var(--font-sans);padding:10px 16px;transition:border-color .2s}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px var(--accent-cyan-dim);outline:none}.textarea{resize:vertical;min-height:200px;font-family:var(--font-mono);font-size:13px;line-height:1.6}.select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.form-group{margin-bottom:20px}.form-label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.log-feed{border:1px solid var(--border);border-radius:var(--radius-lg);max-height:400px;font-family:var(--font-mono);background:#0000004d;padding:16px;font-size:13px;line-height:1.8;overflow-y:auto}.log-entry{border-bottom:1px solid #ffffff08;gap:10px;padding:4px 0;display:flex}.log-entry:last-child{border-bottom:none}.log-time{color:var(--text-muted);white-space:nowrap;min-width:70px;font-size:11px}.log-msg{word-break:break-word;flex:1}.log-msg.info{color:var(--accent-cyan)}.log-msg.success{color:var(--accent-green)}.log-msg.warn{color:var(--accent-yellow)}.log-msg.error{color:var(--accent-red)}.grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.qr-container{flex-direction:column;align-items:center;gap:16px;padding:32px;display:flex}.qr-container img{border-radius:var(--radius-md);border:2px solid var(--border)}.filters-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.filters-bar .input,.filters-bar .select{width:auto;min-width:180px}.pagination{justify-content:center;gap:8px;margin-top:20px;display:flex}.pagination button{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:8px 14px;font-size:13px;transition:all .15s}.pagination button:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.pagination button.active{background:var(--accent-cyan-dim);color:var(--accent-cyan);border-color:var(--accent-cyan)}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px}.empty-state .empty-icon{opacity:.5;margin-bottom:16px;font-size:60px}.empty-state h3{color:var(--text-secondary);margin-bottom:8px;font-size:18px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s ease-out forwards fadeIn}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (max-width:1024px){.sidebar{width:70px}.sidebar .nav-link span,.sidebar-logo h1{display:none}.main-content{margin-left:70px}.grid-2,.grid-3{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}.login-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg-orb{filter:blur(100px);opacity:.25;pointer-events:none;border-radius:50%;animation:12s ease-in-out infinite orbFloat;position:absolute}.login-bg-orb-1{background:var(--accent-cyan);width:500px;height:500px;animation-delay:0s;top:-150px;left:-100px}.login-bg-orb-2{background:var(--accent-purple);width:400px;height:400px;animation-delay:-4s;bottom:-100px;right:-80px}.login-bg-orb-3{background:var(--accent-green);opacity:.12;width:300px;height:300px;animation-delay:-8s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-40px)scale(1.1)}66%{transform:translate(-20px,30px)scale(.95)}}.login-card{z-index:1;-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-xl);background:#111827d9;border:1px solid #ffffff14;width:100%;max-width:420px;margin:0 20px;padding:48px 40px;animation:.6s ease-out forwards loginSlideUp;position:relative;box-shadow:0 25px 60px #00000080,0 0 80px #06b6d414}@keyframes loginSlideUp{0%{opacity:0;transform:translateY(30px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.login-header{text-align:center;margin-bottom:36px}.login-logo{margin-bottom:12px;font-size:48px;animation:3s ease-in-out infinite logoPulse}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.login-title{background:var(--gradient-main);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:26px;font-weight:800}.login-subtitle{color:var(--text-muted);font-size:14px;font-weight:400}.login-form{flex-direction:column;gap:20px;display:flex}.login-field label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.login-input-wrapper{align-items:center;display:flex;position:relative}.login-input-icon{pointer-events:none;z-index:1;font-size:16px;position:absolute;left:14px}.login-input-wrapper input{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:15px;font-family:var(--font-sans);background:#ffffff0a;outline:none;padding:14px 16px 14px 44px;transition:border-color .2s,box-shadow .2s,background .2s}.login-input-wrapper input::placeholder{color:var(--text-muted)}.login-input-wrapper input:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px var(--accent-cyan-dim);background:#ffffff0f}.login-error{background:var(--accent-red-dim);color:var(--accent-red);border-radius:var(--radius-sm);border:1px solid #ef44444d;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;animation:.4s ease-out shakeError;display:flex}@keyframes shakeError{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.login-btn{background:var(--gradient-main);color:#fff;width:100%;font-size:15px;font-weight:700;font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;letter-spacing:.3px;border:none;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:14px;transition:opacity .2s,transform .15s,box-shadow .2s;display:flex}.login-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 8px 24px #06b6d44d}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{text-align:center;border-top:1px solid var(--border);margin-top:28px;padding-top:20px}.login-footer p{color:var(--text-muted);font-size:12px;font-weight:400}.logout-btn{width:100%;color:var(--accent-red);border-radius:var(--radius-sm);font-size:13px;font-weight:600;font-family:var(--font-sans);cursor:pointer;background:#ef444414;border:1px solid #ef444433;margin-bottom:4px;padding:10px 16px;transition:background .2s,border-color .2s,transform .15s}.logout-btn:hover{background:#ef444426;border-color:#ef444466;transform:translateY(-1px)}.logout-btn:active{transform:translateY(0)}@media (max-width:1024px){.logout-btn{padding:10px;font-size:0}.logout-btn:before{content:"🚪";font-size:16px}}