:root{--bg-dark: #0f172a;--bg-panel: #1e293b;--bg-sidebar: #0b1437;--accent-cyan: #0ef;--text-main: #f8fafc;--text-muted: #94a3b8;--radius-sm: 10px;--radius-md: 15px;--radius-full: 25px;--transition: .3s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;overflow-x:hidden;overflow-y:auto}.login-container{position:relative;width:400px;min-height:450px;max-height:90vh;display:flex;justify-content:center;align-items:center;margin:40px auto;padding:20px;top:0;transform:none;box-sizing:border-box}@media(max-height:600px){.login-container{margin:20px auto;min-height:400px}}@media(max-width:480px){.login-container{width:90%;margin:20px auto}.login-form{padding:20px 15px;width:100%}}.glowing-ring{position:absolute;width:100%;height:100%;border-radius:50%;background:repeating-conic-gradient(from 0deg,var(--accent-cyan) 0deg 8deg,transparent 8deg 15deg);-webkit-mask:radial-gradient(transparent 62%,black 63%);mask:radial-gradient(transparent 62%,black 63%);filter:drop-shadow(0 0 15px rgba(0,238,255,.4));animation:rotateRing 20s linear infinite;opacity:.6}@keyframes rotateRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-form{position:relative;z-index:10;width:80%;display:flex;flex-direction:column;gap:15px;background:#0f172abf;padding:30px 20px;border-radius:var(--radius-md);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.login-form h2{text-align:center;color:var(--accent-cyan);margin-bottom:10px;font-size:2rem}.input-group{display:flex;flex-direction:column;margin-bottom:12px}.input-group input{width:100%;padding:12px 15px;background:var(--bg-panel);border:1px solid transparent;border-radius:var(--radius-full);color:var(--text-main);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.input-group input::placeholder{color:var(--text-muted)}.input-group input:focus{border-color:var(--accent-cyan);box-shadow:0 0 10px #0ef3}.forget-link,.forgot-link{text-align:left;font-size:.85rem}.forget-link a,.forgot-link a,.signup-link a,.sign-up-link a{color:var(--accent-cyan);text-decoration:none;font-weight:600}.forget-link a:hover,.forgot-link a:hover,.signup-link a:hover,.sign-up-link a:hover{text-decoration:underline}.sign-up-link,.signup-link{text-align:center;font-size:.9rem;margin-top:8px;color:var(--text-muted)}.button-primary{width:100%;padding:12px;background:var(--accent-cyan);color:#000;border:none;border-radius:var(--radius-full);font-weight:700;font-size:1rem;cursor:pointer;margin-top:6px;transition:box-shadow var(--transition)}.button-primary:hover{box-shadow:0 0 18px var(--accent-cyan)}.button-oauth{width:100%;padding:10px;margin-bottom:8px;background:transparent;color:var(--text-main);border:1px solid var(--text-muted);border-radius:var(--radius-full);cursor:pointer;font-size:.95rem;transition:border-color var(--transition),color var(--transition)}.button-oauth:last-child{margin-bottom:0}.button-oauth:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.divider{display:flex;align-items:center;text-align:center;color:var(--text-muted);font-size:.8rem;margin:6px 0}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--text-muted)}.divider span{padding:0 10px}#link-to-forget p{text-align:center;font-size:.88rem;color:var(--text-muted);margin-bottom:14px}.dashboard-layout{width:100vw;height:100vh;display:flex;background:#f4f7fe;color:#333}.sidebar{width:260px;background:var(--bg-sidebar);color:#fff;display:flex;flex-direction:column;padding:24px 16px;border-top-right-radius:20px;border-bottom-right-radius:20px;flex-shrink:0}.sidebar .logo{font-size:1.4rem;font-weight:700;color:var(--accent-cyan);margin-bottom:36px;text-align:center;letter-spacing:.04em}.nav-links{list-style:none;flex-grow:1;display:flex;flex-direction:column;gap:4px}.nav-links li{padding:13px 15px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition),color var(--transition);color:#a3aad1;display:flex;align-items:center;gap:10px;font-size:.95rem}.nav-links li .icon{font-size:1.1rem}.nav-links li:hover,.nav-links li.active{background:var(--accent-cyan);color:#000;font-weight:600}.btn-logout{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.1);padding:13px 15px;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;transition:background var(--transition);text-align:left}.btn-logout:hover{background:#ffffff26}.main-wrapper{flex-grow:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:72px;padding:0 36px;display:flex;justify-content:space-between;align-items:center;background:transparent;flex-shrink:0}.search-bar input{padding:10px 20px;border-radius:20px;border:1px solid #ddd;width:300px;outline:none;background:#fff;color:#333;font-size:.9rem;transition:border-color var(--transition),box-shadow var(--transition)}.search-bar input:focus{border-color:var(--accent-cyan);box-shadow:0 0 8px #0ef3}.profile-widget{display:flex;align-items:center;gap:12px;font-weight:600;color:#333}.avatar{width:40px;height:40px;background:var(--accent-cyan);border-radius:50%;display:grid;place-items:center;font-weight:700;color:#000;font-size:.9rem}.content-panel{flex-grow:1;padding:24px 36px;overflow-y:auto}.content-panel h2{font-size:1.4rem;color:var(--bg-sidebar);margin-bottom:4px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}.stat-card{background:#fff;padding:22px 20px;border-radius:var(--radius-md);box-shadow:0 4px 20px #00000012;border-top:3px solid transparent;transition:border-color var(--transition),transform var(--transition)}.stat-card:hover{border-top-color:var(--accent-cyan);transform:translateY(-3px)}.stat-card h3{color:#a3aad1;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.stat-card p{font-size:2rem;font-weight:700;color:var(--bg-sidebar)}.studio-layout{width:100vw;height:100vh;display:flex;background:#f8fafc;color:#333}.studio-tools{width:380px;background:#fff;padding:24px;border-right:1px solid #e2e8f0;overflow-y:auto;flex-shrink:0}.tool-section{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.tool-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.tool-section label{display:block;font-size:.85rem;font-weight:600;color:#64748b;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.clean-input{width:100%;padding:12px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s;background:#fff;color:#333}.clean-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px #00eeff1a}.color-pickers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.color-box{display:flex;flex-direction:column;gap:6px}.color-box span{font-size:.75rem;color:#64748b;font-weight:500}.color-box input[type=color]{width:100%;height:40px;border:none;border-radius:6px;cursor:pointer;padding:0}.checkbox-group{display:flex;align-items:center;gap:8px;margin-top:8px}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-cyan);cursor:pointer}.checkbox-group label{font-size:.9rem;color:#334155;font-weight:500;cursor:pointer;margin:0}.gradient-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.collapse-btn{padding:6px 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#333;font-size:.8rem;cursor:pointer;transition:all .2s;font-weight:500}.collapse-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00eeff0d}.gradient-palette{margin-top:12px;transition:max-height .3s ease,opacity .3s ease;overflow:hidden;max-height:1000px;opacity:1}.gradient-palette.collapsed{max-height:0;opacity:0}.gradient-palette .palette-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:12px}.gradient-palette .section-label{font-size:.78rem;font-weight:500;color:#bbb;letter-spacing:.05em;margin:12px 0 8px}.gradient-palette .swatch{aspect-ratio:1;border-radius:50%;cursor:pointer;position:relative;transition:transform .2s ease,box-shadow .2s ease}.gradient-palette .swatch:hover{transform:scale(1.18);box-shadow:0 8px 24px #0003;z-index:2}.gradient-palette .swatch:active{transform:scale(.94)}.gradient-palette .swatch:after{content:attr(data-label);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#111;color:#fff;font-size:.62rem;padding:3px 8px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.gradient-palette .swatch:hover:after{opacity:1}.gradient-palette .top-1{background:linear-gradient(135deg,#f87171,#fb923c)}.gradient-palette .top-2{background:linear-gradient(135deg,#a21caf,#7c3aed)}.gradient-palette .top-3{background:linear-gradient(135deg,#9f1239,#b91c1c)}.gradient-palette .top-4{background:linear-gradient(135deg,#fb923c,#fbbf24)}.gradient-palette .top-5{background:linear-gradient(135deg,#be185d,#9f1239)}.gradient-palette .top-6{background:linear-gradient(135deg,#ec4899,#f43f5e)}.gradient-palette .top-7{background:linear-gradient(135deg,#c026d3,#9333ea)}.gradient-palette .g1{background:linear-gradient(135deg,#e8e8e8,silver)}.gradient-palette .g2{background:linear-gradient(135deg,silver,#6b6b6b)}.gradient-palette .g3{background:linear-gradient(135deg,#6b6b6b,#1a1a1a)}.gradient-palette .g4{background:linear-gradient(135deg,#1a1c5e,#3b4cc0)}.gradient-palette .g5{background:linear-gradient(135deg,#92400e,#b45309)}.gradient-palette .g6{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.gradient-palette .g7{background:linear-gradient(135deg,#c4b5fd,#8b5cf6)}.gradient-palette .g8{background:linear-gradient(135deg,#fce4ec,#f9a8d4)}.gradient-palette .g9{background:linear-gradient(135deg,#ffe0b2,#fdba74)}.gradient-palette .g10{background:linear-gradient(135deg,#fed7aa,#fbbf24)}.gradient-palette .g11{background:linear-gradient(135deg,#99f6e4,#67e8f9)}.gradient-palette .g12{background:linear-gradient(135deg,#bae6fd,#ddd6fe)}.gradient-palette .g13{background:linear-gradient(135deg,#c7d2fe,#e0e7ff)}.gradient-palette .g14{background:linear-gradient(135deg,#f9a8d4,#fda4af)}.gradient-palette .g15{background:linear-gradient(135deg,#a855f7,#ec4899)}.gradient-palette .g16{background:linear-gradient(135deg,#ef4444,#fb923c)}.gradient-palette .g17{background:linear-gradient(135deg,#f97316,#ef4444)}.gradient-palette .g18{background:linear-gradient(135deg,#34d399,#059669)}.gradient-palette .g19{background:linear-gradient(135deg,#818cf8,#6366f1)}.gradient-palette .g20{background:linear-gradient(135deg,#c4b5fd,#a78bfa)}.gradient-palette .g21{background:linear-gradient(135deg,#f472b6,#ec4899)}.gradient-palette .g22{background:linear-gradient(135deg,#f97316,#a855f7,#3b82f6)}.gradient-palette .g23{background:linear-gradient(135deg,#fbbf24,#f97316,#ef4444)}.gradient-palette .g24{background:linear-gradient(135deg,#f59e0b,#84cc16,#10b981)}.gradient-palette .g25{background:linear-gradient(135deg,#15803d,#065f46,#1e3a2f)}.gradient-palette .g26{background:linear-gradient(135deg,#f97316,#b45309,#78350f)}.gradient-palette .g27{background:linear-gradient(135deg,#38bdf8,#818cf8,#c084fc)}.gradient-palette .g28{background:linear-gradient(135deg,#fcd34d,#f97316,#ec4899)}.gradient-palette .g29{background:linear-gradient(135deg,#f87171,#fb923c,#fbbf24)}.gradient-palette .g30{background:linear-gradient(135deg,#d97706,#92400e)}.gradient-palette .g31{background:linear-gradient(135deg,#d6d3d1,#a8a29e)}.gradient-palette .g32{background:linear-gradient(135deg,#14b8a6,#0f766e)}.gradient-palette .g33{background:linear-gradient(135deg,#38bdf8,#0ea5e9)}.gradient-palette .g34{background:linear-gradient(135deg,#6366f1,#4338ca)}.gradient-palette .g35{background:linear-gradient(135deg,#7c3aed,#5b21b6)}.gradient-palette .g36{background:linear-gradient(135deg,#d946ef,#a855f7,#818cf8)}.gradient-palette .g37{background:linear-gradient(135deg,#fde68a,#fbbf24)}.gradient-palette .g38{background:linear-gradient(135deg,#bef264,#84cc16)}.gradient-palette .g39{background:linear-gradient(135deg,#4ade80,#22c55e)}.gradient-palette .g40{background:linear-gradient(135deg,#22d3ee,#0ea5e9,#38bdf8)}.gradient-palette .g41{background:linear-gradient(135deg,#93c5fd,#bfdbfe,#dbeafe)}.gradient-palette .g42{background:linear-gradient(135deg,#818cf8,#6366f1,#4f46e5)}.gradient-palette .g43{background:linear-gradient(135deg,#1e1b4b,#312e81)}.gradient-palette .g44{background:linear-gradient(135deg,#292524,#44403c)}.gradient-palette .g45{background:linear-gradient(135deg,#7c2d12,#92400e)}.gradient-palette .g46{background:linear-gradient(135deg,#14532d,#166534)}.gradient-palette .g47{background:linear-gradient(135deg,#134e4a,#0f766e)}.gradient-palette .g48{background:linear-gradient(135deg,#1e3a5f,#1d4ed8)}.gradient-palette .g49{background:linear-gradient(135deg,#1e1b4b,#4c1d95)}.gradient-palette .g50{background:linear-gradient(135deg,#f5e6ca,#d4a853)}.gradient-palette .g51{background:linear-gradient(135deg,#c8a96e,#a07850)}.gradient-palette .g52{background:linear-gradient(135deg,#c0b8b0,#8a7060)}.gradient-palette .g53{background:linear-gradient(135deg,#e2e8f0,#94a3b8)}.gradient-palette .g54{background:linear-gradient(135deg,#7dd3fc,#38bdf8)}.gradient-palette .g55{background:linear-gradient(135deg,#d1d5db,#9ca3af)}.gradient-palette .g56{background:linear-gradient(135deg,#e5e7eb,silver)}.style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.style-btn{padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#333;font-size:.85rem;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.05em}.style-btn:hover{border-color:#cbd5e1;background:#f8fafc}.style-btn.active{border-color:var(--accent-cyan);background:#00eeff1a;color:#000;font-weight:600}.file-input{width:100%;padding:8px;border:1px dashed #cbd5e1;border-radius:6px;background:#fff;font-size:.9rem;color:#64748b}.ai-section{background:#f1f5f9;padding:14px;border-radius:8px;border:1px solid #e2e8f0}.ai-section label{color:#334155;font-weight:700;margin-bottom:10px}.generate-btn{width:100%;padding:14px;background:var(--accent-cyan);color:#000;border:none;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:8px}.generate-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00eeff4d}.studio-preview{flex-grow:1;display:flex;flex-direction:column;padding:24px;background:#fff}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.status-dot{display:inline-block;width:8px;height:8px;background:#10b981;border-radius:50%;margin-right:8px;box-shadow:0 0 8px #10b981;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.export-options{display:flex;gap:12px}.download-btn{padding:14px 28px;border:none;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;font-size:14px;letter-spacing:.5px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #667eea4d;text-transform:uppercase;border:1px solid rgba(255,255,255,.2)}.download-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 40px #667eea80;background:linear-gradient(135deg,#5a6fd8,#6a4190)}.download-btn:active{transform:translateY(-1px) scale(.98)}.download-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s;z-index:1}.download-btn:hover:before{left:100%}.download-btn span{position:relative;z-index:2;display:flex;align-items:center;gap:8px}.download-btn .icon{font-size:16px;transition:transform .3s ease}.download-btn:hover .icon{transform:rotate(180deg)}.btn-secondary{padding:10px 20px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#333;font-size:.9rem;cursor:pointer;transition:all .2s;font-weight:600}.btn-secondary:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00eeff0d}.canvas-container{flex-grow:1;display:flex;justify-content:center;align-items:center;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.qr-placeholder{width:300px;height:300px;background:#fff;border-radius:8px;display:grid;place-items:center;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0}.qr-placeholder p{color:#94a3b8;font-size:.9rem;text-align:center;padding:20px}@media(max-width:1024px){.studio-layout{flex-direction:column;height:auto}.studio-tools{width:100%;height:auto;border-right:none;border-bottom:1px solid #e2e8f0}.studio-preview{padding:16px}.canvas-container{min-height:300px}}@media(max-width:480px){.studio-tools{padding:16px}.tool-section{margin-bottom:16px;padding-bottom:12px}.color-pickers,.style-grid{grid-template-columns:1fr}.canvas-container{min-height:250px}.qr-placeholder{width:250px;height:250px}}