@import"https://fonts.googleapis.com/css2?family=Exo:wght@400;700&display=swap";html,body{margin:0;padding:0;height:100%;box-sizing:border-box;font-family:Exo,sans-serif}.App{font-family:Exo,sans-serif;background:linear-gradient(135deg,#dbeafe,#bfdbfe,#eff6ff);color:#1e293b}.App.dark-mode{background:radial-gradient(circle at top,#020617,#0f172a,#000);color:#f8fafc}.container{display:flex;justify-content:space-between;align-items:center;padding:20px;background-image:url(/background.png);background-repeat:no-repeat;background-size:cover;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(14,165,233,.3)}.left-nav button{background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;border:none;padding:10px 20px;cursor:pointer;border-radius:8px;box-shadow:0 4px 14px #2563eb66;transition:all .3s ease}.left-nav button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2563eb99}.logo-header-container img{vertical-align:middle}.content{padding:20px;min-height:calc(100vh - 60px)}.theme-toggle{display:flex;align-items:center}.theme-toggle button{background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;border:none;padding:10px 20px;cursor:pointer;border-radius:8px;box-shadow:0 4px 14px #2563eb66;transition:all .3s ease}.theme-toggle button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2563eb99}.glass-card{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 8px 32px #1f26875e}.dark-mode .glass-card{background:#ffffff1a;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #1e3a8a80}