@import "https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700&family=Manrope:wght@400;600;700;800&display=swap";:root{color:#f9f9fe;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--cyan:#61e9ff;--mint:#68ffc9;--violet:#a98cff;--pink:#ff80bf;background:#070912;font-family:Manrope,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.portal-stage{isolation:isolate;background:radial-gradient(circle at 10% 20%,#60a5fa38,#0000 28%),radial-gradient(circle at 84% 22%,#f472b633,#0000 26%),radial-gradient(circle at 70% 86%,#4ade802e,#0000 24%),linear-gradient(132deg,#080b13 0%,#17213a 36%,#321c4f 66%,#0b111d 100%);min-height:100vh;padding:16px;position:relative;overflow:hidden}.portal-stage:before{z-index:-2;pointer-events:none;content:"";background-color:#0000;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 72%);mask-image:radial-gradient(circle,#000 0%,#0000 72%)}.portal-stage:after{z-index:-1;pointer-events:none;content:"";background:#00000029;position:absolute;inset:0}.aurora-field{z-index:-1;pointer-events:none;filter:saturate(1.25);position:absolute;inset:-16%}.orb{aspect-ratio:1;opacity:.26;filter:blur(64px);mix-blend-mode:screen;border-radius:999px;width:34rem;max-width:54vw;animation:22s ease-in-out infinite float-orb;position:absolute}.orb-a{background:linear-gradient(135deg,#60a5fa,#67e8f9);top:2rem;left:-6rem}.orb-b{background:linear-gradient(135deg,#c084fc,#f9a8d4);width:28rem;animation-duration:27s;animation-direction:reverse;top:8rem;right:-4rem}.orb-c{background:linear-gradient(135deg,#f472b6,#fdba74);width:24rem;animation-duration:18s;bottom:-6rem;left:32%}.ribbon{-webkit-backdrop-filter:blur(6px);clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);background:#ffffff0f;border:1px solid #ffffff1f;position:absolute}.ribbon-a{width:82px;height:82px;animation:42s linear infinite glass-rotate;top:8%;left:11%}.ribbon-b{width:70px;height:70px;animation:36s linear infinite reverse glass-rotate;bottom:12%;right:10%}.scanline{aspect-ratio:1;opacity:.2;-webkit-backdrop-filter:blur(5px);background:radial-gradient(circle at 30% 30%,#ffffff57,#ffffff1a,#0000 70%);border:1px solid #ffffff1f;border-radius:999px;width:22rem;animation:30s ease-in-out infinite liquid-circle;position:absolute;bottom:3rem;right:-4rem}.liquid-glass-filter{pointer-events:none;width:0;height:0;position:absolute}.liquid-glass-wrapper{isolation:isolate;cursor:default;background-color:#ffffff0d;border:1px solid #ffffff3d;transition:transform .42s cubic-bezier(.175,.885,.32,2.2),box-shadow .32s,border-color .32s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 6px #0003,0 0 20px #0000001f,0 24px 70px #0000003d}.liquid-glass-effect,.liquid-glass-tint,.liquid-glass-shine{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.liquid-glass-effect{z-index:0;isolation:isolate;-webkit-backdrop-filter:blur(3px)saturate(180%);filter:url(#portal-glass-distortion);overflow:hidden}.liquid-glass-tint{z-index:1;background:linear-gradient(135deg, #fff3, #ffffff0d 45%, #ffffff26), var(--glass-tint,#ffffff24)}.liquid-glass-shine{z-index:2;overflow:hidden;box-shadow:inset 2px 2px 1px #ffffff8c,inset -1px -1px 1px 1px #ffffff6b,inset 0 0 24px #ffffff14}.liquid-glass-shine:before{content:"";opacity:.5;background:linear-gradient(115deg,#0000 28%,#ffffff52,#0000 45%);transition:transform .42s;position:absolute;inset:-40%;transform:translate(-28%)rotate(10deg)}.liquid-glass-content{z-index:3;width:100%;height:100%;position:relative}.topbar-frame{--glass-tint:#ffffff1a;width:100%;height:82px}.topbar{justify-content:space-between;align-items:center;padding:14px 22px;display:flex}.brand{color:#fff;text-shadow:0 2px 18px #ffffff59;white-space:nowrap;align-items:center;min-width:0;font-size:1.75rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.brand-mark{aspect-ratio:1;color:#ecfeff;background:linear-gradient(135deg,#60e9ff6b,#ffffff1f),#ffffff1f;border-radius:14px;flex:none;place-items:center;width:54px;margin-right:16px;font-size:1.9rem;font-weight:800;display:grid;box-shadow:inset 1px 1px 1px #ffffffa6,inset -1px -1px 1px #ffffff57,0 14px 28px #17223e42}.topbar-actions{align-items:center;gap:16px;display:flex}.search-field{color:#ffffffe6;-webkit-backdrop-filter:blur(16px)saturate(180%);background:#ffffff1a;border:1px solid #ffffff47;border-radius:14px;align-items:center;width:330px;min-width:250px;height:52px;padding:0 16px;display:flex;box-shadow:inset 1px 1px 1px #fff6,inset -1px -1px 1px #ffffff2e}.search-field:focus-within{border-color:#93c5fdcc;box-shadow:inset 1px 1px 1px #ffffff8a,0 0 0 3px #60a5fa26}.search-field input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0;margin-left:13px;font-size:1.12rem;line-height:1}.search-field input::placeholder{color:#ffffff8f}.icon-button,.avatar-button{aspect-ratio:1;color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:999px;flex:none;place-items:center;width:46px;transition:transform .18s,background-color .18s;display:grid;box-shadow:inset 1px 1px 1px #ffffff59,inset -1px -1px 1px #ffffff29}.icon-button:hover,.avatar-button:hover{background:#ffffff2e;transform:translateY(-2px)scale(1.03)}.avatar-button{border:1px solid #ffffff5c;overflow:hidden}.avatar-button img{object-fit:cover;width:100%;height:100%}.dashboard-grid{grid-template-columns:repeat(4,minmax(168px,1fr));gap:44px 48px;width:min(82vw,1140px);margin:64px auto 0;display:grid}.dashboard-grid--single{grid-template-columns:minmax(220px,260px);justify-content:center;width:min(72vw,260px)}.module-card{aspect-ratio:1;min-width:0;color:inherit;cursor:pointer;animation:.54s cubic-bezier(.2,.8,.2,1) both rise;animation-delay:var(--delay);background:0 0;border:0;padding:0;text-decoration:none;display:block;position:relative}.module-frame{--glass-tint:color-mix(in srgb, var(--accent) 10%, #ffffff1f);cursor:pointer;width:100%;height:100%}.module-glass{place-items:center;width:100%;height:100%;padding:28px;display:grid}.module-card:hover .module-frame,.module-card:focus-visible .module-frame,.module-card.is-active .module-frame{box-shadow:0 8px 8px #0003, 0 0 28px color-mix(in srgb, var(--accent) 22%, transparent), 0 30px 80px #00000057;border-color:#ffffff6b;transform:translateY(-6px)scale(1.02)}.module-card:hover .liquid-glass-shine:before,.module-card:focus-visible .liquid-glass-shine:before,.module-card.is-active .liquid-glass-shine:before{transform:translate(18%)rotate(10deg)}.module-card:focus-visible{outline:0}.module-card:focus-visible .module-frame{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 38%, transparent), 0 0 28px color-mix(in srgb, var(--accent) 22%, transparent), 0 30px 80px #00000057}.module-halo{aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--accent) 42%, transparent), transparent 68%);filter:blur(28px);opacity:.8;border-radius:999px;width:56%;position:absolute;transform:translateY(-10%)}.module-inner{z-index:1;text-align:center;place-items:center;display:grid;position:relative}.module-icon{color:#fff;width:86px;height:86px;filter:drop-shadow(0 0 14px color-mix(in srgb, var(--accent) 72%, transparent)) drop-shadow(0 0 34px color-mix(in srgb, var(--accent) 36%, transparent));margin-bottom:20px}.module-title{color:#fff;text-shadow:0 2px 14px #ffffff57, 0 0 22px color-mix(in srgb, var(--accent) 28%, transparent);font-size:1.42rem;font-weight:700;line-height:1.12}.module-metric{min-height:17px;color:color-mix(in srgb, var(--accent) 72%, #fff);letter-spacing:.05em;text-transform:uppercase;opacity:0;margin-top:10px;font-family:Inter,system-ui,sans-serif;font-size:.72rem;font-weight:700;line-height:1;transition:opacity .18s,transform .18s;transform:translateY(-4px)}.module-card:hover .module-metric,.module-card:focus-visible .module-metric,.module-card.is-active .module-metric{opacity:.95;transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes float-orb{0%,to{transform:translateY(0)translate(0)scale(1)}25%{transform:translateY(-20px)translate(10px)scale(1.05)}50%{transform:translateY(0)translate(20px)scale(1)}75%{transform:translateY(20px)translate(10px)scale(.95)}}@keyframes glass-rotate{0%{opacity:.28;transform:rotate(0)scale(1)}50%{opacity:.12;transform:rotate(180deg)scale(1.2)}to{opacity:.28;transform:rotate(360deg)scale(1)}}@keyframes liquid-circle{0%,to{transform:translateY(0)translate(0)scale(1)}33%{transform:translateY(30px)translate(-20px)scale(1.12)}66%{transform:translateY(-15px)translate(-40px)scale(.88)}}@keyframes rise{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1100px){body{overflow:auto}.topbar{align-items:flex-start;gap:16px}.brand{white-space:normal;font-size:1.35rem}.dashboard-grid{grid-template-columns:repeat(2,minmax(170px,1fr));width:min(91vw,760px);margin-top:48px}.dashboard-grid--single{grid-template-columns:minmax(220px,260px);width:min(72vw,260px)}}@media (width<=760px){.portal-stage{min-height:100dvh;padding:10px}.topbar-frame{height:140px}.topbar{flex-direction:column;padding:14px}.topbar-actions{grid-template-columns:1fr repeat(3,42px);gap:10px;width:100%;display:grid}.search-field{border-radius:999px;width:100%;min-width:0;height:46px}.icon-button,.avatar-button{width:42px}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:min(100%,500px);margin-top:22px}.dashboard-grid--single{grid-template-columns:minmax(0,1fr);width:min(72vw,260px)}.module-glass{padding:18px 12px}.module-icon{width:58px;height:58px;margin-bottom:14px}.module-title{font-size:1.08rem}}@media (width<=430px){.brand{font-size:1rem}.brand-mark{border-radius:10px;width:40px;margin-right:10px;font-size:1.35rem}}
