@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--color-bg-main:#121212;--color-bg-card:#1a1a1a;--color-text-primary:#fff;--color-text-secondary:#a0a0a0;--color-gold-primary:#b8860b;--color-gold-light:#d4af37;--color-gold-dark:#8b6508;--color-success:#28a745;--color-error:#dc3545;--color-border:#333;--font-main:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-main);color:var(--color-text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;line-height:1.5}.glass-card{-webkit-backdrop-filter:blur(12px);background:#1a1a1ab3;border:1px solid #ffffff0d;border-radius:16px;padding:32px;transition:all .3s;box-shadow:0 8px 32px #0000004d}.glass-card:hover{border-color:#b8860b66;transform:translateY(-4px);box-shadow:0 12px 40px #00000080,0 0 20px #b8860b26}.btn-primary{background:linear-gradient(135deg, var(--color-gold-light), var(--color-gold-primary));color:#121212;cursor:pointer;font-size:16px;font-weight:700;font-family:var(--font-main);border:none;border-radius:8px;padding:12px 24px;transition:all .2s;box-shadow:0 4px 15px #b8860b4d}.btn-primary:hover{transform:scale(1.03);box-shadow:0 6px 20px #b8860b80}.btn-secondary{color:var(--color-gold-light);border:1px solid var(--color-gold-primary);cursor:pointer;font-size:16px;font-weight:600;font-family:var(--font-main);background:0 0;border-radius:8px;padding:12px 24px;transition:all .2s}.btn-secondary:hover{background:#b8860b1a}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}input:focus,textarea:focus{box-shadow:0 0 10px #b8860b33;border-color:var(--color-gold-primary)!important}.dashboard-container{width:100%;min-height:100vh;display:flex}.sidebar{background-color:var(--color-bg-card);z-index:1000;border-right:1px solid #ffffff0d;flex-direction:column;width:260px;padding:30px;transition:transform .3s;display:flex}.menu-toggle{color:var(--color-gold-light);cursor:pointer;z-index:1001;background:0 0;border:none;font-size:24px;display:none;position:absolute;top:15px;left:15px}.sidebar-overlay{z-index:999;background-color:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.cards-grid{grid-template-columns:1fr 1fr;gap:20px;max-width:800px;margin:0 auto;display:grid}@media (width<=768px){.menu-toggle{display:block}.sidebar{height:100vh;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}.main-content{padding-top:60px!important}.dashboard-container .glass-card{min-width:100%!important;padding:20px!important}.cards-grid{grid-template-columns:1fr}.builder-layout{flex-direction:column!important;gap:20px!important}.options-grid{grid-template-columns:1fr!important}.responsive-canvas-wrapper{max-width:100vw;padding-bottom:15px;overflow-x:auto}}.builder-layout{flex-wrap:wrap;align-items:flex-start;gap:30px;width:100%;display:flex}.options-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.builder-panel{flex-direction:column;flex:1.2;gap:20px;min-width:400px;display:flex}.preview-panel{flex-direction:column;flex:1;gap:20px;min-width:350px;display:flex}