@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap";:root{--clay-bg:#f0e8ff;--clay-surface:#fff;--clay-surface-2:#f7f3ff;--clay-primary:#7c5cbf;--clay-primary-light:#a87de8;--clay-primary-dark:#5a3f99;--clay-accent:#ff7eb3;--clay-accent-2:#5bc8f5;--clay-accent-3:#7be495;--clay-yellow:#ffd166;--clay-danger:#ff6b6b;--clay-text:#2d1b69;--clay-text-muted:#8b7ab8;--clay-border:#7c5cbf2e;--clay-shadow-sm:4px 4px 0px #7c5cbf40, 0 2px 12px #7c5cbf1f;--clay-shadow-md:6px 6px 0px #7c5cbf47, 0 4px 20px #7c5cbf26;--clay-shadow-lg:8px 8px 0px #7c5cbf4d, 0 8px 32px #7c5cbf2e;--clay-shadow-inset:inset 0 2px 8px #7c5cbf1a;--transition:all .2s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0;font-family:Nunito,sans-serif}html,body{height:100%;overflow:hidden}#root{flex-direction:column;height:100%;display:flex}body{color:var(--clay-text);background:linear-gradient(135deg,#f0e8ff 0%,#e8f4ff 50%,#ffe8f4 100%) fixed;flex-direction:column;min-height:100%;display:flex}a{color:var(--clay-primary);font-weight:600;text-decoration:none;transition:color .2s}a:hover{color:var(--clay-primary-dark)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.clay-card{background:var(--clay-surface);box-shadow:var(--clay-shadow-md);border:2.5px solid #ffffffe6;border-radius:20px;position:relative;overflow:visible}.clay-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#fff9 0%,#0000 60%);border-radius:18px;position:absolute;inset:0}.glass-panel{background:var(--clay-surface);box-shadow:var(--clay-shadow-md);border:2.5px solid #ffffffe6;border-radius:20px}.btn-primary{background:linear-gradient(135deg, var(--clay-primary), var(--clay-primary-light));color:#fff;transition:var(--transition);letter-spacing:.3px;border:2.5px solid #fff6;border-radius:14px;padding:12px 28px;font-size:15px;font-weight:700;box-shadow:4px 4px #5a3f9959,0 2px 12px #7c5cbf40}.btn-primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:6px 6px #5a3f9966,0 6px 20px #7c5cbf59}.btn-primary:active{transform:translateY(1px)scale(.99);box-shadow:2px 2px #5a3f994d}.input-field{width:100%;color:var(--clay-text);transition:var(--transition);box-shadow:var(--clay-shadow-inset);background:#f7f3ff;border:2.5px solid #7c5cbf33;border-radius:14px;outline:none;padding:13px 18px;font-size:15px;font-weight:500}.input-field::placeholder{color:var(--clay-text-muted)}.input-field:focus{border-color:var(--clay-primary);box-shadow:0 0 0 4px #7c5cbf1f, var(--clay-shadow-inset);background:#fff}.loader{border:3px solid #7c5cbf26;border-top:3px solid var(--clay-primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#7c5cbf40;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#7c5cbf73}.menu-toggle-btn{display:none!important}@media (width<=768px){.menu-toggle-btn{display:flex!important}.sidebar-container{z-index:10000!important;background:#fff!important;border-radius:20px!important;width:260px!important;height:calc(100% - 24px)!important;transition:left .3s cubic-bezier(.34,1.56,.64,1)!important;position:fixed!important;top:12px!important;bottom:12px!important;left:-280px!important;box-shadow:8px 8px #7c5cbf33,0 8px 32px #7c5cbf2e!important}.sidebar-container.open{left:12px!important}.sidebar-overlay{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;WebkitBackdrop-filter:blur(8px)!important;z-index:9999!important;background:#7c5cbf38!important;position:fixed!important;inset:0!important}.body-container{gap:8px!important;padding:0 8px 8px!important}.header-logo-container{width:auto!important}.header-logo-text{display:none!important}.header-search-container{margin:0 8px!important}.header-avatar-container{width:auto!important}.hide-on-mobile{display:none!important}}