*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color: #646cff;--secondary-color: orange;--dark-bg: #242424;--light-bg: #ffffff;--nav-bg: #1e293b;--button-bg: #1a1a1a;--hover-bg: #475569}body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:var(--dark-bg);min-height:100vh;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:2.5rem;margin-bottom:1rem}h2{margin-bottom:16px;padding:5px}header{background-color:var(--nav-bg);padding:1rem;position:sticky;top:0;width:100%;z-index:1000;margin-bottom:20px}.navbar{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:1rem;max-width:1200px;margin:0 auto}nav a{color:#fff;text-decoration:none;font-weight:700;padding:.5rem 1rem;border-radius:5px;transition:background-color .3s ease;white-space:nowrap}nav a:hover{background-color:var(--hover-bg);color:#fff}.active{color:var(--secondary-color)}#login-button{margin-left:auto}#logout-button{margin-left:1rem}#logged-in-user{margin-left:auto;color:var(--secondary-color);font-weight:500;white-space:nowrap}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:grid;place-items:center;z-index:1001}.dialog{background:var(--button-bg);padding:2rem;border-radius:8px;box-shadow:0 4px 20px #0003;width:90%;max-width:400px}.dialog h2{margin-bottom:1.5rem;text-align:center}.dialog form{display:flex;flex-direction:column;gap:1.5rem}.dialog label{display:flex;flex-direction:column;gap:.5rem}.dialog input{width:100%;padding:.75rem;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:#ffffff0d;color:#fff;font-size:1em}.dialog .button-group{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.dialog button{min-width:100px}.support-container{max-width:600px;margin:2rem auto;padding:2rem;background:#ffffff0d;border-radius:8px}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:#ffffff0d;color:#fff;font-size:large}.form-group textarea{min-height:120px;resize:vertical;font-size:large}.form-group select{width:100%;padding:.75rem;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:#ffffff0d;color:#fff;font-size:1em}.form-group select option{background-color:#1a1a1a;color:#fff}button{color:#fff;border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-bg);cursor:pointer;transition:border-color .25s,background-color .25s}button:hover{border-color:var(--primary-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.submission-message{text-align:center;padding:2rem;background:#ffffff0d;border-radius:8px}.submission-details{text-align:left;margin:1.5rem 0;padding:1rem;background:#0003;border-radius:4px}.backoffice-container{max-width:1200px;margin:2rem auto;padding:0 2rem}.backoffice-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.user-info{display:flex;align-items:center;gap:1rem;margin:1rem 0}.issues-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;list-style:none;padding:0}.issue-card{background:#ffffff0d;border-radius:8px;padding:1.5rem;transition:transform .2s ease}.issue-card:hover{transform:translateY(-2px)}.issue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.issue-id{color:var(--secondary-color);font-size:.9rem}.issue-email{color:#646cff;margin-bottom:.5rem}.issue-company{color:#fff9;font-size:.9rem;margin-bottom:1rem}.issue-subject{font-weight:700;margin-bottom:1rem}.issue-message{background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:.75rem;width:100%;resize:none;color:#fffc}@media (max-width: 768px){.navbar{justify-content:center;gap:.5rem}nav a{font-size:.9rem}#login-button,#logout-button,#logged-in-user{margin:.5rem 0}}@media (max-width: 480px){header{padding:.5rem}.navbar{flex-direction:column;align-items:stretch}nav a{text-align:center}#login-button,#logout-button{width:100%;margin:.25rem 0}#logged-in-user{text-align:center;margin:.25rem 0}.dialog{padding:1.5rem;width:95%}.dialog .button-group{flex-direction:column}.dialog button{width:100%}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.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}