:root{--font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-display:"Outfit",sans-serif;--bg-primary:#0a0c10;--bg-surface:#12151d;--bg-surface-elevated:#181d28;--bg-surface-hover:#1f2533;--bg-glass:rgba(18,21,29,0.72);--border-subtle:rgba(255,255,255,0.08);--border-strong:rgba(255,255,255,0.16);--border-focus:rgba(99,102,241,0.5);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#090d16;--accent-primary:#3b82f6;--accent-glow:rgba(59,130,246,0.25);--accent-gradient:linear-gradient(135deg,#3b82f6,#6366f1);--success:#10b981;--success-glow:rgba(16,185,129,0.2);--danger:#ef4444;--warning:#f59e0b;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-sm:0 2px 8px rgba(0,0,0,0.2);--shadow-md:0 8px 24px rgba(0,0,0,0.35);--shadow-lg:0 20px 48px rgba(0,0,0,0.5);--shadow-glow:0 0 32px var(--accent-glow)}*{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100%;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%}body:has([data-theme=light]){background-color:#f4f5f7!important;color:#0f172a!important}body:has([data-theme=light]) .ambient-glow{display:none!important}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:1rem}.ambient-glow{position:fixed;top:0;left:0;right:0;height:600px;background:radial-gradient(circle 500px at 50% -100px,rgba(59,130,246,.15),transparent 70%),radial-gradient(circle 400px at 80% 200px,rgba(99,102,241,.1),transparent 60%);pointer-events:none;z-index:0}.glass-panel,.glass-panel-interactive{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.glass-panel-interactive{transition:all .2s cubic-bezier(.16,1,.3,1)}.glass-panel-interactive:hover{background:var(--bg-surface-elevated);border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.font-display,h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:.9375rem;padding:10px 20px;border-radius:var(--radius-md);transition:all .2s ease;white-space:nowrap}.btn-primary{background:var(--accent-gradient);color:#ffffff;box-shadow:0 4px 16px var(--accent-glow)}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 20px var(--accent-glow)}.btn-secondary{background:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--border-strong)}.btn-outline{border:1px solid var(--border-strong);color:var(--text-primary)}.btn-outline:hover{background:rgba(255,255,255,.05)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-input{width:100%;padding:12px 16px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.form-input::placeholder{color:var(--text-muted)}.mobile-simulator-frame{width:min(336px,calc(100vw - 32px));max-width:100%;height:680px;margin:0 auto;border-radius:40px;border:8px solid #161618;background:#000000;overflow:hidden;position:relative;box-shadow:0 25px 60px -15px rgba(0,0,0,.22),0 0 0 1px rgba(0,0,0,.08)}.mobile-simulator-notch{width:110px;height:24px;background:#161618;position:absolute;top:0;left:50%;transform:translateX(-50%);border-bottom-left-radius:14px;border-bottom-right-radius:14px;z-index:50}.mobile-simulator-screen{width:100%;height:100%;overflow-y:auto;overflow-x:hidden!important;scrollbar-width:none;-ms-overflow-style:none}.mobile-simulator-screen::-webkit-scrollbar{display:none}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-success{background:rgba(16,185,129,.15);color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-neutral{background:rgba(255,255,255,.06);color:var(--text-secondary);border:1px solid var(--border-subtle)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .35s cubic-bezier(.16,1,.3,1) forwards}.dashboard-theme{background-color:#F7F5F0!important;color:#111111!important;font-family:var(--font-sans);min-height:100vh}.dashboard-theme .ambient-glow{display:none!important}.dashboard-theme header{background-color:rgba(250,249,246,.96)!important;border-bottom:1px solid #e5e2da!important}.dashboard-theme .glass-panel{background-color:#FFFFFF!important;border:1px solid #e5e2da!important;box-shadow:0 2px 12px rgba(0,0,0,.03)!important;border-radius:16px!important;color:#111111!important}.dashboard-theme .form-label{color:#111111!important;font-weight:700!important;font-size:.8125rem!important;letter-spacing:-.01em!important;margin-bottom:6px;display:block}.dashboard-theme .form-input{background-color:#FAF9F6!important;border:1px solid #e5e2da!important;color:#111111!important;border-radius:10px!important;padding:10px 14px!important;font-size:.875rem!important;transition:all .2s ease}.dashboard-theme .form-input:focus{background-color:#FFFFFF!important;border-color:#111111!important;outline:none!important;box-shadow:0 0 0 2px rgba(17,17,17,.08)!important}.dashboard-theme .form-input::placeholder{color:#8E8B83!important}.dashboard-theme .btn-primary{background:#111111!important;color:#FFFFFF!important;border:1px solid #111111!important;border-radius:10px!important;font-weight:700!important;box-shadow:0 2px 8px rgba(0,0,0,.08)!important;transition:all .2s ease}.dashboard-theme .btn-primary:hover{background:#222222!important;transform:translateY(-1px)}.dashboard-theme .btn-secondary{background-color:#FFFFFF!important;color:#111111!important;border:1px solid #e5e2da!important;border-radius:10px!important;font-weight:600!important;box-shadow:0 1px 3px rgba(0,0,0,.03)!important;transition:all .2s ease}.dashboard-theme .btn-secondary:hover{background-color:#FAF9F6!important;border-color:#D5D1C8!important}.dashboard-theme .badge-success{background:#ECFDF5!important;color:#065F46!important;border:1px solid #a7f3d0!important}.dashboard-theme .badge-neutral{background:#F4F2EC!important;color:#55524A!important;border:1px solid #e5e2da!important}.profile-editor-grid{display:grid;grid-template-columns:1fr 380px;grid-gap:36px;gap:36px;align-items:start;min-width:0;max-width:100%;width:100%}.editor-column{min-width:0!important;max-width:100%!important;width:100%!important}.mobile-only-toggle{display:none!important}@media (max-width:1024px){.profile-editor-grid{grid-template-columns:1fr!important;gap:20px!important}.mobile-only-toggle{display:flex!important}.editor-column.mobile-hidden,.preview-column.mobile-hidden{display:none!important}.preview-column{position:static!important;width:100%!important;align-items:center!important}}@media (min-width:1025px){.editor-column{display:block!important}.preview-column{display:flex!important}}.dashboard-mobile-nav{display:none}@media (max-width:768px){.desktop-nav,.desktop-only-text{display:none!important}.dashboard-header-inner{padding:12px 16px!important}.dashboard-mobile-nav{display:flex!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px!important;border-top:1px solid rgba(229,226,218,.6);padding:8px 16px 10px!important}.dashboard-mobile-nav::-webkit-scrollbar{display:none}.mobile-nav-pill{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:6px 12px!important;border-radius:8px!important;font-size:.8125rem!important;font-weight:600!important;white-space:nowrap!important;flex-shrink:0!important;background-color:#FFFFFF;border:1px solid #e5e2da;color:#55524A;text-decoration:none}.mobile-nav-pill.admin-pill{background-color:#FEF3C7;color:#B45309;border-color:#FDE68A}.editor-header-bar{flex-direction:column!important;align-items:stretch!important}.editor-header-bar button{width:100%!important;justify-content:center!important}.admin-layout-root{flex-direction:column!important}.admin-sidebar{width:100%!important;border-right:none!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.admin-sidebar-nav{flex-direction:row!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px 12px!important;gap:6px!important}.admin-sidebar-nav::-webkit-scrollbar{display:none}.admin-sidebar-nav .admin-nav-item{white-space:nowrap!important;padding:8px 12px!important;font-size:.8rem!important;flex-shrink:0!important}.admin-sidebar-bottom{display:none!important}.custom-link-row{grid-template-columns:1fr auto!important}.custom-link-row input:first-child,.custom-link-row input:nth-child(2){grid-column:1/2!important}.custom-link-row button{grid-column:2/3!important;grid-row:1/3!important;align-self:center!important}.glass-panel{padding:20px 16px!important}}