*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0d14;--bg-secondary:#111827;--bg-card:#131c2f;--bg-hover:#1a2540;--border:#1e2d4a;--border-light:#ffffff0f;--blue:#3b82f6;--blue-dark:#2563eb;--blue-glow:#3b82f626;--indigo:#6366f1;--purple:#8b5cf6;--emerald:#10b981;--amber:#f59e0b;--rose:#f43f5e;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}#root{min-height:100vh}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--blue)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #3b82f666}70%{transform:scale(1);box-shadow:0 0 0 8px #3b82f600}to{transform:scale(.95);box-shadow:0 0 #3b82f600}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.fade-in{animation:.4s forwards fadeIn}.spin{animation:1s linear infinite spin}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.mobile-topbar,.sidebar-backdrop{display:none}@media (width<=900px){.app-shell{flex-direction:column}.mobile-topbar{z-index:40;background:#0e1525;border-bottom:1px solid #1e2d4a;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.app-sidebar{z-index:50;transition:transform .25s;top:0;left:0;transform:translate(-100%);width:260px!important;height:100vh!important;min-height:100vh!important;position:fixed!important}.app-sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:45;background:#00000080;display:block;position:fixed;inset:0}.app-main{width:100%;max-height:none!important}}@media (width<=700px){.modal-overlay{padding:10px!important}.editor-preview-pane,.editor-panel{min-width:100%!important}.editor-panel{height:auto!important;max-height:60vh!important}}@media (width<=480px){.page-container{padding:16px!important}}.glass{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);background:#131c2fb3}