:root{--font-mono:"Roboto Mono", monospace}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;background:#000;font-size:18px;line-height:32px}html,body,#app{height:100%}body{color:#fff;margin:0;font-family:system-ui;font-size:18px;line-height:32px}@media (max-width:1024px){body{font-size:15px;line-height:24px}}img{max-width:100%;height:auto;display:block}h1{margin:40px 0;font-size:64px;font-weight:700;line-height:70px}@media (max-width:1024px){h1{margin:24px 0;font-size:42px;line-height:42px}}@media (max-width:768px){h1{font-size:38px;line-height:38px}}@media (max-width:400px){h1{font-size:32px;line-height:32px}}p{margin:24px 0}@media (max-width:1024px){p{margin:calc(var(--base) * .75) 0}}a{color:currentColor}a:focus{opacity:.8;outline:none}a:active{opacity:.7;outline:none}svg{vertical-align:middle}.home{flex-direction:column;justify-content:space-between;align-items:center;max-width:1024px;height:100vh;margin:0 auto;padding:45px;display:flex;overflow:hidden}@media (max-width:400px){.home{padding:24px}}.home .content{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;display:flex}.home .content h1{text-align:center}.home .links{align-items:center;gap:12px;display:flex}.home .links a{border-radius:4px;padding:.25rem .5rem;text-decoration:none}.home .links .admin{color:#000;background:#fff;border:1px solid #000}.home .links .docs{color:#fff;background:#000;border:1px solid #fff}.home .footer{align-items:center;gap:8px;display:flex}@media (max-width:1024px){.home .footer{flex-direction:column;gap:6px}}.home .footer p{margin:0}.home .footer .codeLink{background:#3c3c3c;border-radius:4px;padding:0 .5rem;text-decoration:none}.admin-welcome{background:linear-gradient(135deg,#121212 0%,#1e1e1e 100%);flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:2rem;display:flex}.welcome-header{text-align:center;margin-bottom:4rem;animation:.8s ease-in-out fadeIn}.welcome-header h1{background:linear-gradient(90deg,#f8f8f8,#ddd);-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3.5rem;font-weight:700}.user-greeting{opacity:.8;margin-top:0;font-size:1.2rem}.stats-overview{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.stat-card{text-align:center;background:#ffffff1a;border-radius:10px;padding:1.5rem;transition:transform .2s,background .2s}.stat-card:hover{background:#ffffff26;transform:translateY(-5px)}.stat-card h3{color:#f8f8f8;margin-top:0;font-size:1.5rem}.stat-label{opacity:.8;margin-bottom:0;font-size:1.1rem}.quick-actions{margin-bottom:3rem}.quick-actions h2{color:#f8f8f8;margin-bottom:1.5rem}.action-buttons{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.action-button{color:#fff;text-align:center;background:linear-gradient(45deg,#2a2a2a,#3a3a3a);border:1px solid #ffffff1a;border-radius:8px;padding:1rem 1.5rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.action-button:hover{background:linear-gradient(45deg,#3a3a3a,#4a4a4a);transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.help-resources{text-align:center;background:#ffffff0d;border-radius:10px;padding:2rem}.help-resources h2{color:#f8f8f8;margin-top:0}.help-resources p{opacity:.8;max-width:600px;margin:0 auto}.admin-access{animation:.6s ease-out .3s both slideUp}.admin-button{color:#fff;letter-spacing:.5px;background:linear-gradient(90deg,#4a4a4a,#2a2a2a);border:1px solid #ffffff1a;border-radius:50px;padding:1rem 2.5rem;font-size:1.2rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block;position:relative;overflow:hidden;box-shadow:0 8px 25px #0003}.admin-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.admin-button:hover{background:linear-gradient(90deg,#5a5a5a,#3a3a3a);transform:translateY(-3px);box-shadow:0 12px 30px #0000004d}.admin-button:hover:before{left:100%}.admin-button:active{transform:translateY(0);box-shadow:0 5px 15px #0003}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.admin-welcome{padding:1.5rem}.stats-overview{gap:1rem}.action-buttons{grid-template-columns:1fr}.welcome-header h1{font-size:2.5rem}.admin-button{padding:.8rem 2rem;font-size:1rem}}@media (max-width:480px){.welcome-header h1{font-size:2rem}}