@tailwind base;@tailwind components;@tailwind utilities;:root{--color-primary:#000;--color-primary-light:#333;--color-secondary:#a855f7;--color-secondary-light:#c084fc;--color-background:#f5f5f5;--color-text:#1a1a1a;--color-text-secondary:#666;--font-family:"Inter",system-ui,sans-serif;--mui-palette-primary-main:var(--color-primary);--mui-palette-primary-light:var(--color-primary-light);--mui-palette-secondary-main:var(--color-secondary)}*{font-family:Inter,system-ui,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue!important;font-family:var(--font-family),-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1a1a1a;color:var(--color-text);font-family:Inter,system-ui,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue;font-family:var(--font-family),-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;margin:0}#root,body,html{background-color:#f5f5f5!important;background-color:var(--color-background)!important}#root{min-height:100vh}.text-primary{color:#000!important;color:var(--color-primary)!important}.text-secondary{color:#a855f7!important;color:var(--color-secondary)!important}.bg-primary{background-color:#000!important;background-color:var(--color-primary)!important}.bg-secondary{background-color:#a855f7!important;background-color:var(--color-secondary)!important}.border-primary{border-color:#000!important;border-color:var(--color-primary)!important}.border-secondary{border-color:#a855f7!important;border-color:var(--color-secondary)!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace!important}[data-theme=dark]{--color-background:#121212;--color-text:#e0e0e0;--color-text-secondary:#a0a0a0}[data-theme=dark] body{color:#e0e0e0}[data-theme=dark] #root,[data-theme=dark] body,[data-theme=dark] html{background-color:#121212!important}[data-theme=dark] .glass,[data-theme=dark] .glass-hover{background:#ffffff14;border:1px solid #ffffff1a}[data-theme=dark] .glass-hover:hover{background:#ffffff1f;box-shadow:0 8px 32px 0 #a855f726}.glass,.glass-hover{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffffb3;border:1px solid #ffffff4d}.glass-hover{transition:all .3s ease}.glass-hover:hover{background:#fffc;box-shadow:0 8px 32px 0 #a855f733}.orb{border-radius:50%;contain:layout style;filter:blur(80px);opacity:.6;pointer-events:none;position:absolute;will-change:transform;z-index:0}.orb-pastel-purple{background:radial-gradient(circle,#e9d5ff,#d8b4fe,#c4b5fd)}.orb-pastel-cyan{background:radial-gradient(circle,#cffafe,#a5f3fc,#99f6e4)}.orb-pastel-blue{background:radial-gradient(circle,#ddd6fe,#c7d2fe,#a5b4fc)}.orb-pastel-red{background:radial-gradient(circle,#fecdd3,#fda4af,#fca5a5)}@keyframes float1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(400px,-300px) scale(1.1)}66%{transform:translate(-200px,400px) scale(.9)}}@keyframes float2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-500px,200px) scale(1.2)}66%{transform:translate(300px,-400px) scale(.8)}}@keyframes float3{0%,to{transform:translate(0) scale(1)}33%{transform:translate(600px,300px) scale(.9)}66%{transform:translate(-400px,-200px) scale(1.1)}}@keyframes float4{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-300px,-500px) scale(1.1)}66%{transform:translate(500px,100px) scale(.9)}}@keyframes float5{0%,to{transform:translate(0) scale(1)}33%{transform:translate(200px,600px) scale(1.2)}66%{transform:translate(-600px,-300px) scale(.8)}}@keyframes float6{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-700px,400px) scale(.9)}66%{transform:translate(100px,-600px) scale(1.1)}}@keyframes float7{0%,to{transform:translate(0) scale(1)}33%{transform:translate(800px,-100px) scale(1.1)}66%{transform:translate(-500px,500px) scale(.9)}}@keyframes float8{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-400px,-700px) scale(1.2)}66%{transform:translate(700px,200px) scale(.8)}}.App{display:flex;min-height:100vh}.App-content{display:flex;flex:1 1}.App-sidebar{background-color:#0f172a;color:#fff;padding:20px;width:200px}.App-main{display:flex;flex:1 1;flex-direction:column}.App-main-content{padding:20px}.App-footer{height:100px}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.App-sidebar nav ul{list-style-type:none;padding:0}.App-sidebar nav ul li{margin-bottom:10px}.App-sidebar nav ul li a{align-items:center;border-radius:8px;color:#fff;display:flex;padding:10px;text-decoration:none;transition:background-color .3s ease}.App-sidebar nav ul li a:hover{background-color:#16213e}.App-sidebar nav ul li a svg{margin-right:10px}.App-main-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.tox-tinymce{flex:1 1;min-height:300px}.logo-text{color:#fff;font-size:24px;font-weight:700;text-align:left}.App-logo{margin-bottom:20px}.App-logo .logo-text{font-size:1.5rem;font-weight:700}nav ul{list-style-type:none;padding:0}nav ul li a{align-items:center;color:inherit;display:flex;padding:10px 0;text-decoration:none}nav ul li a svg{margin-right:10px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader{position:relative}.loader:after{animation:spin 1s linear infinite;border:8px solid #0000;border-radius:50%;border-top-color:#9333ea;content:"";height:100%;left:0;position:absolute;top:0;width:100%}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scaleIn .3s ease-out}.resizer{background:#00000080;cursor:col-resize;height:100%;position:absolute;right:0;top:0;touch-action:none;-webkit-user-select:none;user-select:none;width:5px}.resizer.isResizing{background:blue;opacity:1}@media (hover:hover){.resizer{opacity:0}:hover>.resizer{opacity:1}}