@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Roboto+Slab:wght@300;400;500;600;700&display=swap";@import"https://cdn.jsdelivr.net/npm/@mdi/font@6.x/css/materialdesignicons.min.css";:root{--bg-color:#1a1a1a;--bg-dark:#121212;--bg-medium:#2e2e2e;--bg-light:#3d3d3d;--text-color:#e0e0e0;--text-light:#bdbdbd;--accent-color:#2962ff;--success-color:#4caf50;--warning-color:#ff9800;--error-color:#f44336;--font-sans:"Poppins",sans-serif;--font-display:"Roboto Slab",serif}body,html{background-color:var(--bg-color);box-sizing:border-box;font-family:var(--font-sans)}body,h1,h2,h3,h4,h5,h6,html{color:var(--text-color);margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}p{color:var(--text-light);margin:.5rem 0}a{text-decoration:none;transition:color .2s ease-in-out}a,a:hover{color:var(--accent-color)}a:hover{text-decoration:underline}button{border:none;cursor:pointer;font-family:var(--font-sans);outline:none;transition:all .2s ease-in-out}button:hover{transform:scale(1.05)}input,select,textarea{background-color:var(--bg-medium);border:1px solid var(--bg-light);border-radius:4px;color:var(--text-color);font-family:var(--font-sans);outline:none;padding:.5rem}input:focus,select:focus,textarea:focus{border-color:var(--accent-color)}.module{background-color:var(--bg-dark);border-radius:8px;box-shadow:0 4px 8px #0003;padding:1.5rem}.badge{border-radius:9999px;display:inline-block;font-size:.8rem;font-weight:600;padding:.2rem .5rem}.badge-success{background-color:var(--success-color);color:#fff}.badge-warning{background-color:var(--warning-color);color:#fff}.badge-error{background-color:var(--error-color);color:#fff}.grid-container{display:grid;gap:1.5rem}.navigation-drawer{background-color:var(--bg-dark);color:var(--text-light)}.navigation-drawer button{color:var(--text-light);transition:background-color 1s}.navigation-drawer button:hover{background-color:var(--bg-light)}.header{align-items:center;background-color:var(--bg-dark);box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:1rem}.header button{background-color:var(--accent-color);border-radius:4px;color:#fff;padding:.5rem 1rem}.header button:hover{background-color:darken(var(--accent-color),10%)}@media (max-width:768px){.grid-container{grid-template-columns:1fr}.header{align-items:flex-start;flex-direction:column}}