@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap";:root{--primary: #0f172a;--primary-light: #1e293b;--accent: #0ea5e9;--accent-hover: #0284c7;--text-main: #334155;--text-light: #64748b;--bg-main: #f8fafc;--bg-card: #ffffff;--border: #e2e8f0;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--font-main: "Inter", sans-serif;--font-heading: "Poppins", sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}.dark{--primary: #f8fafc;--primary-light: #e2e8f0;--text-main: #f1f5f9;--text-light: #94a3b8;--bg-main: #0f172a;--bg-card: #1e293b;--border: #334155}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-main);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--primary);line-height:1.2}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit;border:none;outline:none}input,textarea,select{font-family:inherit}.container{max-width:1200px;padding:0 var(--spacing-md)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:500;transition:all .2s}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover{background-color:var(--accent-hover)}.btn-outline{border:1px solid var(--border);background-color:transparent;color:var(--text-main)}.btn-outline:hover{background-color:var(--bg-main);border-color:var(--text-light)}.card{background-color:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.desktop-only{display:flex!important;align-items:center}.mobile-only{display:none}.navbar{background-color:var(--bg-card, #ffffff);border-bottom:1px solid var(--border, #e5e7eb);box-shadow:0 1px 3px #0000000d;padding:.75rem 0;position:fixed;width:100%;top:0;z-index:1000}.container{max-width:1500px;padding:0 1.5rem}.navbar-container{display:flex;justify-content:space-between;align-items:center}.navbar-logo{font-size:1.75rem;font-weight:800;color:var(--text-main, #1f2937);text-decoration:none;display:flex;align-items:center;gap:8px;margin-right:auto}.logo-image{height:40px;width:auto;object-fit:contain}.logo-text{display:flex;align-items:center;font-family:var(--font-heading, sans-serif);line-height:1}.logo-highlight{color:var(--accent, #4f46e5)}.navbar-links-left{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:1.5rem;white-space:nowrap}.navbar-links-left li{display:inline-flex;align-items:center}.navbar-links-left a{font-weight:600;color:var(--text-main);text-decoration:none;padding:.5rem 0;transition:color .2s,border-bottom .2s}.navbar-links-left a:hover{color:var(--accent);border-bottom:2px solid var(--accent)}.navbar-links-right{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:1rem;margin-left:2rem}.navbar-icon-link-container,.navbar-profile-container{display:flex;align-items:center}.navbar-icon-link{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background-color:var(--accent-light, #e0e7ff);color:var(--accent, #4f46e5);transition:background-color .2s;position:relative;text-decoration:none}.navbar-icon-link:hover{background-color:var(--accent);color:var(--bg-card)}.icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.notification-badge{position:absolute;top:-8px;right:-8px;background-color:#ef4444;color:#fff;font-size:.7rem;font-weight:700;height:18px;width:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white}.navbar-profile-link{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;transition:transform .2s}.navbar-profile-pic{width:38px;height:38px;border-radius:50%;object-fit:cover;cursor:pointer;transition:transform .2s}.user-menu:hover{color:var(--error);background-color:#ef44441a}.btn{text-align:center;padding:.5rem 1rem;border-radius:.375rem;font-weight:600;text-decoration:none!important;border:1px solid transparent;transition:background-color .2s,border-color .2s,color .2s}.btn-primary{background-color:#06b6d4!important;color:#fff;border-color:#06b6d4!important}.btn-primary:hover{background-color:#0e7490!important;border-color:#0e7490!important}.btn-outline{background-color:transparent;color:#06b6d4!important;border-color:#06b6d4!important}.btn-outline:hover{background-color:#0e7490;color:#f5f5f5;border-color:#0e7490}.mobile-menu-btn{display:none;cursor:pointer;padding:.5rem;z-index:1010;color:var(--text-main)}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important;justify-content:center;width:100%}.mobile-menu-btn{display:block}.navbar-container{justify-content:flex-start;gap:1rem}.navbar-logo{margin-right:auto}.navbar-links-right{order:2;margin-left:0;gap:.5rem}.mobile-menu-btn{order:3}.navbar-links-left{display:none}.navbar-mobile-toggled{position:absolute;top:100%;left:0;right:0;background-color:var(--bg-card);flex-direction:column;list-style:none;padding:1.5rem 0;gap:1rem;border-bottom:1px solid var(--border);transform:translateY(-100%);opacity:0;visibility:hidden;transition:transform .3s ease-in-out,opacity .3s ease-in-out,visibility .3s;z-index:999}.navbar-mobile-toggled.active{transform:translateY(0);opacity:1;visibility:visible}.navbar-mobile-toggled li{width:100%;text-align:center}.navbar-mobile-toggled a,.user-menu.mobile-only{display:block;padding:.75rem 1.5rem;width:90%;margin:0 auto;border-radius:.375rem;margin-bottom:.75rem;text-decoration:none}.navbar-mobile-toggled a:hover{background-color:var(--border)}}@media(min-width:769px){.navbar-container{display:flex;align-items:center;gap:1.5rem}.navbar-mobile-toggled{display:none}.navbar-links-left{display:flex!important;align-items:center;gap:2rem;list-style:none;margin-left:2rem;margin-right:auto!important;white-space:nowrap}.navbar-links-left li{display:inline-flex;align-items:center}.navbar-links-right{display:flex!important;align-items:center;gap:1rem;margin-left:0!important}.desktop-only{display:flex!important;align-items:center}.navbar-logo{margin-right:0}}.navbar-profile-placeholder{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;text-transform:uppercase;transition:transform .2s}.navbar-profile-link:hover .navbar-profile-placeholder{transform:scale(1.05)}.loading-fallback{display:flex;justify-content:center;align-items:center;min-height:60vh;width:100%}.loading-spinner{text-align:center}.spinner{width:50px;height:50px;margin:0 auto 1rem;border:4px solid rgba(0,123,255,.1);border-top-color:#007bff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner p{color:#666;font-size:.95rem;margin:0}