:root{--bg-color: #000000;--text-primary: #ffffff;--text-secondary: #a1a1aa;--glass-bg: rgba(255, 255, 255, .03);--glass-bg-hover: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .08);--glass-blur: 20px;--accent-primary: #3b82f6;--accent-glow: rgba(59, 130, 246, .5);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;color-scheme:dark}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--bg-color);color:var(--text-primary);overflow:hidden}#root{width:100%;height:100vh;display:flex;flex-direction:column}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.glass-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.glass-btn:hover{background:var(--glass-bg-hover);border-color:#fff3}.glass-input{background:#0000004d;border:1px solid var(--glass-border);color:var(--text-primary);padding:.75rem;border-radius:8px;outline:none;transition:border-color .2s}.glass-input:focus{border-color:var(--text-secondary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}h1,h2,h3{margin:0;font-weight:600}.app-container{display:flex;width:100vw;height:100vh;overflow:hidden}.sidebar{width:240px;height:100%;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--glass-border);transition:width .3s ease;z-index:10}.sidebar.collapsed{width:64px}.sidebar-header{padding:1.5rem;display:flex;align-items:center;gap:.75rem}.logo-box{width:32px;height:32px;background:var(--accent-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px var(--accent-glow)}.app-title{font-weight:700;font-size:1.125rem;background:linear-gradient(to right,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}.nav-section{flex:1;padding:1rem .5rem;display:flex;flex-direction:column;gap:.5rem}.nav-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:12px;background:transparent;border:1px solid transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-family:inherit;font-size:.95rem;text-align:left}.nav-item:hover{background:#ffffff0d;color:var(--text-primary)}.nav-item.active{background:#ffffff1a;color:var(--text-primary);border-color:#ffffff0d;box-shadow:0 0 20px #0003}.nav-icon{display:flex;align-items:center;justify-content:center}.nav-label{font-weight:500}.main-content{flex:1;height:100%;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,#14141e66,#0000 70%)}@media(max-width:768px){.sidebar{width:64px}.app-title,.nav-label{display:none}.sidebar-header{justify-content:center;padding:1rem}}