.header.svelte-mhx3s5{background-color:#2c3e50;color:#fff;padding:15px 30px;display:flex;justify-content:space-between;align-items:center}.logo.svelte-mhx3s5{font-size:20px;font-weight:700}.user-info.svelte-mhx3s5{display:flex;align-items:center}.user-info.svelte-mhx3s5 span:where(.svelte-mhx3s5){margin-right:15px}.logout-btn.svelte-mhx3s5{background-color:#e74c3c;color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer}.tabs.svelte-mhx3s5{display:flex;background-color:#34495e;margin-bottom:20px}.tab.svelte-mhx3s5{color:#fff;padding:15px 30px;cursor:pointer;text-align:center;flex:1}.tab.active.svelte-mhx3s5{background-color:#3498db;font-weight:700}.tab-content.svelte-mhx3s5{padding:20px}.tab-content.active.svelte-mhx3s5{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.card.svelte-mhx3s5{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px;text-align:center;transition:transform .3s;cursor:pointer}.card.svelte-mhx3s5:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0003}.card-icon.svelte-mhx3s5{font-size:40px;margin-bottom:15px;color:#3498db}.card.svelte-mhx3s5 h3:where(.svelte-mhx3s5){margin:0 0 10px;color:#2c3e50;font-size:18px;font-weight:700}.card.svelte-mhx3s5 p:where(.svelte-mhx3s5){color:#7f8c8d;margin:0;font-size:14px}.footer.svelte-mhx3s5{background-color:#2c3e50;color:#fff;text-align:center;padding:15px;margin-top:20px;font-size:14px}