/* WASSLA Light — shared visual system for the PHP application. */
@font-face{font-family:Cairo;src:url(../assets/studio/cairo-arabic-400-normal-DN15VWMM.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Cairo;src:url(../assets/studio/cairo-arabic-500-normal-DDl0i4Xv.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Cairo;src:url(../assets/studio/cairo-arabic-600-normal-rkrvveqO.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Cairo;src:url(../assets/studio/cairo-arabic-700-normal-D3nDedWX.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url(../assets/studio/inter-latin-400-normal-C38fXH4l.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url(../assets/studio/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root,[data-theme=light]{color-scheme:light;--font:"Cairo","Segoe UI",sans-serif;--bg:#f8fafc;--bg-elevated:#fff;--glass-bg:#fff;--glass-bg-strong:#fff;--glass-bg-hover:#f8fafc;--glass-border:#e2e8f0;--glass-border-soft:#edf2f7;--glass-border-lit:#93c5fd;--field-bg:#f8fafc;--field-bg-focus:#fff;--field-border:#dbe3ee;--text:#0f172a;--text-soft:#334155;--text-muted:#64748b;--text-faint:#94a3b8;--text-on-accent:#fff;--accent:#3b82f6;--accent-2:#2563eb;--highlight:#3b82f6;--accent-rgb:59,130,246;--highlight-rgb:37,99,235;--success:#047857;--success-rgb:4,120,87;--success-bg:#ecfdf5;--danger:#b91c1c;--danger-rgb:185,28,28;--danger-bg:#fef2f2;--warning:#b45309;--warning-rgb:180,83,9;--warning-bg:#fffbeb;--info:#2563eb;--info-rgb:37,99,235;--info-bg:#eff6ff;--brand-deep:#0f172a;--brand-deeper:#07101f;--accent-on:#fff;--cover-fade-rgb:248,250,252;--grad-brand:linear-gradient(135deg,#3b82f6,#2563eb);--grad-brand-rev:linear-gradient(135deg,#2563eb,#60a5fa);--grad-deep:linear-gradient(135deg,#17243b,#0f172a);--mesh:radial-gradient(circle at 82% -10%,rgba(59,130,246,.1),transparent 30%),radial-gradient(circle at 8% 20%,rgba(139,92,246,.06),transparent 25%),#f8fafc;--shadow-xs:0 1px 2px rgba(15,23,42,.03);--shadow-sm:0 1px 2px rgba(15,23,42,.03),0 6px 18px rgba(15,23,42,.04);--shadow-md:0 12px 32px rgba(15,23,42,.07);--shadow-lg:0 20px 50px rgba(15,23,42,.1);--shadow-xl:0 30px 75px rgba(15,23,42,.14);--shadow-glow:0 8px 26px rgba(37,99,235,.16);--shadow-glow-lg:0 14px 40px rgba(37,99,235,.2);--overlay:rgba(15,23,42,.42);--scroll-thumb:#cbd5e1;--scroll-thumb-hover:#94a3b8;--sidebar-w:244px}
[data-theme=dark]{color-scheme:dark;--bg:#0b1220;--bg-elevated:#111b2e;--glass-bg:#111b2e;--glass-bg-strong:#111b2e;--glass-bg-hover:#172238;--glass-border:#26344d;--glass-border-soft:#1f2c43;--glass-border-lit:#3b82f6;--field-bg:#172238;--field-bg-focus:#1e2b43;--field-border:#34445e;--text:#f8fafc;--text-soft:#cbd5e1;--text-muted:#94a3b8;--text-faint:#64748b;--mesh:radial-gradient(circle at 80% -10%,rgba(59,130,246,.15),transparent 31%),#0b1220;--shadow-sm:0 7px 22px rgba(0,0,0,.16);--shadow-md:0 14px 35px rgba(0,0,0,.24);--shadow-lg:0 24px 60px rgba(0,0,0,.3)}
html{font-family:var(--font);background:var(--bg)}body,button,input,select,textarea{font-family:var(--font)!important}body{color:var(--text);background:var(--mesh)!important;background-attachment:fixed!important;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{color:var(--text)}p{color:var(--text-soft)}a{transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}input,select,textarea{accent-color:var(--accent)}input[type=email],input[type=tel],input[type=url],[dir=ltr]{font-family:Inter,"Segoe UI",sans-serif!important}:focus-visible{outline:3px solid rgba(59,130,246,.25)!important;outline-offset:3px!important}::selection{background:#3b82f6;color:#fff}*{scrollbar-color:var(--scroll-thumb) transparent}button:disabled,.disabled{opacity:.5;cursor:not-allowed}

/* Shared controls and surfaces */
.app-dashboard :is(.card,.analytics-card,.content-card,.stat-card,.settings-section,.billing-card,.pricing-card,.qr-card,.import-card,.enterprise-card,.profile-card,.modal-content),.app-wizard .card-box{background:var(--bg-elevated)!important;border:1px solid var(--glass-border)!important;border-radius:16px!important;box-shadow:var(--shadow-sm)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.app-dashboard :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea),.app-wizard :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){min-height:46px!important;border:1px solid var(--field-border)!important;border-radius:12px!important;background:var(--field-bg)!important;color:var(--text)!important;box-shadow:none!important}
.app-dashboard :is(input,select,textarea):focus,.app-wizard :is(input,select,textarea):focus{border-color:#93c5fd!important;background:var(--field-bg-focus)!important;box-shadow:0 0 0 3px rgba(59,130,246,.1)!important;outline:0!important}
.app-dashboard :is(.btn-primary,.btn-save,.btn-add,.btn-submit,.primary-btn,.upgrade-btn,.action-primary),.app-wizard :is(.btn-next,.btn-finish){border:0!important;border-radius:12px!important;background:var(--grad-brand)!important;color:#fff!important;box-shadow:0 9px 22px rgba(37,99,235,.18)!important}
.app-dashboard :is(.btn-primary,.btn-save,.btn-add,.btn-submit,.primary-btn,.upgrade-btn,.action-primary):hover,.app-wizard :is(.btn-next,.btn-finish):hover{transform:translateY(-1px)!important;box-shadow:0 13px 28px rgba(37,99,235,.24)!important}
.app-dashboard :is(.btn-secondary,.btn-cancel,.secondary-btn),.app-wizard :is(.btn-prev,.btn-cancel){border:1px solid var(--glass-border)!important;border-radius:12px!important;background:var(--bg-elevated)!important;color:var(--text-soft)!important}
.alert-success{background:var(--success-bg)!important;color:var(--success)!important;border-color:#bbf7d0!important}.alert-danger,.alert-error{background:var(--danger-bg)!important;color:var(--danger)!important;border-color:#fecaca!important}

/* Legacy dashboard shell */
.app-dashboard{min-width:320px}.app-dashboard .dashboard-container{display:block!important;min-height:100dvh!important;direction:ltr}.app-dashboard .sidebar{position:fixed!important;z-index:900!important;inset:0 auto 0 0!important;width:244px!important;height:100dvh!important;display:flex!important;flex-direction:column!important;padding:24px 17px 18px!important;overflow-y:auto!important;overflow-x:hidden!important;direction:rtl;background:var(--bg-elevated)!important;background-image:none!important;border:0!important;border-right:1px solid var(--glass-border)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.app-dashboard .sidebar::before{display:none!important}.app-dashboard .main-content{width:auto!important;max-width:none!important;min-width:0!important;margin:0 0 0 244px!important;padding:clamp(24px,3.2vw,48px)!important;direction:rtl}.legacy-brand{order:0;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:5px 10px 27px;margin-bottom:5px}.legacy-brand-word{font:800 24px/1 Inter,sans-serif;letter-spacing:-1.3px}.legacy-brand-wordmark{width:92px;height:auto;max-width:none;object-fit:contain}.legacy-brand-badge{align-self:flex-start;padding:2px 7px;border-radius:6px;background:var(--accent);color:#fff;font:700 8px/1.6 Inter,sans-serif}.app-dashboard .sidebar>.theme-toggle{order:1;position:absolute!important;top:24px!important;right:auto!important;left:17px!important;width:39px!important;height:39px!important;border:1px solid var(--glass-border)!important;border-radius:11px!important;background:var(--bg-elevated)!important;color:var(--text-muted)!important;box-shadow:var(--shadow-sm)!important}.app-dashboard .sidebar-menu{order:2;display:grid!important;gap:5px!important;margin:0!important;padding:0!important;overflow:visible!important}.app-dashboard .sidebar-menu a{position:relative;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;min-height:50px!important;padding:8px 11px!important;margin:0!important;border:1px solid transparent!important;border-radius:12px!important;background:transparent!important;color:var(--text-muted)!important;font-size:12px!important;box-shadow:none!important;overflow:hidden}.app-dashboard .sidebar-menu a i{width:35px!important;height:35px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:var(--bg)!important;color:var(--text-muted)!important;font-size:15px!important}.app-dashboard .sidebar-menu a:hover{background:var(--bg)!important;color:var(--text)!important;transform:none!important}.app-dashboard .sidebar-menu a.active{background:#eff6ff!important;color:#2563eb!important;font-weight:700!important}.app-dashboard[data-theme=dark] .sidebar-menu a.active,.app-dashboard [data-theme=dark] .sidebar-menu a.active{background:rgba(59,130,246,.14)!important}.app-dashboard .sidebar-menu a.active i{background:var(--bg-elevated)!important;color:#3b82f6!important;box-shadow:var(--shadow-sm)!important}.app-dashboard .sidebar-menu a.active::after{content:""!important;display:block!important;position:absolute!important;left:-17px!important;right:auto!important;top:13px!important;width:4px!important;height:24px!important;border-radius:0 5px 5px 0!important;background:#3b82f6!important}.app-dashboard .sidebar-menu>div:not([class]){padding:18px 11px 5px!important;color:var(--text-faint)!important;font-size:9px!important;letter-spacing:.08em!important}.app-dashboard .user-info{order:3;margin:auto 0 0!important;padding:15px 7px 0!important;border:0!important;border-top:1px solid var(--glass-border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:right!important;animation:none!important}.app-dashboard .profile-slider-wrap{display:flex!important;justify-content:flex-start!important;gap:7px!important;margin:0!important}.app-dashboard .avatar-container,.app-dashboard .sidebar .user-info .avatar-container{position:static!important;width:44px!important;height:44px!important;min-width:44px!important;margin:0!important}.app-dashboard .avatar-container::before,.app-dashboard .avatar-container::after{display:none!important}.app-dashboard .avatar-large,.app-dashboard .sidebar .user-info .avatar-large{width:44px!important;height:44px!important;border:2px solid var(--bg-elevated)!important;border-radius:50%!important;object-fit:cover!important;box-shadow:0 0 0 1px var(--glass-border)!important}.app-dashboard .sidebar .user-info .profile-meta{display:block!important;min-width:0!important;padding:0 7px!important}.app-dashboard .sidebar .user-info .profile-meta h3{max-width:120px!important;margin:1px 0!important;color:var(--text)!important;font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.app-dashboard .sidebar .user-info .profile-meta p{margin:0!important;color:var(--text-muted)!important;font:400 8px Inter,sans-serif!important}.app-dashboard .sidebar .user-info .plan-badge{position:absolute!important;right:7px!important;bottom:52px!important;width:max-content!important;height:auto!important;padding:2px 6px!important;border:0!important;border-radius:6px!important;background:#eff6ff!important;color:#2563eb!important;font-size:7px!important;box-shadow:none!important}.app-dashboard .sidebar .user-info .btn-view-profile{display:none!important}.app-dashboard .sidebar .slider-arrow{display:none!important}.app-dashboard .mobile-top-bar{display:none!important}.app-dashboard .return-to-studio{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;padding:12px 15px;border:1px solid #bfdbfe;border-radius:13px;background:#eff6ff;color:#1d4ed8;font-size:11px}.app-dashboard .return-to-studio a{font-weight:700}.app-dashboard .page-intro{margin-bottom:26px}.app-dashboard .page-eyebrow{color:#3b82f6}.app-dashboard .page-intro h1{font-size:clamp(24px,3vw,35px);letter-spacing:-.6px}.app-dashboard .stats-grid,.app-dashboard .overview-grid{gap:14px!important}.app-dashboard .stat-card,.app-dashboard .overview-stat{background:var(--bg-elevated)!important;border:1px solid var(--glass-border)!important;border-radius:15px!important;box-shadow:var(--shadow-sm)!important}.app-dashboard .top-header,.app-dashboard .dashboard-header{background:var(--bg-elevated)!important;border-color:var(--glass-border)!important}.app-dashboard .profile-share-section,.app-dashboard .smart-banner{border-radius:16px!important;box-shadow:var(--shadow-sm)!important}.app-dashboard table{border-collapse:separate!important;border-spacing:0!important}.app-dashboard th{background:var(--bg)!important;color:var(--text-muted)!important}.app-dashboard td{border-color:var(--glass-border)!important}.app-dashboard tr:hover td{background:var(--bg)!important}.app-dashboard .modal-overlay,.app-dashboard .confirm-modal-overlay{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
body.app-dashboard{color:var(--text)!important;background:var(--mesh)!important;background-attachment:fixed!important}body.app-dashboard .sidebar{background:var(--bg-elevated)!important;color:var(--text)!important}body.app-dashboard :is(h1,h2,h3,h4,h5,h6,strong){color:var(--text)!important}body.app-dashboard :is(p,.subtitle,.muted){color:var(--text-muted)!important}body.app-dashboard :is(.card,.overview-stat,.link-item,.links-toolbar,.link-form-card){background:var(--bg-elevated)!important;border-color:var(--glass-border)!important;box-shadow:var(--shadow-sm)!important}
html[data-theme=light] body.app-dashboard{--bg:#f8fafc!important;--bg-elevated:#fff!important;--glass-bg:#fff!important;--glass-bg-strong:#fff!important;--glass-bg-hover:#f8fafc!important;--glass-border:#e2e8f0!important;--glass-border-soft:#edf2f7!important;--glass-border-lit:#93c5fd!important;--field-bg:#f8fafc!important;--field-bg-focus:#fff!important;--field-border:#dbe3ee!important;--text:#0f172a!important;--text-soft:#334155!important;--text-muted:#64748b!important;--text-faint:#94a3b8!important;--accent:#3b82f6!important;--accent-2:#2563eb!important;--highlight:#3b82f6!important;--accent-rgb:59,130,246!important;--highlight-rgb:37,99,235!important;--grad-brand:linear-gradient(135deg,#3b82f6,#2563eb)!important;--mesh:radial-gradient(circle at 82% -10%,rgba(59,130,246,.1),transparent 30%),radial-gradient(circle at 8% 20%,rgba(139,92,246,.06),transparent 25%),linear-gradient(#f8fafc,#f8fafc)!important;color:var(--text)!important;background-color:#f8fafc!important;background-image:radial-gradient(circle at 82% -10%,rgba(59,130,246,.1),transparent 30%),radial-gradient(circle at 8% 20%,rgba(139,92,246,.06),transparent 25%)!important;background-attachment:fixed!important}html[data-theme=dark] body.app-dashboard{--accent:#3b82f6!important;--highlight:#60a5fa!important;--accent-rgb:59,130,246!important;--highlight-rgb:96,165,250!important}html[data-theme] body.app-dashboard .sidebar{background:var(--bg-elevated)!important}html[data-theme] body.app-dashboard :is(.page-intro,.card,.link-item,.links-toolbar,.link-form-card,.overview-stat){color:var(--text)!important}html[data-theme] body.app-dashboard :is(.page-intro h1,.page-intro h2,.card h2,.card h3,.card strong,.link-item strong){color:var(--text)!important}html[data-theme] body.app-dashboard :is(.page-intro>div>p:not(.page-eyebrow),.card p,.link-details a){color:var(--text-muted)!important}html[data-theme] body.app-dashboard :is(.btn-success,.btn-primary,.btn-add){border-color:transparent!important;background:var(--grad-brand)!important;color:#fff!important}
body.app-dashboard .smart-wizard-banner{background:linear-gradient(135deg,#17243b,#0f172a)!important;border:1px solid #26344d!important;box-shadow:0 16px 38px rgba(15,23,42,.13)!important}body.app-dashboard .smart-wizard-banner h3{color:#fff!important}body.app-dashboard .smart-wizard-banner p{color:#cbd5e1!important}body.app-dashboard .smart-wizard-banner>a{color:#0f172a!important;background:#fff!important}
body.app-dashboard .analytics-header-banner :is(h1,h2,h3,strong){color:#fff!important}body.app-dashboard .analytics-header-banner p{color:#cbd5e1!important}body.app-dashboard .analytics-header-banner .live-indicator{color:#6ee7b7!important}

/* Authentication */
.app-auth{min-height:100dvh!important;background:radial-gradient(circle at 88% 3%,rgba(59,130,246,.13),transparent 28%),radial-gradient(circle at 4% 92%,rgba(139,92,246,.08),transparent 25%),#f8fafc!important;color:#0f172a!important}.app-auth .auth-wrapper{padding:clamp(18px,4vw,48px)!important;overflow:visible!important}.app-auth .auth-wrapper::before,.app-auth .auth-wrapper::after{display:none!important}.app-auth .auth-box{width:min(100%,1020px)!important;min-height:610px!important;border:1px solid #e2e8f0!important;border-radius:24px!important;background:#fff!important;box-shadow:0 30px 80px rgba(15,23,42,.1)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:hidden!important}.app-auth .auth-side{position:relative!important;overflow:hidden!important;padding:clamp(30px,5vw,58px)!important;background:linear-gradient(145deg,#17243b,#0f172a)!important;color:#fff!important}.app-auth .auth-side::before{content:"W";position:absolute;left:-15px;bottom:-75px;color:rgba(255,255,255,.06);font:800 310px/1 Inter,sans-serif}.app-auth .auth-side::after{width:360px!important;height:360px!important;right:-190px!important;top:-170px!important;left:auto!important;border:1px solid rgba(147,197,253,.22)!important;border-radius:50%!important;background:radial-gradient(circle,rgba(59,130,246,.27),transparent 65%)!important}.app-auth .auth-side-content{max-width:430px!important}.app-auth .auth-side-content h2{color:#fff!important;font-size:clamp(28px,4vw,42px)!important;letter-spacing:-.7px!important}.app-auth .auth-side-content p{color:#cbd5e1!important;line-height:1.9!important}.app-auth .auth-form-container{padding:clamp(28px,5vw,58px)!important;background:#fff!important}.app-auth .auth-form-container h2{color:#0f172a!important;font-size:clamp(24px,3vw,33px)!important}.app-auth .auth-form-container p,.app-auth .auth-footer{color:#64748b!important}.app-auth .form-group-custom,.app-auth .input-group-custom,.app-auth .phone-input-wrap{border:1px solid #dbe3ee!important;border-radius:12px!important;background:#f8fafc!important;box-shadow:none!important}.app-auth .form-group-custom:focus-within,.app-auth .input-group-custom:focus-within,.app-auth .phone-input-wrap:focus-within{border-color:#93c5fd!important;background:#fff!important;box-shadow:0 0 0 3px rgba(59,130,246,.1)!important}.app-auth input,.app-auth select{color:#0f172a!important}.app-auth input::placeholder{color:#94a3b8!important}.app-auth .login-tabs{padding:5px!important;border:0!important;border-radius:12px!important;background:#f1f5f9!important}.app-auth .login-tab{border-radius:9px!important;color:#64748b!important}.app-auth .login-tab.active{background:#fff!important;color:#2563eb!important;box-shadow:var(--shadow-sm)!important}.app-auth :is(.auth-btn,.submit-btn,.btn-login,.btn-register,button[type=submit]){min-height:48px!important;border:0!important;border-radius:12px!important;background:var(--grad-brand)!important;color:#fff!important;box-shadow:0 10px 24px rgba(37,99,235,.2)!important;font-weight:700!important}.app-auth a{color:#2563eb!important}.app-auth .theme-toggle-floating{top:18px!important;right:auto!important;left:18px!important;width:42px!important;height:42px!important;border:1px solid #e2e8f0!important;border-radius:12px!important;background:#fff!important;color:#475569!important;box-shadow:var(--shadow-sm)!important}.app-auth .brand-logo-wrapper{filter:none!important}
html[data-theme=light] body.app-auth{--bg:#f8fafc!important;--bg-elevated:#fff!important;--glass-bg:#fff!important;--glass-border:#e2e8f0!important;--field-bg:#f8fafc!important;--field-bg-focus:#fff!important;--field-border:#dbe3ee!important;--text:#0f172a!important;--text-soft:#334155!important;--text-muted:#64748b!important;--text-faint:#94a3b8!important;--accent:#3b82f6!important;--accent-2:#2563eb!important;--highlight:#3b82f6!important;--accent-rgb:59,130,246!important;--highlight-rgb:37,99,235!important;--grad-brand:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#0f172a!important;background-color:#f8fafc!important}

/* Marketing, legal and landing pages */
.public-glass{background:#fff!important;color:#0f172a!important}.public-glass::before{display:none!important}.public-glass .navbar{background:rgba(255,255,255,.92)!important;border-bottom:1px solid #e2e8f0!important;box-shadow:none!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}.public-glass .navbar.scrolled{box-shadow:0 8px 30px rgba(15,23,42,.06)!important}.public-glass .nav-link-item{color:#475569!important}.public-glass .nav-link-item:hover{color:#2563eb!important}.public-glass :is(.nav-login-btn,.hero-search-btn,.btn-primary-custom,.cta-btn){border-radius:12px!important;background:var(--grad-brand)!important;color:#fff!important;box-shadow:0 9px 22px rgba(37,99,235,.2)!important}.public-glass .hero-section{background:radial-gradient(circle at 50% 0,rgba(59,130,246,.11),transparent 34%),#fff!important}.public-glass .hero-bg{background:transparent!important}.public-glass .hero-grid-lines{opacity:.35!important}.public-glass .hero-title,.public-glass .section-title{color:#0f172a!important}.public-glass .hero-title .highlight,.public-glass .section-title .highlight{color:#2563eb!important;background:none!important;-webkit-text-fill-color:currentColor!important}.public-glass .hero-subtitle,.public-glass .section-subtitle{color:#64748b!important}.public-glass .hero-badge,.public-glass .section-badge{border:1px solid #dbeafe!important;background:#eff6ff!important;color:#2563eb!important;box-shadow:none!important}.public-glass .hero-search-wrapper{border:1px solid #dbe3ee!important;border-radius:15px!important;background:#fff!important;box-shadow:0 15px 40px rgba(15,23,42,.08)!important}.public-glass .hero-search-wrapper:focus-within{border-color:#93c5fd!important;box-shadow:0 0 0 4px rgba(59,130,246,.1),0 15px 40px rgba(15,23,42,.08)!important}.public-glass .hero-search-input{color:#0f172a!important}.public-glass .stats-section,.public-glass .how-section,.public-glass .features-section,.public-glass .pricing-section,.public-glass .slider-section{background:#f8fafc!important;color:#0f172a!important}.public-glass .how-section:nth-of-type(odd),.public-glass .features-section{background:#fff!important}.public-glass :is(.stat-item,.step-card,.feature-pill,.plan-card,.pricing-card,.features-screen,.slide-card){border:1px solid #e2e8f0!important;border-radius:16px!important;background:#fff!important;color:#0f172a!important;box-shadow:var(--shadow-sm)!important;backdrop-filter:none!important}.public-glass :is(.stat-item,.step-card,.feature-pill,.plan-card,.pricing-card):hover{transform:translateY(-3px)!important;border-color:#bfdbfe!important;box-shadow:var(--shadow-md)!important}.public-glass .plan-card.featured,.public-glass .pricing-card.featured{border-color:#60a5fa!important;box-shadow:0 18px 45px rgba(37,99,235,.13)!important}.public-glass .plan-features li,.public-glass .step-card p,.public-glass .feature-pill p{color:#64748b!important}.public-glass .cta-section{background:linear-gradient(145deg,#17243b,#0f172a)!important;color:#fff!important}.public-glass .cta-section h2,.public-glass .cta-section p{color:#fff!important}.public-glass .footer{background:#fff!important;border-top:1px solid #e2e8f0!important;color:#64748b!important}.public-glass .footer a{color:#475569!important}.public-glass .legal-container{max-width:920px!important;margin:clamp(30px,7vw,80px) auto!important;padding:clamp(24px,5vw,52px)!important;border:1px solid #e2e8f0!important;border-radius:20px!important;background:#fff!important;box-shadow:0 22px 60px rgba(15,23,42,.07)!important}.public-glass .legal-header h1{color:#0f172a!important;font-size:clamp(30px,5vw,46px)!important}.public-glass .legal-header p,.public-glass .legal-content p,.public-glass .legal-content li{color:#475569!important}.public-glass .legal-content h2{padding-right:14px!important;border-right:4px solid #3b82f6!important;color:#0f172a!important}.public-glass .about-feature{height:calc(100% - 20px);border:1px solid #e2e8f0!important;border-radius:14px!important;background:#f8fafc!important}.public-glass .btn-back-home{color:#2563eb!important}
body.public-glass{--primary:#3b82f6!important;--primary-light:#60a5fa!important;--primary-dark:#2563eb!important;--secondary:#8b5cf6!important;--accent:#3b82f6!important;--dark:#fff!important;--dark-2:#f8fafc!important;--dark-3:#fff!important;--text-light:#334155!important;--text-muted:#64748b!important;background:#fff!important;color:#0f172a!important}body.public-glass .navbar{background:rgba(255,255,255,.94)!important}body.public-glass .navbar :is(span,.brand-text){color:#0f172a!important}body.public-glass .navbar svg :is(path,circle){stroke:#3b82f6}body.public-glass :is(.hero-title,.section-title,.stat-number,.step-card h3,.feature-pill h3,.plan-card h3,.pricing-card h3){color:#0f172a!important}body.public-glass :is(.hero-subtitle,.section-subtitle,.step-card p,.feature-pill p,.plan-card p,.pricing-card p){color:#64748b!important}
body.public-glass :is(.btn-nav-cta,.mobile-menu a:last-child){border:0!important;border-radius:12px!important;background:var(--grad-brand)!important;color:#fff!important;box-shadow:0 9px 22px rgba(37,99,235,.18)!important}body.public-glass .btn-nav-login{border:1px solid #dbe3ee!important;border-radius:12px!important;background:#fff!important;color:#334155!important}body.public-glass .mobile-menu{border-left:1px solid #e2e8f0!important;background:#fff!important;box-shadow:-16px 0 45px rgba(15,23,42,.12)!important}body.public-glass .mobile-menu a{color:#334155!important}body.public-glass .burger-line{background:#334155!important}

/* Onboarding wizard */
.app-wizard{min-height:100dvh!important;background:radial-gradient(circle at 50% 0,rgba(59,130,246,.1),transparent 32%),#f8fafc!important;color:#0f172a!important}.app-wizard .wizard-header{border-bottom:1px solid #e2e8f0!important;background:rgba(255,255,255,.92)!important;box-shadow:none!important;backdrop-filter:blur(14px)!important}.app-wizard .wizard-logo{color:#0f172a!important}.app-wizard .wizard-container{max-width:980px!important}.app-wizard .card-box{padding:clamp(20px,4vw,32px)!important}.app-wizard .card-box h3{color:#0f172a!important}.app-wizard .card-subtitle,.app-wizard .avatar-hint{color:#64748b!important}.app-wizard .step-icon{border-color:#cbd5e1!important;background:#fff!important;color:#64748b!important}.app-wizard .step.active .step-icon,.app-wizard .step.completed .step-icon{border-color:#3b82f6!important;background:#3b82f6!important;color:#fff!important}.app-wizard .stepper-rail{background:#e2e8f0!important}.app-wizard .stepper-rail-fill{background:#3b82f6!important}.app-wizard .type-card,.app-wizard .theme-card,.app-wizard .social-icon-btn,.app-wizard .social-input-item{border:1px solid #e2e8f0!important;border-radius:14px!important;background:#fff!important;color:#334155!important;box-shadow:none!important}.app-wizard .type-card:hover,.app-wizard .theme-card:hover,.app-wizard .social-icon-btn:hover{border-color:#93c5fd!important;transform:translateY(-2px)!important}.app-wizard .type-card.active,.app-wizard .theme-card.active{border-color:#3b82f6!important;background:#eff6ff!important;box-shadow:0 0 0 3px rgba(59,130,246,.1)!important}.app-wizard .avatar-preview{border-color:#fff!important;box-shadow:0 0 0 1px #e2e8f0,0 10px 25px rgba(15,23,42,.1)!important}.app-wizard .avatar-btn{border-radius:11px!important;background:#eff6ff!important;color:#2563eb!important}.app-wizard .prefix-label,.app-wizard .icon-box{background:#f1f5f9!important;color:#475569!important}

/* Administration */
.app-admin{min-height:100dvh!important;background:#f8fafc!important;color:#0f172a!important}.app-admin .header{position:relative!important;padding:34px 24px!important;background:linear-gradient(145deg,#17243b,#0f172a)!important;color:#fff!important}.app-admin .header h1,.app-admin .header p{color:#fff!important}.app-admin .header a{min-height:42px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(255,255,255,.08);color:#dbeafe!important}.app-admin .container{max-width:1180px!important;margin:30px auto!important;padding:28px!important;border:1px solid #e2e8f0!important;border-radius:17px!important;background:#fff!important;box-shadow:var(--shadow-sm)!important}.app-admin table{border-collapse:separate!important;border-spacing:0!important}.app-admin th{background:#f8fafc!important;color:#475569!important}.app-admin th,.app-admin td{border-color:#e2e8f0!important}.app-admin tr:hover{background:#f8fafc!important}.app-admin select{min-height:42px!important;border:1px solid #dbe3ee!important;border-radius:10px!important;background:#f8fafc!important;color:#0f172a!important}.app-admin button{min-height:42px!important;padding:0 14px!important;border:0!important;border-radius:10px!important;background:#3b82f6!important;color:#fff!important}.app-admin .badge{border-radius:7px!important}

@media(min-width:769px) and (max-width:1024px){:root{--sidebar-w-tab:82px}.app-dashboard .sidebar{width:82px!important;padding:18px 10px!important;overflow:visible!important}.app-dashboard .main-content{margin:0 0 0 82px!important;padding:24px!important}.legacy-brand{justify-content:center;padding:7px 0 24px}.legacy-brand-word{font-size:0}.legacy-brand-word::first-letter{font-size:25px}.legacy-brand-badge,.app-dashboard .user-info,.app-dashboard .sidebar-menu a span,.app-dashboard .sidebar-menu>div:not([class]){display:none!important}.app-dashboard .sidebar>.theme-toggle{position:static!important;margin:0 auto 14px!important}.app-dashboard .sidebar-menu a{justify-content:center!important;padding:7px!important;overflow:visible!important}.app-dashboard .sidebar-menu a.active::after{left:-10px!important}.app-dashboard .sidebar-menu a span{position:absolute!important;left:calc(100% + 8px)!important;right:auto!important;padding:7px 10px!important;border-radius:8px!important;background:#0f172a!important;color:#fff!important;white-space:nowrap!important;box-shadow:var(--shadow-md)!important}.app-dashboard .sidebar-menu a:hover span,.app-dashboard .sidebar-menu a:focus span{display:block!important}.app-dashboard .sidebar-menu a i{width:39px!important;height:39px!important}}
@media(max-width:768px){body{overflow-x:hidden}.app-dashboard{padding-bottom:75px}.app-dashboard .dashboard-container{display:block!important}.app-dashboard .sidebar{position:fixed!important;z-index:1000!important;inset:auto 0 0!important;width:100%!important;height:72px!important;display:block!important;padding:5px 8px max(5px,env(safe-area-inset-bottom))!important;overflow:visible!important;border:0!important;border-top:1px solid var(--glass-border)!important;background:rgba(255,255,255,.95)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}.legacy-brand,.app-dashboard .sidebar>.theme-toggle,.app-dashboard .user-info,.app-dashboard .mobile-top-bar{display:none!important}.app-dashboard .sidebar-menu{position:static!important;width:100%!important;height:62px!important;display:flex!important;align-items:stretch!important;gap:2px!important;padding:0!important;overflow-x:auto!important;overflow-y:hidden!important;background:transparent!important;border:0!important;box-shadow:none!important;scrollbar-width:none}.app-dashboard .sidebar-menu::-webkit-scrollbar{display:none}.app-dashboard .sidebar-menu a{flex:0 0 67px!important;min-height:58px!important;height:58px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;padding:4px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#64748b!important;overflow:visible!important}.app-dashboard .sidebar-menu a i{width:auto!important;height:auto!important;background:transparent!important;box-shadow:none!important;font-size:17px!important}.app-dashboard .sidebar-menu a span{display:block!important;position:static!important;transform:none!important;padding:0!important;background:transparent!important;color:inherit!important;font-size:8px!important;line-height:1.2!important;opacity:1!important;visibility:visible!important;box-shadow:none!important}.app-dashboard .sidebar-menu a.active{background:#eff6ff!important;color:#2563eb!important}.app-dashboard .sidebar-menu a.active::after,.app-dashboard .sidebar-menu>div:not([class]){display:none!important}.app-dashboard .main-content{margin:0!important;padding:20px 14px calc(22px + env(safe-area-inset-bottom))!important}.app-dashboard .return-to-studio{padding:10px 12px}.app-dashboard .stats-grid,.app-dashboard .overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.app-auth .auth-wrapper{padding:14px!important}.app-auth .auth-box{min-height:0!important;display:block!important;border-radius:18px!important}.app-auth .auth-side{min-height:215px!important;padding:30px 25px!important}.app-auth .auth-side::before{font-size:190px;bottom:-50px}.app-auth .auth-side-content{max-width:90%!important}.app-auth .auth-side-content h2{font-size:27px!important}.app-auth .auth-form-container{padding:29px 23px 33px!important}.public-glass .legal-container{margin:20px 10px!important}.public-glass .navbar{padding-inline:8px!important}.public-glass .hero-section{padding-top:95px!important}.app-wizard .wizard-header{padding:13px 15px!important}.app-wizard .wizard-container{padding:15px!important}.app-admin .container{margin:14px 8px!important;padding:14px!important}.app-admin .header{padding:24px 15px!important}.app-admin .header a{position:static!important;margin-bottom:14px!important}.app-admin form{min-width:260px}}
@media(min-width:769px) and (max-width:1024px){.legacy-brand-wordmark{display:none!important}}
@media(max-width:390px){.app-dashboard .stats-grid,.app-dashboard .overview-grid{grid-template-columns:1fr!important}.app-dashboard .sidebar-menu a{flex-basis:62px!important}.app-auth .auth-side{min-height:190px!important}.app-auth .auth-form-container{padding-inline:18px!important}.public-glass .hero-title{font-size:clamp(34px,12vw,52px)!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.app-auth .btn-custom{min-height:48px!important;border:0!important;border-radius:12px!important;background:var(--grad-brand)!important;color:#fff!important;box-shadow:0 10px 24px rgba(37,99,235,.2)!important;font-weight:700!important}.app-auth :is(.decor-dot,.decor-plus){color:#60a5fa!important}.app-auth .decor-circle{border-color:rgba(96,165,250,.24)!important}
html[data-theme=dark] body.app-dashboard .sidebar-menu a.active{background:rgba(59,130,246,.14)!important;color:#93c5fd!important}html[data-theme=dark] body.app-auth{background:radial-gradient(circle at 88% 3%,rgba(59,130,246,.16),transparent 28%),#0b1220!important;color:#f8fafc!important}html[data-theme=dark] body.app-auth :is(.auth-box,.auth-form-container){background:#111b2e!important;border-color:#26344d!important}html[data-theme=dark] body.app-auth .auth-form-container :is(h1,h2,h3,label,strong){color:#f8fafc!important}html[data-theme=dark] body.app-auth .auth-form-container :is(p,.auth-footer){color:#94a3b8!important}html[data-theme=dark] body.app-auth :is(.form-group-custom,.input-group-custom,.phone-input-wrap){border-color:#34445e!important;background:#172238!important}html[data-theme=dark] body.app-auth :is(input,select){color:#f8fafc!important}html[data-theme=dark] body.app-auth .login-tabs{background:#172238!important}html[data-theme=dark] body.app-auth .login-tab.active{background:#1e2b43!important;color:#93c5fd!important}html[data-theme=dark] body.app-auth .theme-toggle-floating{border-color:#34445e!important;background:#111b2e!important;color:#cbd5e1!important}@media(max-width:768px){html[data-theme=dark] body.app-dashboard .sidebar{background:rgba(17,27,46,.96)!important}}