@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--jf-primary:#fff;--jf-secondary:#0cf;--jf-accent:#f33;--jf-success:#0f8;--bg-dark:#0a0a0a;--bg-card:#141414f2;--bg-card-hover:#1e1e1ef2;--text-primary:#fff;--text-secondary:#999;--glass-border:#ffffff1a;--glass-blur:blur(0px)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);flex-direction:column;min-height:100vh;font-family:Outfit,sans-serif;display:flex}a{color:inherit;text-decoration:none}.glass-card{background:var(--bg-card);border:1px solid var(--glass-border);box-shadow:none;border-radius:0;padding:24px;transition:all .2s}.glass-card:hover{background:var(--bg-card-hover);border-color:#fff3}.btn-primary{background:var(--text-primary);color:var(--bg-dark);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:0;padding:12px 24px;font-family:Outfit,sans-serif;font-weight:600;transition:all .2s}.btn-primary:hover{background:var(--jf-secondary);color:var(--bg-dark);transform:translateY(-2px);box-shadow:0 0 15px #00ccff80}.btn-secondary{color:var(--text-primary);border:1px solid var(--glass-border);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:0 0;border-radius:0;padding:12px 24px;font-weight:500;transition:all .2s}.btn-secondary:hover{border-color:var(--text-primary);background:#ffffff1a}.input-field{border:1px solid var(--glass-border);color:#fff;background:#0006;border-radius:0;width:100%;padding:14px 16px;font-family:inherit;font-size:1rem;transition:border-color .2s,background .2s}.input-field:focus{border-color:var(--jf-secondary);background:#0009;outline:none;box-shadow:inset 0 0 5px #0cf3}.form-group{margin-bottom:20px}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.9rem;display:block}.settings-tabs{border-bottom:1px solid var(--glass-border);gap:0;margin-bottom:28px;padding-bottom:0;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:12px 20px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:500;transition:all .2s}.tab-btn:hover{color:var(--text-primary);background:#ffffff0d}.tab-btn.active{color:var(--jf-secondary);border-bottom-color:var(--jf-secondary);background:#00ccff0d;font-weight:600}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:0;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.status-ok{color:var(--jf-success);background:#00ff881a;border:1px solid #00ff884d}.status-err{color:var(--jf-accent);background:#ff33331a;border:1px solid #ff33334d}.library-item{cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:0;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;transition:all .2s;display:flex}.library-item:hover{background:#ffffff14}.library-item:has(input:checked){background:#00ccff1a;border-color:#00ccff4d}.checkbox-wrapper{flex-shrink:0;width:20px;height:20px;position:relative}.checkbox-wrapper input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkmark{border:1px solid var(--glass-border);background-color:#ffffff0d;border-radius:0;width:20px;height:20px;transition:all .2s;position:absolute;top:0;left:0}.library-item:hover .checkmark{background-color:#ffffff1f}.checkbox-wrapper input:checked~.checkmark{background:var(--jf-secondary);border-color:#0000;box-shadow:0 0 10px #0cf6}.checkmark:after{content:"";display:none;position:absolute}.checkbox-wrapper input:checked~.checkmark:after{display:block}.checkbox-wrapper .checkmark:after{border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;top:3px;left:7px;transform:rotate(45deg)}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn-loading{justify-content:center;align-items:center;gap:12px;display:flex;position:relative;overflow:hidden}.btn-loading:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);animation:1.5s infinite loading-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes loading-shimmer{to{transform:translate(100%)}}.loading-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:inherit;z-index:10;opacity:0;pointer-events:none;background:#0003;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.loading-overlay.active{opacity:1;pointer-events:auto}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper .input-field{padding-right:48px}.reveal-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:absolute;right:12px}.reveal-btn:hover{color:var(--text-primary);background:#ffffff1a}.admin-layout{width:100vw;min-height:100vh;display:flex}.admin-sidebar{flex-direction:column;flex-shrink:0;gap:6px;width:240px;height:calc(100vh - 32px);margin:16px;display:flex;position:sticky;top:16px}.admin-content{flex:1;min-width:0;padding:16px 16px 16px 0;overflow-y:auto}.dashboard-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:768px){.admin-layout{flex-direction:column}.admin-sidebar{width:auto;height:auto;margin:16px 16px 0;position:static}.admin-content{padding:16px}.dashboard-grid{grid-template-columns:1fr}.glass-card{padding:16px}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}}