@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";
.Navigation-module__eB08ka__mobileNav{padding:0 12px max(12px, env(safe-area-inset-bottom));z-index:100;pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}@media (min-width:1024px){.Navigation-module__eB08ka__mobileNav{display:none}}.Navigation-module__eB08ka__mobileNavBar{pointer-events:auto;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);width:100%;max-width:520px;box-shadow:var(--shadow-md);border-radius:30px;justify-content:space-around;align-items:center;padding:7px 8px;display:flex}.Navigation-module__eB08ka__navItem{color:var(--text-secondary);border-radius:18px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:54px;display:flex}.Navigation-module__eB08ka__iconWrapper{height:32px;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.Navigation-module__eB08ka__label{opacity:.8;font-size:11px;font-weight:500}.Navigation-module__eB08ka__navItem.Navigation-module__eB08ka__active{color:var(--accent-blue);background:#5a459814}.Navigation-module__eB08ka__navItem.Navigation-module__eB08ka__active .Navigation-module__eB08ka__iconWrapper{transform:translateY(-2px)}.Navigation-module__eB08ka__navItem.Navigation-module__eB08ka__active .Navigation-module__eB08ka__label{opacity:1;font-weight:600}.Navigation-module__eB08ka__navItem:active .Navigation-module__eB08ka__iconWrapper{transform:scale(.9)}.Navigation-module__eB08ka__desktopSidebar{background:var(--surface-color);border-right:1px solid var(--border-color);flex-direction:column;height:100vh;padding:32px 24px;display:none;position:sticky;top:0;overflow-y:auto}@media (min-width:1024px){.Navigation-module__eB08ka__desktopSidebar{display:flex}}.Navigation-module__eB08ka__sidebarHeader{align-items:center;gap:12px;margin-bottom:48px;padding:0 12px;display:flex}.Navigation-module__eB08ka__logoIcon{color:var(--accent-blue)}.Navigation-module__eB08ka__logoText{letter-spacing:-.5px;font-size:20px;font-weight:700}.Navigation-module__eB08ka__sidebarMenu{flex-direction:column;flex:1;gap:8px;display:flex}.Navigation-module__eB08ka__sidebarItem{border-radius:var(--radius-pill);color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:12px;padding:12px 18px;font-size:15px;font-weight:500;display:flex}.Navigation-module__eB08ka__sidebarItem:hover{color:var(--text-primary);background:#00000005}.Navigation-module__eB08ka__sidebarItem.Navigation-module__eB08ka__active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow);font-weight:600}.Navigation-module__eB08ka__sidebarFooter{margin-top:auto}.Navigation-module__eB08ka__userCard{border-radius:var(--radius-md);background:var(--surface-color);border:1px solid var(--border-color);cursor:pointer;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000005}.Navigation-module__eB08ka__userCard:hover{background:#007aff0d;border-color:#007aff33}.Navigation-module__eB08ka__userAvatar{color:#fff;background:linear-gradient(135deg,#007aff 0%,#af52de 100%);border-radius:50%;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;font-weight:700;display:flex;box-shadow:0 4px 10px #007aff33}.Navigation-module__eB08ka__userInfo{flex-direction:column;display:flex;overflow:hidden}.Navigation-module__eB08ka__userName{color:var(--text-primary);word-break:break-word;font-size:13px;font-weight:700;line-height:1.2}.Navigation-module__eB08ka__userPlan{color:#007aff;text-transform:uppercase;letter-spacing:.5px;background:#007aff1a;border-radius:12px;align-self:flex-start;margin-top:4px;padding:2px 8px;font-size:10px;font-weight:800}.Navigation-module__eB08ka__logoutBtn{color:#ff3b30;border-radius:var(--radius-md);width:100%;transition:all var(--transition-fast);text-align:center;background:#ff3b300d;border:1px solid #ff3b301a;margin-top:16px;padding:10px;font-size:13px;font-weight:600}.Navigation-module__eB08ka__logoutBtn:hover{background:#ff3b3026}.Navigation-module__eB08ka__moreOverlay{z-index:90;-webkit-backdrop-filter:blur(6px);background:#1e183457;justify-content:center;align-items:flex-end;padding:16px 16px 104px;display:flex;position:fixed;inset:0}.Navigation-module__eB08ka__moreSheet{border:1px solid var(--glass-border);background:#fffffff5;border-radius:26px;width:min(100%,520px);padding:20px;box-shadow:0 24px 60px #1e18343d}.Navigation-module__eB08ka__moreHeader{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.Navigation-module__eB08ka__moreHeader h2{font-size:20px;line-height:1.2}.Navigation-module__eB08ka__moreEyebrow{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px;font-size:12px;font-weight:600}.Navigation-module__eB08ka__closeMore{width:44px;height:44px;color:var(--text-primary);background:var(--bg-color);border-radius:50%;place-items:center;display:grid}.Navigation-module__eB08ka__moreGrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.Navigation-module__eB08ka__moreItem{border:1px solid var(--border-color);background:var(--surface-color);min-height:72px;color:var(--text-primary);border-radius:18px;align-items:center;gap:12px;padding:14px;font-size:14px;font-weight:600;display:flex}.Navigation-module__eB08ka__moreItemActive{color:var(--accent-blue);background:#5a459814;border-color:#5a45983d}.Navigation-module__eB08ka__moreIcon{width:40px;height:40px;color:var(--accent-blue);background:#5a45981a;border-radius:13px;flex:none;place-items:center;display:grid}@media (min-width:1024px){.Navigation-module__eB08ka__moreOverlay{display:none}}
:root{--bg-color:#f8f9fb;--surface-color:#fff;--text-primary:#2d3748;--text-secondary:#666;--gradient-primary:linear-gradient(135deg, #2a1f5d 0%, #a491d6 100%);--gradient-primary-hover:linear-gradient(135deg, #372a7a 0%, #b7a6e5 100%);--accent-blue:#5a4598;--accent-green:#38b2ac;--accent-red:#fc8181;--border-color:#0000000a;--shadow-sm:0 4px 10px #00000008;--shadow-md:0 10px 30px #0000000a;--shadow-lg:0 20px 40px #0000000f;--shadow-glow:0 10px 25px #5a45984d;--glass-bg:#ffffffb3;--glass-border:#ffffff80;--radius-md:16px;--radius-lg:24px;--radius-pill:9999px;--transition-fast:.15s ease-in-out;--transition-normal:.3s cubic-bezier(.25, .1, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(var(--border-color) 1.5px, transparent 1.5px);background-size:24px 24px;font-family:Poppins,sans-serif;line-height:1.5}a{color:var(--accent-blue);transition:opacity var(--transition-fast);font-weight:500;text-decoration:none}a:hover{opacity:.8}button{cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-family:inherit}.btn-primary{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-pill);box-shadow:var(--shadow-glow);width:100%;padding:14px 24px;font-size:15px;font-weight:600}.btn-primary:hover{background:var(--gradient-primary-hover);transform:translateY(-2px);box-shadow:0 14px 30px #00aeef66}.app-layout{min-height:100vh;padding-bottom:calc(96px + env(safe-area-inset-bottom));flex-direction:column;display:flex}@media (min-width:1024px){.app-layout:has(aside){grid-template-columns:280px 1fr;padding-bottom:0;display:grid}.app-layout:not(:has(aside)){padding-bottom:0;display:flex}}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;position:relative}@media (min-width:1024px){.main-content{padding:32px 40px}}.card{background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:box-shadow var(--transition-fast), transform var(--transition-fast);padding:24px}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}@media (max-width:1023px){.card{border-radius:20px;padding:20px}.card:hover{transform:none}}.glass-header{z-index:10;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);padding:20px 20px 16px;position:sticky;top:0}@media (min-width:1024px){.glass-header{-webkit-backdrop-filter:none;background:0 0;padding:0 0 32px;position:relative}}
