@import"https://fonts.googleapis.com/css2?family=Cherry+Swash:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,700;1,400&display=swap";:root{--glass-bg: rgba(255, 255, 255, .48);--glass-bg-darker: rgba(255, 255, 255, .65);--glass-bg-light: rgba(255, 255, 255, .25);--glass-border: rgba(255, 255, 255, .52);--glass-border-light: rgba(255, 255, 255, .3);--glass-shadow: 0 8px 32px rgba(15, 23, 42, .1);--glass-shadow-sm: 0 4px 16px rgba(15, 23, 42, .06);--glass-blur: blur(16px);--glass-saturate: saturate(130%);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--danger-bg: rgba(239, 68, 68, .15);--danger-border: rgba(239, 68, 68, .3);--danger-text: #b91c1c;--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgba(245, 158, 11, .3);--warning-text: #b45309;--radius-lg: 2rem;--radius-md: 1rem;--radius-sm: .5rem;--mobile-nav-height: 6.5rem}*{margin:0;padding:0;font-family:Poppins,sans-serif;box-sizing:border-box}body{min-height:100vh;display:flex;background:linear-gradient(135deg,#f1f5f9,#cbd5e1);background-attachment:fixed;justify-content:center;color:var(--text-primary)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.8) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.6) 0%,transparent 50%);opacity:1;pointer-events:none;z-index:-1}main{display:flex;flex-direction:row;align-self:center;width:70%;min-width:700px;height:500px;background:#fff6;backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);border:1px solid rgba(255,255,255,.7);box-shadow:0 8px 32px #0f172a14,inset 0 1px #fffc;border-radius:var(--radius-lg);overflow:hidden}section,aside{display:flex;padding:1.5rem}section{flex-direction:column;background:#fff9;flex-grow:1;position:relative}aside{flex-direction:column;align-items:center;justify-content:flex-start;background:#fff3;border-right:1px solid rgba(255,255,255,.5);min-width:40%;position:relative}h1{font-family:Cherry Swash,cursive;font-size:4rem;text-align:center;width:100%;margin-bottom:0;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 1px 2px rgba(255,255,255,.8))}h2{font-size:1.3rem;font-weight:300;color:var(--text-secondary);letter-spacing:1px}.table-wrp::-webkit-scrollbar{width:.4rem}.table-wrp::-webkit-scrollbar-track{background:#ffffff1a;border-radius:1rem}.table-wrp::-webkit-scrollbar-thumb{background-color:#0f172a33;border-radius:1rem}@media only screen and (max-width:768px){body{min-height:100svh;min-height:100dvh}main{flex-direction:column;width:100%;height:100svh;height:100dvh;min-height:100svh;min-height:100dvh;min-width:0px;border-radius:0;border:none;background:transparent;box-shadow:none}h1{font-size:3rem}h2{display:none}aside{order:1;flex-grow:1;border-right:none;border-bottom:1px solid var(--glass-border-light);min-height:0;padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px));position:relative}section{order:2;flex-grow:0;padding:.5rem 0 1rem;align-items:center;width:100%;background:#ffffff80;z-index:10;box-shadow:0 -8px 32px #0000001a;position:fixed;bottom:env(safe-area-inset-bottom,0px);left:0;min-height:var(--mobile-nav-height);backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);border-top:1px solid rgba(255,255,255,.8)}section>span{padding:0 1rem}}