@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@400;500;600&display=swap');*{margin:0;padding:0;box-sizing:border-box;transition:all var(--transition)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;flex-direction:column;min-height:100dvh;line-height:1.6;font-feature-settings:"liga","kern";letter-spacing:-0.01em;font-family:'Inter',system-ui,sans-serif;color:var(--text);background-color:var(--bg)}h1,h2,h3,.navbar,.menu h2,button,.dialog-title{font-family:'Poppins',sans-serif;line-height:1.25;font-weight:600}:root{--primary:#5046e5;--primary-hover:#4338ca;--primary-light:#818cf8;--primary-subtle:rgba(80,70,229,0.08);--primary-background:linear-gradient(to right,var(--primary),var(--primary-hover));--secondary:#16a34a;--secondary-hover:#15803d;--secondary-light:#86efac;--secondary-background:linear-gradient(to right,var(--secondary),var(--secondary-hover));--danger:#dd3f35;--danger-lighter:#e96454;--danger-subtle:#ffe1db;--warning:#e49e45;--info:#4338ca;--disabled:#9ca3af;--text:#1f2937;--text-light:#6b7280;--text-lighter:#9ca3af;--bg:#f9fafb;--card-bg:#ffffff;--border:#e5e7eb;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-sm:0 5px 5px rgba(0,0,0,0.05);--shadow-md:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-lg:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--text-size-xl:1.5rem;--text-size-lg:1.25rem;--text-size-md:1rem;--text-size-sm:0.75rem;--text-size-xs:0.5rem;--border-radius:0.75rem;--button-radius:0.5rem;--toast-radius:0.25rem}html.dark{--primary:#8b93ff;--primary-hover:#6c72cb;--primary-light:#a5adff;--primary-subtle:rgba(139,147,255,0.12);--primary-background:linear-gradient(to right,var(--primary),var(--primary-hover));--secondary:#4ade80;--secondary-hover:#22c55e;--secondary-light:#bbf7d0;--secondary-background:linear-gradient(to right,var(--secondary),var(--secondary-hover));--danger:#dd3f35;--danger-lighter:#e96454;--danger-subtle:#481d17;--warning:#fbbf24;--info:#6c72cb;--disabled:#6b7280;--bg:#111827;--card-bg:#282f3c;--border:#374151;--text:#f3f4f6;--text-light:#d1d5db;--text-lighter:#9ca3af;--shadow-sm:0 1px 2px rgba(255,255,255,0.05);--shadow:0 4px 6px -1px rgba(255,255,255,0.1),0 2px 4px -1px rgba(255,255,255,0.06);--shadow-md:0 10px 15px -3px rgba(255,255,255,0.1),0 4px 6px -2px rgba(255,255,255,0.05);--shadow-lg:0 20px 25px -5px rgba(255,255,255,0.1),0 10px 10px -5px rgba(255,255,255,0.04)}.text-muted{color:var(--text-light)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}main{display:flex;flex-direction:column;flex-grow:1;height:0}a{color:var(--primary)}a:hover{color:var(--primary-hover)}a.danger{color:var(--danger)}a.danger:hover{color:var(--danger-lighter)}.centered{margin:0 auto}p{margin-bottom:1em;line-height:1.7}p.centered{text-align:center}.hidden{display:none}.spread{display:flex;justify-content:space-between}.toast-container{position:fixed;z-index:9999;top:5em;right:var(--space-sm);transition:all 0.3s ease}.toast{display:flex;align-items:flex-start;gap:var(--space-xs,0.5rem);font-size:var(--text-size-sm);color:white;margin-bottom:var(--space-md);padding:var(--space-sm);border-radius:var(--toast-radius);min-width:15em;max-width:30em;opacity:0;transform:translateX(100%);transition:all 0.3s ease}.toast.show{opacity:1;transform:translateX(0)}.toast.error{background-color:var(--danger)}.toast.success{background-color:var(--secondary)}.toast.info{background-color:var(--info)}.toast.warning{background-color:var(--warning)}.toast-content{flex:1;line-height:1.4}.toast-close{background:none!important;padding:0;margin:0;width:1em;height:1em;line-height:1}.toast-close:hover{opacity:1;background-color:rgba(255,255,255,0.1)}.toast-close:focus{outline:2px solid rgba(255,255,255,0.5);outline-offset:1px}.toast-close:active{background-color:rgba(255,255,255,0.2)}.toast.persistent{border-left:4px solid rgba(255,255,255,0.3);box-shadow:0 4px 12px rgba(0,0,0,0.15)}@media screen and (max-width:60rem){.toast-container{right:50%;transform:translate(50%);text-align:center}}label{display:block;color:var(--text);font-size:var(--text-size-md);font-weight:500}input,textarea,select{width:100%;padding:var(--space-md);border:1px solid var(--border);border-radius:var(--button-radius);background-color:var(--bg);color:var(--text)}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(80,70,229,0.1);outline:none}button,form a.button{display:block;width:100%;padding:var(--space-md);background:var(--primary-background);color:white;border:none;border-radius:var(--button-radius);font-size:var(--text-size-md);font-weight:500;cursor:pointer;white-space:nowrap}button.danger,form a.button.danger{background:var(--danger);text-align:center}button.badge{width:auto;aspect-ratio:1 / 1;padding:var(--space-md);background-color:var(--primary);color:white;border-radius:var(--button-radius);text-align:center}a.button.disabled,button:disabled{background:var(--disabled);cursor:not-allowed}a.button:not(.disabled):hover,button:not(:disabled):hover{transform:translateY(-2px);background:var(--primary-hover);box-shadow:var(--shadow)}button.danger:not(.disabled):hover,form a.button.danger:not(.disabled):hover{background:var(--danger-lighter);color:white}.switcher{display:flex;flex-direction:row}.switcher:not(.compact) a.button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.switcher:not(.compact) a.button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.switcher:not(.compact) a.button:nth-child(2){border-radius:0}.switcher:not(.compact) a.button.selected{color:gold}.switcher.compact .button:not(.selected){display:none}a.button{display:flex;align-items:center;gap:0.5em;text-decoration:none;white-space:nowrap;cursor:pointer}form p{margin-bottom:var(--space-lg)}form .errorlist{background-color:var(--bg);border:1px solid var(--danger-lighter);border-radius:4px;color:var(--danger);font-size:var(--text-size-sm);font-weight:600;padding:1em;margin-bottom:1em}form .errorlist li{list-style-type:none}form .helptext,form p.help-text{font-size:var(--text-size-sm);color:var(--text-lighter)}form p.help-text{margin-top:var(--space-sm);text-align:center}form .form-group{margin:1em}form .form-two-columns{display:grid;grid-template-columns:1fr 1fr}form label.horizontal{display:grid;grid-template-columns:auto 1fr;gap:0.6em;align-items:center;cursor:pointer}form label.horizontal p{margin:0;display:inline;font-size:0.95rem}form .password-visibility-wrapper{display:grid;grid-template-areas:"single";grid-template-columns:1fr;grid-template-rows:1fr}form .password-visibility-wrapper input{grid-area:single}form .password-visibility-wrapper i{grid-area:single;align-self:center;justify-self:end;margin-right:var(--space-sm);color:var(--text-light)}form footer{display:flex;gap:var(--space-md)}form footer.right{width:fit-content;margin-left:auto;flex-wrap:wrap;max-width:100%;overflow-x:auto;justify-content:end}form footer.right button,form footer.right a.button{width:auto}@media (max-width:768px){form .form-two-columns{display:grid;grid-template-columns:1fr}}.navbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);color:white;background:var(--primary-background)}.navbar nav{display:flex;gap:var(--space-sm)}.navbar a{color:white}.navbar button,.navbar a.button{background:rgba(255,255,255,0.1);padding:var(--space-sm);border-radius:var(--button-radius)}.centernav{flex-grow:1}.rightnav{display:flex;gap:0.5em}.brand>a{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none}.brand i{font-size:1.2rem}.brand h1{font-size:var(--text-size-lg);font-weight:600;position:relative;top:2px}.card{border-radius:var(--border-radius);box-shadow:var(--shadow-lg);background-color:var(--card-bg)}.card-header{padding:var(--space-lg);border-radius:var(--border-radius) var(--border-radius) 0 0;background:var(--primary-background);color:white;text-align:center}.card-header p{font-size:var(--text-size-sm)}.card-body{margin-top:var(--space-lg);padding:var(--space-lg)}.card-footer{text-align:center;font-size:var(--text-size-md);margin:var(--space-md) auto}.card.small{width:30em;max-width:90%}.card.large{width:60em;max-width:90%}.card-holder{display:flex;flex-grow:1;align-items:center;margin:1em}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-6px)}}@keyframes pulsate{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:0.7}100%{transform:scale(1);opacity:1}}.tabs-nav{display:flex;gap:var(--space-md);border-bottom:1px solid var(--border);margin-bottom:var(--space-lg)}.tab-link{padding:var(--space-sm) 0;margin-bottom:-1px;text-decoration:none;font-weight:500;color:var(--text-light);border-bottom:2px solid transparent}.tab-link:hover{color:var(--text)}.tab-link.is-active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}