html,body,#root,.app,.content{margin-left:auto;height:100%;width:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#fff6}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:transparent;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit;transition:color .3s ease}a:hover{color:#535bf2}body{margin:0;padding:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:12px;border:1px solid rgba(255,255,255,.2);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background:#ffffff0d;color:#ffffffde;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #1f26871a}button:hover{background:#ffffff26;border-color:#fff6;transform:translateY(-2px);box-shadow:0 12px 40px #1f268733}button:focus,button:focus-visible{outline:none;border-color:#64c8ffcc;box-shadow:0 0 20px #64c8ff66}@media (prefers-color-scheme: light){:root{color:#213547}a:hover{color:#747bff}button{background:#ffffff4d;color:#213547}button:hover{background:#ffffff80}}.main-content{flex:1;overflow:auto}html,body,#root{height:100%;width:100%;margin:0;padding:0;overflow:hidden}.app{display:flex;position:relative;min-height:100vh;width:100%}.route-content{overflow-y:auto;max-height:calc(100vh - 60px)}#root{height:100%;width:100%;display:flex;min-height:100vh;background:transparent!important}#root.dark{background:linear-gradient(135deg,#070710,#121227,#1a1a3f)}#root.light{background:linear-gradient(135deg,#f8f8fd,#e1e2fe,#dcdcf8)}.content{flex:1;display:flex;flex-direction:column;margin-left:250px;transition:margin-left .3s ease;overflow-x:hidden;background:transparent!important}.content.collapsed{margin-left:80px}.route-content{margin:20px;padding:30px;border-radius:28px;background:#ffffff14;-webkit-backdrop-filter:blur(15px) saturate(160%);backdrop-filter:blur(15px) saturate(160%);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #1f268740,inset 1px 1px #fff3,inset -1px -1px #0000001a;flex:auto;overflow-y:auto;transition:all .4s ease}.route-content:hover{background:#ffffff1f;border:1px solid rgba(255,255,255,.25);box-shadow:0 12px 48px #1f268759,inset 1px 1px #ffffff4d,inset -1px -1px #00000026}@keyframes glassEntry{0%{opacity:0;transform:translateY(20px);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;transform:translateY(0);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}}.route-content{animation:glassEntry .6s ease-out}.glass-effect{background:#ffffff14;-webkit-backdrop-filter:blur(15px) saturate(160%);backdrop-filter:blur(15px) saturate(160%);border:1px solid rgba(255,255,255,.15);border-radius:16px;box-shadow:0 8px 32px #1f268726,inset 1px 1px #fff3,inset -1px -1px #0000001a;transition:all .4s ease}.glass-effect:hover{background:#ffffff1f;border:1px solid rgba(255,255,255,.25);box-shadow:0 12px 48px #1f268740,inset 1px 1px #ffffff4d,inset -1px -1px #00000026}.glass-effect-accent{background:#c09b571a;-webkit-backdrop-filter:blur(15px) saturate(160%);backdrop-filter:blur(15px) saturate(160%);border:1px solid rgba(192,155,87,.3);border-radius:16px;box-shadow:0 8px 32px #c09b571a,inset 1px 1px #fff3;transition:all .4s ease}.glass-effect-accent:hover{background:#c09b5726;border:1px solid rgba(192,155,87,.5);box-shadow:0 12px 48px #c09b5733,inset 1px 1px #ffffff4d}.glass-card{background:#ffffff12;-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px;transition:all .3s ease}.glass-card:hover{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);transform:translateY(-2px);box-shadow:0 8px 24px #1f268726}.glass-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffde;padding:10px 20px;border-radius:12px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.glass-button:hover{background:#fff3;border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #64c8ff33;transform:translateY(-2px)}.glass-button:active{transform:translateY(0);box-shadow:0 4px 16px #64c8ff26}.glass-input,.glass-textarea{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#ffffffde;padding:12px 16px;border-radius:12px;font-family:inherit;font-size:14px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.glass-input:focus,.glass-textarea:focus{outline:none;background:#ffffff1f;border:1px solid rgba(100,200,255,.6);box-shadow:0 0 0 3px #64c8ff1a,inset 0 0 0 1px #64c8ff4d}.glass-input::placeholder,.glass-textarea::placeholder{color:#fff6}.glass-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:all .3s ease}.glass-icon:hover{filter:drop-shadow(0 4px 8px rgba(100,200,255,.3));transform:scale(1.05)}@keyframes glassSlideIn{0%{opacity:0;transform:translateY(20px);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;transform:translateY(0);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}}.glass-animate-in{animation:glassSlideIn .5s ease-out}.glass-list{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px}.glass-list-item{padding:12px;border-radius:8px;margin:4px 0;background:#ffffff08;border:1px solid rgba(255,255,255,.08);transition:all .3s ease;cursor:pointer}.glass-list-item:hover{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);transform:translate(4px)}.glass-scrollable::-webkit-scrollbar{width:6px}.glass-scrollable::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.glass-scrollable::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px;transition:background .3s ease}.glass-scrollable::-webkit-scrollbar-thumb:hover{background:#fff6}@media (prefers-color-scheme: dark){.glass-effect{background:#12122766;border:1px solid rgba(255,255,255,.1)}.glass-card{background:#1212274d}.glass-input,.glass-textarea{background:#12122766;color:#ffffffe6}}@media (prefers-color-scheme: light){.glass-effect{background:#ffffff80;border:1px solid rgba(39,39,120,.15)}.glass-card{background:#fff6}.glass-input,.glass-textarea{background:#fff9;color:#213547;border:1px solid rgba(39,39,120,.2)}.glass-input::placeholder,.glass-textarea::placeholder{color:#21354780}}