@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&display=swap";:root{--sidebar-expanded: 220px;--sidebar-collapsed: 68px;font-family:Space Grotesk,Manrope,system-ui,sans-serif;line-height:1.6;font-weight:400;color:#f8fbff;background:radial-gradient(circle at top left,rgba(123,97,255,.25),transparent 35%),linear-gradient(135deg,#090e1a,#0c0f1d 45%,#150b1f);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:inherit;color:inherit}*,*:before,*:after{box-sizing:border-box}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden;position:relative}.sidebar{position:fixed;top:36px;left:28px;bottom:36px;width:var(--sidebar-collapsed);padding:20px 12px;border-radius:32px;background:linear-gradient(180deg,#ffffff0d,#070914d9);border:1px solid rgba(255,255,255,.18);box-shadow:0 20px 45px #030514cc,inset 0 1px #fff6;backdrop-filter:blur(36px);-webkit-backdrop-filter:blur(36px);display:flex;flex-direction:column;gap:20px;z-index:1;overflow:hidden;transition:width .36s cubic-bezier(.19,1,.22,1),padding .36s ease}.sidebar:hover{width:var(--sidebar-expanded);padding:24px 20px}.sidebar-item{position:relative;width:100%;min-height:46px;padding:14px;display:flex;align-items:center;gap:12px;border-radius:18px;cursor:pointer;transition:background .25s ease,transform .25s ease;color:#ffffffd9;font-weight:500;text-shadow:0 1px 4px rgba(0,0,0,.45)}.sidebar-item:hover{background:#ffffff1f;transform:translate(4px)}.sidebar-item.active{background:#ffffff26;border:1px solid rgba(255,255,255,.3);box-shadow:0 0 15px #ffffff14;transform:none}.sidebar-icon{width:36px;height:36px;border-radius:12px;display:flex;justify-content:center;align-items:center}.sidebar-label{opacity:0;font-size:13px;letter-spacing:.02em;transform:translate(-6px);transition:opacity .25s ease,transform .25s ease,max-width .36s ease;max-width:0;overflow:hidden;white-space:nowrap}.sidebar:hover .sidebar-label{opacity:1;transform:translate(0);max-width:160px}.sidebar:not(:hover) .sidebar-item{justify-content:center;gap:0;padding-left:12px;padding-right:12px}.sidebar:hover .sidebar-item{justify-content:flex-start}.sidebar-top,.sidebar-middle,.sidebar-bottom{width:100%}.sidebar-top{padding:10px 0 20px}.sidebar-middle{flex:1;display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding-right:4px}.sidebar-middle::-webkit-scrollbar{width:6px}.sidebar-middle::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:3px}.content-container{flex:1;position:relative;height:100vh;margin-left:8rem;z-index:2;background:transparent;transform:translate(0);transition:transform .3s ease;will-change:transform}.sidebar:hover~.content-container{transform:translate(180px)}.iframe-shadow{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 50px #0000004d;z-index:10;border-top-left-radius:30px;border-bottom-left-radius:30px}iframe{width:100%;height:100%;border:none;background:transparent}.settings-btn{margin-top:auto;width:100%;display:flex;align-items:center;justify-content:flex-start;gap:12px}.iframe-wrapper{width:100%;height:100%;position:relative;box-shadow:-10px 0 30px #00000080;border-top-left-radius:30px;border-bottom-left-radius:30px;overflow:hidden}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000}.modal{background:#1a1a2e;padding:30px;border-radius:15px;border:1px solid rgba(255,255,255,.1);width:400px;max-width:90%}.modal input{width:100%;padding:10px;margin:10px 0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:5px}.modal button{padding:10px 20px;margin-top:10px;cursor:pointer;background:#4ecca3;border:none;border-radius:5px;color:#1a1a2e;font-weight:700}