:root{--bg-primary: #f8fafc;--bg-surface: #ffffff;--bg-secondary: #f1f5f9;--bg-elevated: #ffffff;--bg-input: #ffffff;--bg-hover: #f1f5f9;--bg-selected: rgba(152, 16, 250, .08);--bg-glass: rgba(255, 255, 255, .85);--sidebar-rail-bg: #020618;--sidebar-rail-text: #94a3b8;--sidebar-rail-icon-active: #a684cf;--sidebar-nav-bg: #ffffff;--header-bg: rgba(255, 255, 255, .92);--border-subtle: #e2e8f0;--border-primary: #cbd5e1;--border-hover: #9810fa;--border-focus: #9810fa;--text-primary: #020618;--text-secondary: #475569;--text-muted: #94a3b8;--text-accent: #7928ca;--accent-primary: #9810fa;--accent-primary-hover: #7928ca;--accent-surface: rgba(152, 16, 250, .08);--accent-glow: rgba(152, 16, 250, .2);--accent-gradient: linear-gradient(135deg, #9810fa, #7928ca);--color-ink: #020618;--color-ink-muted: #1e293b;--color-canvas: #fefdfe;--color-surface: #ffffff;--color-surface-subtle: #f8fafc;--color-accent: #9810fa;--color-accent-hover: #7928ca;--color-accent-subtle: rgba(152, 16, 250, .08);--color-accent-border: rgba(152, 16, 250, .2);--color-accent-ring: rgba(152, 16, 250, .25);--color-border: #e2e8f0;--color-border-hover: #cbd5e1;--color-muted: #64748b;--color-muted-light: #94a3b8;--success: #10b981;--success-bg: rgba(16, 185, 129, .1);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .1);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .1);--info: #3b82f6;--info-bg: rgba(59, 130, 246, .1);--color-success: #15803d;--color-success-bg: #dcfce7;--color-success-border: #bbf7d0;--color-danger: #b42318;--color-danger-bg: #fee2e2;--color-danger-border: #fecaca;--color-warning: #b45309;--color-warning-bg: #fef3c7;--color-warning-border: #fde68a;--shadow-sm: 0 1px 2px 0 rgba(2, 6, 24, .05);--shadow-md: 0 4px 6px -1px rgba(2, 6, 24, .07), 0 2px 4px -2px rgba(2, 6, 24, .05);--shadow-lg: 0 10px 15px -3px rgba(2, 6, 24, .08), 0 4px 6px -4px rgba(2, 6, 24, .04);--shadow-glow: 0 0 20px rgba(152, 16, 250, .18);--shadow-card: 0 20px 40px -15px rgba(2, 6, 24, .08);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--font-family-latin: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-arabic: "Cairo", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-brand: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;font-family:var(--font-family-latin);color:var(--text-primary);background:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[dir=rtl],[dir=rtl]{font-family:var(--font-family-arabic)}h1,h2,h3,h4,h5,h6,.brand-font{font-family:var(--font-family-brand)}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6,[dir=rtl] .brand-font{font-family:var(--font-family-arabic)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#9810fa40;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#9810fa73}::selection{background-color:#9810fa33;color:inherit}::-moz-selection{background-color:#9810fa33;color:inherit}[dir=rtl] .icon-directional{transform:scaleX(-1)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--text-primary);background:var(--bg-primary);transition:background-color .2s ease,color .2s ease}button,input,select,textarea{font-family:inherit;font-size:14px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--border-focus);outline-offset:4px}.btn,button.btn,a.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:.8125rem;font-weight:600;line-height:1.25;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:all .15s ease-in-out}.btn:disabled,button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-primary,.action-button-primary,.page-heading>a:not(.btn-secondary){display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem 1.15rem;font-size:.8125rem;font-weight:600;border-radius:var(--radius-sm);background:var(--accent-gradient);color:#fff!important;border:1px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:all .15s ease-in-out;box-shadow:0 1px 3px #9810fa40}.btn-primary:hover:not(:disabled),.action-button-primary:hover:not(:disabled),.page-heading>a:not(.btn-secondary):hover{background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:0 4px 14px var(--accent-glow);color:#fff!important}.btn-primary:active:not(:disabled),.action-button-primary:active:not(:disabled),.page-heading>a:not(.btn-secondary):active{transform:translateY(0)}.btn-secondary,.action-button-secondary,.btn-subtle{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;border-radius:var(--radius-sm);background-color:var(--bg-surface);color:var(--text-primary)!important;border:1px solid var(--border-subtle);cursor:pointer;text-decoration:none;white-space:nowrap;transition:all .15s ease-in-out;box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled),.action-button-secondary:hover:not(:disabled),.btn-subtle:hover:not(:disabled){background-color:var(--bg-hover);border-color:var(--border-primary);color:var(--text-primary)!important;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary:active:not(:disabled),.action-button-secondary:active:not(:disabled){transform:translateY(0)}.btn-danger,.danger-button,.action-button-danger{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;border-radius:var(--radius-sm);background-color:var(--danger-bg);color:var(--danger)!important;border:1px solid rgba(239,68,68,.25);cursor:pointer;text-decoration:none;white-space:nowrap;transition:all .15s ease-in-out}.btn-danger:hover:not(:disabled),.danger-button:hover:not(:disabled),.action-button-danger:hover:not(:disabled){background-color:var(--danger);color:#fff!important;border-color:var(--danger);transform:translateY(-1px);box-shadow:0 4px 12px #ef444440}.btn-danger:active:not(:disabled),.danger-button:active:not(:disabled){transform:translateY(0)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.45rem .85rem;font-size:.8125rem;font-weight:500;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);border:1px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:all .15s ease-in-out}.btn-ghost:hover:not(:disabled){background-color:var(--bg-hover);color:var(--text-primary)}.btn-sm{padding:.35rem .75rem;font-size:.75rem;min-height:32px;border-radius:var(--radius-xs)}.back-link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);text-decoration:none;transition:all .15s ease;margin-bottom:16px}.back-link:hover{background:var(--bg-hover);border-color:var(--border-primary);color:var(--text-primary)}.tulips-brand-logo{display:inline-flex;align-items:center;gap:10px;-webkit-user-select:none;user-select:none}.brand-text-wrap{display:flex;align-items:center;gap:6px}.brand-title{font-size:20px;font-weight:800;letter-spacing:-.04em;color:#fff}.brand-badge{display:inline-flex;align-items:center;padding:2px 7px;background:var(--color-accent);color:#fff;font-size:10px;font-weight:800;letter-spacing:.08em;border-radius:var(--radius-xs);text-transform:uppercase}.login-shell{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden;background:#020618;color:#f8fafc;font-family:var(--font-family-latin);-webkit-font-smoothing:antialiased}.login-shell:before{content:"";position:absolute;top:-8rem;left:-8rem;width:24rem;height:24rem;background:#8c4edd1f;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.login-shell:after{content:"";position:absolute;bottom:-8rem;right:-8rem;width:24rem;height:24rem;background:#7e55b31f;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.login-grid-texture{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(30,41,59,.12) 1px,transparent 1px),linear-gradient(to bottom,rgba(30,41,59,.12) 1px,transparent 1px);background-size:3.5rem 3.5rem;pointer-events:none;z-index:0}.login-navbar{position:relative;z-index:10;height:72px;padding:0 1.5rem;background:#020618e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #1e293b;display:flex;align-items:center;justify-content:space-between}.login-nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.login-nav-badge{font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:11px;font-weight:700;letter-spacing:.18em;color:#94a3b8;text-transform:uppercase;padding-inline-start:12px;border-inline-start:1px solid #334155}.login-nav-actions{display:flex;align-items:center;gap:12px}.login-main{position:relative;z-index:10;flex:1;display:flex;align-items:center;justify-content:center;padding:1.5rem}.login-card{width:min(100%,440px);border:1px solid #1e293b;background:#050b1ecc;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:1rem;overflow:hidden;box-shadow:0 25px 50px -12px #0009,0 0 0 1px #ffffff0a}.login-card-strip{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid #1e293b;background:#02061880}.login-card-strip-label{font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:11px;color:#94a3b8;letter-spacing:.1em;text-transform:uppercase}.login-card-strip-status{display:inline-flex;align-items:center;gap:6px;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:10px;color:#34d399}.login-card-strip-dot{width:6px;height:6px;border-radius:50%;background:#34d399;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.login-card-body{padding:2rem 2.5rem 2.5rem}.login-card .brand-title{color:#f8fafc}.login-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.lang-toggle-button{display:inline-flex;align-items:center;gap:6px;height:32px;margin:0;padding:0 12px;color:#94a3b8;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:9999px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.lang-toggle-button:hover{background:#ffffff0f;border-color:#ffffff38;color:#f8fafc}.eyebrow{margin:0 0 8px;color:var(--accent-primary);font-size:10px;letter-spacing:.14em;font-weight:700;text-transform:uppercase;font-family:ui-monospace,SF Mono,Consolas,monospace}h1{margin:0;font-size:clamp(22px,5vw,28px);font-weight:800;letter-spacing:-.04em;line-height:1.2;color:var(--color-ink)}.intro{margin:8px 0 24px;color:var(--color-muted);line-height:1.65;font-size:13px}.login-shell h1{color:#f8fafc}.login-shell .intro{color:#94a3b8}.login-form{display:grid;gap:16px}.form-group{display:grid;gap:6px}.form-group label{font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:11px;font-weight:600;color:#cbd5e1;text-transform:uppercase;letter-spacing:.1em}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon .field-icon{position:absolute;inset-inline-start:14px;color:#475569;pointer-events:none}.input-with-icon input{width:100%;height:44px;padding-inline-start:42px;padding-inline-end:42px;border:1px solid #1e293b;border-radius:.75rem;color:#f8fafc;background:#0000008c;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:13px;transition:border-color .15s ease,box-shadow .15s ease}.input-with-icon input::placeholder{color:#475569}.input-with-icon input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #9810fa33;outline:none}.password-toggle-btn{position:absolute;inset-inline-end:10px;height:32px;width:32px;margin:0;padding:0;display:grid;place-items:center;background:transparent;border:0;color:#475569;border-radius:var(--radius-xs);cursor:pointer;transition:color .15s ease}.password-toggle-btn:hover{color:#94a3b8;background:transparent;transform:none}.login-error-alert{display:flex;align-items:center;gap:10px;padding:12px 14px;color:#f87171;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:.75rem;font-size:13px;font-weight:550;font-family:ui-monospace,SF Mono,Consolas,monospace}.login-submit-button{width:100%;height:46px;margin-top:8px;border:0;border-radius:9999px;color:#fff;background:var(--accent-primary);font-weight:700;font-size:13px;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 20px #9810fa4d}.login-submit-button:hover:not(:disabled){background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:0 6px 24px #9810fa66}.login-submit-button:active:not(:disabled){transform:translateY(0)}.login-submit-button:disabled{opacity:.5;cursor:not-allowed}.login-note{margin:20px 0 0;color:#64748b;text-align:center;font-size:11px;line-height:1.6;font-family:ui-monospace,SF Mono,Consolas,monospace}.login-footer{position:relative;z-index:10;height:52px;padding:0 1.5rem;border-top:1px solid #1e293b;display:flex;align-items:center;justify-content:space-between;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:11px;color:#475569}.app-layout{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh;min-width:0;background:var(--bg-primary)}.sidebar{display:flex;flex-direction:column;padding:20px 14px;background:var(--sidebar-rail-bg);color:#fff;border-inline-end:1px solid #1e293b;position:sticky;top:0;height:100vh;max-height:100vh;overflow:hidden;z-index:40}.sidebar-brand-wrapper{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:0 6px;flex-shrink:0}.app-layout.layout-sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}.sidebar-collapsed .sidebar-brand-wrapper{flex-direction:column;gap:12px;padding:0}.sidebar-collapsed .brand-text-wrap{display:none}.sidebar-collapsed .sidebar-collapse-btn{margin-inline-start:0}.sidebar-collapse-btn span{display:inline-block;line-height:1}[dir=rtl] .sidebar-collapse-btn span{transform:scaleX(-1)}.sidebar-collapse-btn{display:grid;place-items:center;width:32px;height:32px;margin-inline-start:auto;color:#cbd5e1;background:transparent;border:1px solid #334155;border-radius:var(--radius-xs);cursor:pointer}.sidebar-site-switcher{display:block;flex:0 0 auto;margin:0 0 12px}.sidebar-site-switcher select{width:100%;min-height:40px;padding:0 10px;color:#fff;background:#1e293b;border:1px solid #334155;border-radius:var(--radius-sm)}.sidebar-collapsed{width:76px;padding-inline:10px}.sidebar-collapsed .sidebar-site-switcher,.sidebar-collapsed .nav-section-title,.sidebar-collapsed .site-name-wrap,.sidebar-collapsed .site-role-badge,.sidebar-collapsed .subnav-item span:not([aria-hidden]),.sidebar-collapsed .nav-item span,.sidebar-collapsed .user-details-mini{display:none}.sidebar-collapsed .nav-item,.sidebar-collapsed .subnav-item,.sidebar-collapsed .nav-site-header{justify-content:center;padding-inline:8px}.sidebar-collapsed .user-avatar-chip{justify-content:center}.sidebar-brand{text-decoration:none;display:inline-block}.sidebar-close-btn{display:none;background:transparent;border:0;color:#94a3b8;padding:4px;cursor:pointer;border-radius:var(--radius-xs);transition:color .15s ease}.sidebar-close-btn:hover{color:#fff}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#334155 transparent}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}.nav-section-title{padding:14px 10px 5px;color:#64748b;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.nav-item,.subnav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;color:var(--sidebar-rail-text);border-radius:var(--radius-sm);text-decoration:none;font-size:13px;font-weight:500;transition:all .14s ease}.nav-item:hover,.subnav-item:hover{background:#ffffff0f;color:#fff}.nav-item.active,.subnav-item.active{background:#9810fa33;color:var(--sidebar-rail-icon-active);font-weight:650;border-inline-start:2px solid var(--accent-primary)}.nav-group{margin:6px 0;border-radius:var(--radius-sm);background:#ffffff05;border:1px solid rgba(255,255,255,.05);overflow:hidden}.nav-site-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:#ffffff0a;color:#fff;text-decoration:none;font-size:13px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.05)}.nav-site-header:hover{background:#ffffff14}.nav-site-header.site-current{border-inline-start:3px solid var(--color-accent)}.site-name-wrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-role-badge{padding:2px 6px;background:#1e293b;color:#94a3b8;font-size:10px;font-weight:600;border-radius:var(--radius-xs);text-transform:uppercase}.nav-sub-items{padding:4px;display:flex;flex-direction:column;gap:2px}.subnav-item{padding:7px 10px;font-size:13px}.nav-section-wrap{margin-top:14px;padding-top:10px;border-top:1px solid #1e293b}.sidebar-user-footer{margin-top:auto;padding-top:16px;border-top:1px solid #1e293b;flex-shrink:0}.user-avatar-chip{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);background:#ffffff08}.avatar-initials,.header-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-xs);background:var(--color-accent);color:#fff;font-size:12px;font-weight:800;-webkit-user-select:none;user-select:none}.user-details-mini{display:flex;flex-direction:column;overflow:hidden}.user-name-text{color:#fff;font-size:13px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role-text{color:#94a3b8;font-size:11px;text-transform:capitalize}.app-main{min-width:0;min-height:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:10px 24px;background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:30}.topbar-start{display:flex;align-items:center;gap:12px}.mobile-hamburger-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all .15s ease}.mobile-hamburger-btn:hover{background:var(--bg-hover);border-color:var(--border-primary)}.site-select-wrapper{position:relative;display:flex;align-items:center}.site-select-wrapper .select-icon{position:absolute;inset-inline-start:12px;color:var(--text-muted);pointer-events:none}.topbar-site-select{height:38px;width:min(280px,100%);padding-inline-start:36px;padding-inline-end:28px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .15s ease}.topbar-site-select:hover{border-color:var(--border-primary)}.top-actions{display:flex;align-items:center;gap:10px}.lang-pill-btn{display:inline-flex;align-items:center;gap:6px;height:36px;margin:0;padding:0 12px;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .15s ease}.lang-pill-btn:hover{border-color:var(--border-hover);background:var(--accent-surface);color:var(--accent-primary)}.user-badge-header{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}[dir=rtl] .user-badge-header{padding:4px 4px 4px 10px}.header-username{font-size:13px;font-weight:650;color:var(--text-primary)}.signout-button{display:inline-flex;align-items:center;gap:6px;height:36px;margin:0;padding:0 12px;color:var(--color-danger);background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:var(--radius-sm);font-weight:650;cursor:pointer;transition:all .15s ease}.signout-button:hover{background:#fee2e2;border-color:#f87171;transform:none}.content{max-width:1440px;min-width:0;min-height:0;padding:24px;margin:0 auto;width:100%}.panel{padding:24px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.section-divider{height:1px;background:var(--border-subtle);margin:24px 0}.overview-hero{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.overview-title-block{display:flex;align-items:center;gap:16px}.hero-icon-badge{display:grid;place-items:center;width:52px;height:52px;border-radius:var(--radius-md);background:var(--text-primary);color:#fff}.overview-site-name{font-size:24px;font-weight:800;letter-spacing:-.035em;margin:4px 0 0}.badge-row{display:flex;align-items:center;gap:8px}.badge-site-slug{padding:2px 8px;background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-muted);font-size:11px;font-weight:600;border-radius:var(--radius-xs)}.badge-user-role{padding:2px 8px;background:var(--accent-surface);border:1px solid var(--accent-glow);color:var(--text-accent);font-size:11px;font-weight:700;border-radius:var(--radius-xs);text-transform:uppercase}.action-button-secondary{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-weight:650;text-decoration:none;transition:all .15s ease}.action-button-secondary:hover{border-color:var(--border-primary);background:var(--bg-hover)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:18px}.bento-site-card,.bento-module-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-decoration:none;color:var(--text-primary)!important;transition:all .2s ease;box-shadow:var(--shadow-sm)}.bento-site-card:hover,.bento-module-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-icon-wrap,.module-card-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-accent-subtle);color:var(--color-accent);flex-shrink:0}.card-content,.module-card-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.card-title,.module-name{font-size:16px;font-weight:700;color:var(--color-ink)}.card-subtitle,.module-desc{font-size:13px;color:var(--color-muted)}.card-modules-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.module-pill{padding:2px 6px;background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-xs);font-size:11px;color:var(--color-muted)}.module-unread-summary{display:inline-flex;align-items:center;gap:6px;color:var(--color-accent);font-size:12px;font-weight:700}.card-arrow-wrap{color:var(--color-muted-light);display:grid;place-items:center;transition:transform .16s ease,color .16s ease}.bento-site-card:hover .card-arrow-wrap,.bento-module-card:hover .card-arrow-wrap{color:var(--color-accent);transform:translate(3px)}[dir=rtl] .bento-site-card:hover .card-arrow-wrap,[dir=rtl] .bento-module-card:hover .card-arrow-wrap{transform:translate(-3px)}.empty-state-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;background:var(--color-surface-subtle);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-muted)}.empty-icon{color:var(--color-muted-light);margin-bottom:12px}.loading-indicator-wrap{display:flex;flex-direction:column;align-items:center;gap:14px}.spin-slow{animation:spin 3s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}table{width:100%;border-collapse:separate;border-spacing:0;margin:18px 0}th{padding:12px 16px;text-align:start;font-size:12px;font-weight:750;letter-spacing:.05em;color:var(--color-muted);background:var(--color-surface-subtle);border-bottom:1px solid var(--color-border);text-transform:uppercase}td{padding:14px 16px;border-bottom:1px solid var(--color-border);font-size:14px;color:var(--color-ink);vertical-align:middle}tr:hover td{background:#9810fa05}.badge-status{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:var(--radius-xs);font-size:12px;font-weight:650}.badge-status-published{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success)}.badge-status-draft{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning)}.badge-status-archived{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger)}.page-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px}.editor-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:28px}.editor-side{padding:22px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm)}.editor-grid>*,.editor-side{min-width:0}.product-editor label,.media-metadata label{display:block;margin-top:16px;font-size:13px;font-weight:650;color:var(--color-ink)}.product-editor input,.product-editor textarea,.product-editor select,.media-metadata input,.media-metadata select{width:100%;max-width:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-ink);background:var(--color-surface)}.product-editor input,.product-editor select,.media-metadata select{height:44px;padding:0 14px}.product-editor textarea{min-height:90px;padding:10px 14px;resize:vertical}.product-editor small{display:block;color:var(--color-muted);font-size:12px;margin-top:5px}.language-tabs{display:flex;align-items:center;gap:8px;margin:20px 0}.language-tabs button{margin:0;padding:8px 18px;height:40px;background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .16s ease}.language-tabs button:hover{border-color:var(--color-accent-border);background:var(--color-accent-subtle);color:var(--color-accent)}.language-tabs button[aria-selected=true]{background:var(--color-accent);color:#fff;border-color:var(--color-accent);box-shadow:0 2px 8px #9810fa40}.locale-seo-badge{display:inline-block;margin-inline-start:6px;padding:2px 5px;border-radius:999px;font-size:10px;font-weight:800;line-height:1.2;white-space:normal}.locale-seo-good{color:var(--color-success);background:#dcfce7}.locale-seo-ok{color:#92400e;background:#fef3c7}.locale-seo-needs-work{color:var(--color-danger);background:#fee2e2}.rich-editor{border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;background:var(--color-surface);margin-top:8px}.editor-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px 12px;border-bottom:1px solid var(--color-border);background:var(--color-surface-subtle)}.editor-toolbar button{height:32px;margin:0;padding:4px 10px;font-size:12.5px;font-weight:600;background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-border);border-radius:var(--radius-xs);cursor:pointer;transition:all .14s ease}.editor-toolbar button:hover{background:var(--color-accent-subtle);border-color:var(--color-accent-border);color:var(--color-accent);transform:none}.rich-editor .tiptap{min-height:240px;padding:16px;outline:none;font-size:14.5px;line-height:1.65}.rich-editor .tiptap:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.media-preview{display:block;max-width:100%;max-height:200px;object-fit:contain;margin:12px 0;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-subtle)}.gallery-list{padding-inline-start:20px;margin:12px 0}.gallery-list li{margin:8px 0;color:var(--color-ink)}.gallery-list button{margin:0 4px;padding:4px 8px;font-size:12px;height:28px;background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-border)}.seo-snippet{margin-top:20px;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-subtle);overflow-wrap:anywhere}.seo-snippet strong{color:#2563eb;display:block;font-size:15px;margin-bottom:4px}.editor-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:20px 0}.editor-actions button,.editor-actions a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-subtle);text-decoration:none;cursor:pointer;white-space:nowrap;transition:all .15s ease;box-shadow:var(--shadow-sm)}.editor-actions button:hover:not(:disabled),.editor-actions a:hover{background:var(--bg-hover);border-color:var(--border-primary);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.editor-actions button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.editor-actions button[type=submit]:not(.danger-button):not(.btn-danger),.editor-actions .btn-primary{background:var(--accent-gradient);color:#fff!important;border-color:transparent;box-shadow:0 2px 8px #9810fa40}.editor-actions button[type=submit]:not(.danger-button):not(.btn-danger):hover:not(:disabled),.editor-actions .btn-primary:hover:not(:disabled){background:var(--accent-primary-hover);box-shadow:0 4px 14px var(--accent-glow);color:#fff!important}.editor-actions .danger-button,.editor-actions .btn-danger{background:var(--danger-bg);color:var(--danger)!important;border-color:#ef444440}.editor-actions .danger-button:hover:not(:disabled),.editor-actions .btn-danger:hover:not(:disabled){background:var(--danger);color:#fff!important;border-color:var(--danger)}.media-metadata{max-width:680px;border-top:1px solid var(--color-border);padding-top:24px;margin-top:28px}.product-editor{max-width:1480px}.editor-main{min-width:0;padding:8px 4px 16px}.product-editor .editor-title-input{display:block;width:100%;height:auto;min-height:72px;margin:8px 0 18px;padding:10px 0;border:0;border-bottom:2px solid var(--color-border);border-radius:0;background:transparent;font-size:clamp(27px,3vw,42px);font-weight:750;line-height:1.25;letter-spacing:-.025em}.product-editor .editor-title-input::placeholder{color:#7d879a}.product-editor .editor-title-input:focus-visible{outline:none;border-color:var(--color-accent)}.editor-main>label:first-child{margin-top:0}.editor-side{align-self:start;padding:18px;background:var(--color-surface-subtle)}.editor-media-card{padding:16px;margin-bottom:14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.editor-media-card h3{margin:0 0 12px;font-size:14px}.editor-media-card p{margin:0 0 10px}.media-slot-preview{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.media-slot-preview img{width:88px;height:76px;object-fit:cover;border-radius:6px;border:1px solid var(--color-border)}.media-slot-order{padding-inline-start:18px;margin:8px 0 14px}.media-slot-order li{display:flex;align-items:center;gap:5px;margin-block:6px;font-size:12px}.media-slot-order li span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-slot-order button{min-width:28px;min-height:28px;padding:2px;border:1px solid var(--color-border);border-radius:5px;background:var(--color-surface);color:var(--color-ink);cursor:pointer}.media-open-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;margin:0;border-radius:var(--radius-sm);border:1px solid var(--color-accent);background:var(--color-accent-subtle);color:var(--color-accent);font-weight:700;cursor:pointer}.media-open-button:hover{background:var(--color-accent);color:#fff}.media-remove-button{display:inline-block;margin:8px 0 0 8px;padding:6px;border:0;background:transparent;color:var(--color-muted);cursor:pointer}.editor-seo-section{margin-top:28px;padding:24px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.editor-section-heading h2{margin:0 0 16px}.seo-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.seo-fields>*{min-width:0}.seo-fields label{display:block}.seo-snippet{max-width:720px}.seo-panel{min-width:0;margin-top:28px;padding:24px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.seo-panel-heading,.seo-checklist-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.seo-panel-heading h2{margin:0 0 16px}.seo-score{flex:0 0 auto;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}.seo-score-good{color:var(--color-success);background:#dcfce7}.seo-score-ok{color:#92400e;background:#fef3c7}.seo-score-needs-work{color:var(--color-danger);background:#fee2e2}.seo-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:22px}.seo-google-preview,.seo-social-preview{min-width:0;overflow:hidden;border:1px solid var(--color-border);border-radius:10px;padding:16px;background:var(--color-canvas)}.seo-preview-label{margin:0 0 8px;color:var(--color-muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.seo-google-preview strong,.seo-social-preview strong{display:block;overflow:hidden;color:#1a0dab;font-size:18px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.seo-google-preview small,.seo-social-preview small{display:block;overflow:hidden;color:var(--color-success);text-overflow:ellipsis;white-space:nowrap}.seo-google-preview p,.seo-social-preview p{margin:6px 0 0;color:var(--color-muted);line-height:1.5}.seo-social-preview{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}.seo-social-preview img,.seo-social-placeholder{width:96px;height:82px;object-fit:cover;border-radius:8px;background:var(--color-surface-subtle)}.seo-social-placeholder{display:grid;place-items:center;padding:8px;color:var(--color-muted);font-size:11px;text-align:center}.seo-fields{align-items:start}.seo-fields input,.seo-fields textarea,.seo-advanced input[type=url]{width:100%}.seo-counter{display:block;margin-top:5px;font-weight:700}.seo-counter.good{color:var(--color-success)}.seo-counter.improve{color:#92400e}.seo-counter.problem{color:var(--color-danger)}.seo-share-image-field{min-width:0}.seo-share-image-field .editor-media-card{margin:0}.seo-helper{display:block;margin-top:6px;color:var(--color-muted)}.seo-advanced{margin-top:20px;border-top:1px solid var(--color-border);padding-top:16px}.seo-advanced summary{cursor:pointer;font-weight:800}.seo-advanced-content{display:grid;gap:14px;margin-top:16px}.seo-toggle-label{display:flex;align-items:center;gap:9px}.seo-warning{margin:0;padding:10px 12px;border-inline-start:3px solid var(--color-danger);color:var(--color-danger);background:#fff1f2}.seo-checklist{margin-top:24px;border-top:1px solid var(--color-border);padding-top:18px}.seo-checklist-heading h3{margin:0 0 10px}.seo-checklist-heading span{color:var(--color-muted);font-size:13px;font-weight:700}.seo-checklist ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.seo-checklist li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:8px;align-items:center;min-width:0;font-size:13px}.seo-checklist li>span:first-child{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-weight:900}.seo-checklist li small{color:var(--color-muted);text-transform:capitalize}.seo-check-good>span:first-child{color:var(--color-success);background:#dcfce7}.seo-check-improve>span:first-child{color:#92400e;background:#fef3c7}.seo-check-problem>span:first-child{color:var(--color-danger);background:#fee2e2}.media-dialog:not([open]){display:none}.media-dialog[open]{display:flex}.media-dialog{flex-direction:column;position:fixed;top:16px;right:16px;bottom:16px;left:16px;width:min(1120px,calc(100vw - 32px));height:min(900px,calc(100dvh - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid var(--color-border);border-radius:18px;color:var(--color-ink);background:var(--color-surface);box-shadow:0 25px 80px #0f172b52;overflow:hidden}.media-dialog::backdrop{background:#0f172bb3}.media-dialog-header,.media-dialog-footer{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px}.media-dialog-header{border-bottom:1px solid var(--color-border)}.media-dialog-header h2{margin:0}.media-close-button{width:40px;height:40px;padding:0;font-size:28px;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface);color:var(--color-ink);cursor:pointer}.media-tabs{flex:0 0 auto;display:flex;gap:4px;padding:12px 24px 0;border-bottom:1px solid var(--color-border)}.media-tabs button{padding:10px 16px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--color-muted);font-weight:700;cursor:pointer}.media-tabs button[aria-selected=true]{color:var(--color-accent);border-bottom-color:var(--color-accent)}.media-dialog-content{display:grid;grid-template-columns:minmax(0,1fr);min-height:0;flex:0 0 auto;overflow:visible}.media-dialog-content.has-details{grid-template-columns:minmax(0,1fr) 285px}.media-dialog-body{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-y}.editor-layout{min-width:0}.meta-box{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);overflow:hidden}.meta-box-header{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:46px;padding:10px 14px;color:var(--color-ink);background:var(--color-surface);border:0;font:inherit;font-weight:750;text-align:start;cursor:pointer}.meta-box-chevron{transition:transform .15s ease}.meta-box.is-closed .meta-box-chevron{transform:rotate(-90deg)}.meta-box-content{padding:14px;border-top:1px solid var(--color-border)}.publish-status{display:grid;gap:4px;margin-bottom:12px}.publish-status-line{line-height:1.4}.publish-status small{color:var(--color-muted)}.publish-top-actions,.publish-links,.publish-bottom-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.publish-top-actions{margin-bottom:14px}.publish-links{margin-top:4px}.publish-bottom-bar{justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border)}.publish-box-button{min-height:38px;padding:0 14px;font-size:13px;line-height:1.2}.publish-primary-action{margin-inline-start:auto}.publish-box-link{min-height:30px;padding:4px 0;color:var(--color-accent);background:transparent;border:0;font:inherit;font-size:12px;font-weight:700;line-height:1.2;cursor:pointer}.publish-box-link:hover:not(:disabled){text-decoration:underline}.publish-trash-link{color:var(--color-danger)}.preview-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;padding:24px;background:#0f172bb3}.preview-drawer{display:flex;flex-direction:column;width:min(1000px,100%);height:min(86vh,820px);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:0 25px 80px #0f172b52;outline:none}.preview-drawer.preview-mobile{width:min(390px,100%)}.preview-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--color-border)}.preview-drawer-header h2{margin:0;font-size:18px}.preview-drawer-body{min-height:0;overflow:auto;padding:28px}.live-preview-card{max-width:760px;margin:0 auto}.live-preview-card h1{margin-top:0;font-size:clamp(28px,5vw,48px)}.live-preview-card img{display:block;width:100%;max-height:380px;object-fit:cover;border-radius:var(--radius-sm)}.preview-summary{color:var(--color-muted);font-size:18px}.media-browser{min-width:0;min-height:0;padding:20px 24px;overflow:visible}.media-browser>input{width:100%;height:42px;padding:8px 12px;border:1px solid var(--color-border);border-radius:8px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.media-tile{display:block;width:100%;min-width:0;padding:5px;border:2px solid var(--color-border);border-radius:10px;background:var(--color-surface);color:var(--color-ink);text-align:start;cursor:pointer}.media-tile:hover,.media-tile.selected{border-color:var(--color-accent);background:var(--color-accent-subtle)}.media-tile img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;background:var(--color-surface-subtle);box-sizing:border-box}.media-tile img.media-img-contain,.media-tile-partner img{object-fit:contain!important;padding:12px;background:#fff}.media-tile span{display:block;overflow:hidden;padding:8px 4px 3px;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650}.media-details{min-height:0;padding:18px;border-inline-start:1px solid var(--color-border);overflow:visible;background:var(--color-surface-subtle)}.media-details h3{margin:0 0 10px}.media-details>img{display:block;width:100%;max-height:150px;object-fit:contain;background:var(--color-surface);border-radius:8px}.media-details small{display:block;overflow-wrap:anywhere;margin:6px 0 14px;color:var(--color-muted)}.media-details label,.media-upload-panel label{display:block;margin:10px 0;font-size:12px;font-weight:700}.media-details input,.media-upload-panel input{display:block;width:100%;min-height:36px;margin-top:4px;padding:7px 10px;border:1px solid var(--color-border);border-radius:7px}.media-dialog-footer{border-top:1px solid var(--color-border);justify-content:flex-end}.media-dialog-footer button,.media-upload-panel button{min-height:38px}.media-upload-panel{min-height:300px;padding:38px 24px}.media-empty{padding:20px;color:var(--color-muted);text-align:center}.library-grid{margin-top:24px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:860px){.editor-grid,.seo-fields,.media-dialog-content,.media-dialog-content.has-details{grid-template-columns:1fr}.media-details{border-inline-start:0;border-top:1px solid var(--color-border)}}@media(max-width:480px){.media-dialog{top:8px;right:8px;bottom:8px;left:8px;width:calc(100vw - 16px);height:calc(100dvh - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.preview-drawer-backdrop{padding:0}.preview-drawer{width:100%;height:100%;border-radius:0}.media-dialog-header,.media-dialog-footer{padding:14px}.media-tabs{padding-inline:14px}.media-browser,.media-details{padding:14px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-seo-section,.seo-panel{padding:16px}.seo-preview-grid{grid-template-columns:1fr}.seo-social-preview{grid-template-columns:72px minmax(0,1fr)}.seo-social-preview img,.seo-social-placeholder{width:72px;height:64px}}.filter-row{display:flex;align-items:flex-end;flex-wrap:wrap;gap:14px;margin:20px 0;padding:16px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.filter-row label{display:grid;gap:6px;min-width:min(100%,180px);font-size:12px;font-weight:600;color:var(--text-secondary)}.filter-row select,.filter-row input{height:38px;padding:0 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:13px;outline:none;transition:all .15s ease}.filter-row select:focus,.filter-row input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-surface)}.text-button,.subtle-button{display:inline-flex;align-items:center;gap:6px;height:auto;margin:0;padding:8px 14px;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .16s ease}.text-button:hover,.subtle-button:hover{background:var(--color-accent-subtle);border-color:var(--color-accent-border);color:var(--color-accent);transform:none}.checkbox{display:flex!important;align-items:center;gap:8px;cursor:pointer;margin-top:8px}.checkbox input{width:18px;height:18px;accent-color:var(--color-accent);margin:0}.inline-form{display:flex;align-items:end;flex-wrap:wrap;gap:14px;margin:20px 0 28px}.inline-form label{display:grid;gap:6px;min-width:min(100%,200px);margin:0}.inline-form button{margin:0;padding:0 20px;height:44px}.card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:16px;margin:20px 0}.site-card{display:grid;align-content:start;gap:10px;min-width:0;padding:20px;color:var(--text-primary)!important;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-decoration:none;transition:all .18s ease;box-shadow:var(--shadow-sm)}.site-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.site-card small{color:var(--color-muted);overflow-wrap:anywhere}.content-card{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .2s cubic-bezier(.16,1,.3,1);min-width:0;height:100%}.content-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.content-card-thumb-wrap{width:100%;height:180px;background:var(--bg-subtle, #f8fafc);display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--border-subtle);position:relative}.content-card-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.content-card-img-contain{object-fit:contain;padding:16px}.content-card:hover .content-card-img{transform:scale(1.02)}.content-card:hover .content-card-img-contain{transform:scale(1.04)}.content-card-img-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);width:100%;height:100%;background:linear-gradient(135deg,#9810fa08,#9810fa14)}.content-card-body{display:flex;flex-direction:column;flex:1 1 auto;padding:16px 18px 18px;gap:12px}.content-card-header{display:flex;flex-direction:column;gap:6px}.content-card-category{align-self:flex-start;display:inline-flex;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-sm);background:#9810fa14;color:var(--color-accent, #9810fa)}.content-card-title{margin:0;font-size:15px;font-weight:600;line-height:1.45;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;min-height:2.9em}.content-card-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid var(--border-subtle)}.content-card-badges{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.content-card-time{font-size:12px;color:var(--text-muted);white-space:nowrap}.content-card-actions{display:flex;align-items:center;gap:6px;margin-top:12px;padding-top:10px;border-top:1px dashed var(--border-subtle);flex-wrap:wrap}.content-card-actions .btn-secondary,.content-card-actions .danger-button,.content-card-actions button,.content-card-actions a{flex:1 1 auto;justify-content:center;min-width:fit-content;height:32px;padding:0 10px;font-size:12px}.product-preview{max-width:820px;margin:0 auto;line-height:1.65}.product-preview img{display:block;max-width:100%;max-height:480px;object-fit:contain;margin:18px 0;border-radius:var(--radius-sm)}.settings-page{position:relative;overflow:visible}.settings-page-heading{align-items:flex-start}.settings-readonly-notice,.dirty-indicator,.saved-indicator,.settings-success{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border-radius:var(--radius-sm);font-size:12px;font-weight:700}.settings-readonly-notice{color:var(--color-warning);background:var(--color-warning-bg);border:1px solid var(--color-warning-border)}.settings-section-nav{position:sticky;top:84px;z-index:10;display:flex;flex-wrap:wrap;gap:6px;margin:22px 0 14px;padding:8px;background:#ffffffeb;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.settings-section-nav a{padding:8px 10px;color:var(--color-muted);border-radius:var(--radius-sm);font-size:12px;font-weight:700;text-decoration:none}.settings-section-nav a:hover,.settings-section-nav a:focus-visible{color:var(--color-accent);background:var(--color-accent-subtle)}.settings-form{display:grid;gap:16px;padding-bottom:88px}.settings-card{scroll-margin-top:146px;display:grid;gap:18px;min-width:0;padding:22px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.settings-card-heading h2{margin:0;font-size:19px;letter-spacing:-.02em}.settings-pair-grid,.settings-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0}.settings-field-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-field{display:grid;align-content:start;gap:7px;min-width:0;margin:0;color:var(--color-ink);font-size:12.5px;font-weight:700}.settings-field input,.settings-field select,.settings-field textarea{width:100%;min-width:0;min-height:42px;padding:9px 11px;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:0}.settings-field textarea{min-height:92px;resize:vertical}.settings-field input:focus,.settings-field select:focus,.settings-field textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-ring)}.settings-field input:disabled,.settings-field select:disabled,.settings-field textarea:disabled{color:var(--color-muted);background:var(--color-surface-subtle);cursor:not-allowed}.settings-field [aria-invalid=true]{border-color:var(--color-danger)}.settings-field-error{color:var(--color-danger);font-size:11px;font-weight:600}.settings-media-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}.settings-media-row h3{margin:0 0 8px;font-size:14px}.settings-media-thumb{display:block;width:120px;height:84px;margin:0 0 12px;object-fit:contain;background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.settings-helper,.settings-counter-row{margin:0;color:var(--color-muted);font-size:12px;line-height:1.55}.settings-counter-row{display:flex;justify-content:space-between;gap:12px;margin-top:-8px}.settings-map-link{justify-self:start;text-decoration:none}.settings-repeat-list{display:grid;gap:12px}.settings-repeat-row{display:grid;grid-template-columns:minmax(130px,.35fr) minmax(0,1fr) auto;gap:12px;align-items:end;min-width:0;padding:12px;background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.settings-row-actions{display:flex;flex-wrap:wrap;gap:5px}.settings-row-actions .subtle-button{min-height:38px;padding:6px 9px}.settings-toggle-block{display:grid;align-content:start;gap:10px}.warning-box{max-width:480px;margin:0;padding:10px 12px;color:var(--color-warning);background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-sm);font-size:12px;line-height:1.5}.settings-error-summary{display:grid;gap:4px;margin:16px 0;padding:13px 15px;color:var(--color-danger);background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:var(--radius-sm)}.settings-error-summary a{color:inherit;font-weight:700}.settings-save-bar{position:sticky;bottom:16px;z-index:15;display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 14px;background:#fffffff5;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dirty-indicator{color:var(--color-warning);background:var(--color-warning-bg)}.saved-indicator,.settings-success{color:var(--color-success);background:var(--color-success-bg)}.settings-save-bar button{margin-inline-start:auto}.recipient-editor{display:grid;gap:12px}.recipient-chips{display:flex;flex-wrap:wrap;gap:8px}.recipient-chip{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:7px 9px;color:var(--color-ink);background:var(--color-accent-subtle);border:1px solid var(--color-accent-border);border-radius:999px;overflow-wrap:anywhere;font-size:12px}.recipient-chip button{width:22px;min-height:22px;margin:0;padding:0;color:inherit;background:transparent;border:0;cursor:pointer}.recipient-add{display:flex;align-items:end;flex-wrap:wrap;gap:10px}.recipient-add .settings-field{flex:1 1 260px}.test-email-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:16px}@media(max-width:860px){.settings-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-section-nav{position:static}}@media(max-width:600px){.settings-card{padding:16px}.settings-pair-grid,.settings-field-grid,.settings-media-row,.settings-repeat-row{grid-template-columns:1fr}.settings-row-actions{justify-content:flex-start}.settings-save-bar{bottom:8px}.settings-save-bar button{margin-inline-start:0;flex:1 1 100%}}@media(max-width:860px){.app-layout,.app-layout[dir=rtl]{display:block}.mobile-hamburger-btn{display:flex}.sidebar{position:fixed;top:0;bottom:0;inset-inline-start:0;width:280px;box-shadow:var(--shadow-card);transition:transform .24s cubic-bezier(.16,1,.3,1);transform:translate(-100%)}[dir=rtl] .sidebar{transform:translate(100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close-btn{display:block}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172b80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:35}.topbar{padding:10px 16px}.header-username{display:none}.content{padding:16px}.panel{padding:20px 16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}.route-loading{min-height:240px;display:grid;place-items:center;color:var(--color-muted)}.page-error-state{display:grid;justify-items:center;gap:12px;max-width:620px;margin:48px auto;padding:40px 24px;color:var(--color-danger);text-align:center;background:var(--bg-surface);border:1px solid var(--color-danger-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.page-error-state h1{margin:0;color:var(--text-primary);font-size:clamp(1.35rem,3vw,1.8rem)}.page-error-state p{max-width:52ch;margin:0;color:var(--text-secondary)}.page-error-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px}.rich-editor-error{margin:0;padding:16px;color:var(--color-danger);background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:var(--radius-sm)}.toast-region{position:fixed;inset-inline-end:24px;bottom:24px;z-index:100;max-width:min(420px,calc(100vw - 32px))}.toast{display:flex;align-items:center;gap:16px;padding:13px 16px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-ink);color:#fff;box-shadow:0 14px 36px #0f172b38}.toast button{border:0;background:transparent;color:inherit;font-size:20px;cursor:pointer;min-width:32px;min-height:32px}.dashboard-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px}.dashboard-heading h1{margin-bottom:8px}.dashboard-heading-icon{color:var(--color-accent);opacity:.8}.dashboard-module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dashboard-module-card,.dashboard-setup-card,.dashboard-message-card{border:1px solid var(--color-border);border-radius:16px;background:#fff;padding:20px}.dashboard-card-top{display:flex;justify-content:space-between;align-items:center}.dashboard-module-card h2{font-size:17px;margin:18px 0 8px}.dashboard-total{display:block;font-size:34px;line-height:1;color:var(--color-ink)}.dashboard-stat-lines{display:grid;gap:5px;margin-top:14px;color:var(--color-muted);font-size:13px}.dashboard-attention{display:block;margin-top:14px;color:var(--color-danger);font-size:13px;font-weight:700}.dashboard-new{display:inline-flex;margin-top:16px}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);gap:20px;margin-top:24px}.dashboard-section,.dashboard-side-stack{min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading h2{font-size:20px}.recent-list{display:grid;gap:8px}.recent-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--color-border);border-radius:12px;color:inherit;text-decoration:none;background:#fff}.recent-item:hover{border-color:var(--color-accent)}.recent-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:var(--color-accent);background:#9810fa17}.recent-copy{min-width:0;display:grid;gap:4px}.recent-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-copy small,.recent-meta time{color:var(--color-muted);font-size:12px}.recent-meta{display:grid;justify-items:end;gap:5px}.recent-meta>span{display:flex;gap:4px}.dashboard-side-stack{display:grid;align-content:start;gap:16px}.dashboard-message-card{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.dashboard-message-card>span{display:grid;gap:2px;flex:1}.dashboard-message-card strong{font-size:25px}.dashboard-message-card small{color:var(--color-muted)}.dashboard-setup-card h2{margin:0 0 6px;font-size:18px}.dashboard-setup-card p{margin-top:0;color:var(--color-muted);font-size:13px}.dashboard-setup-card ul{list-style:none;padding:0;margin:16px 0;display:grid;gap:10px;font-size:13px}.dashboard-setup-card li{display:flex;align-items:center;gap:8px;color:var(--color-muted)}.dashboard-setup-card li.complete{color:var(--color-success);text-decoration:line-through}.dashboard-setup-card a{color:var(--color-accent);font-weight:700}.dashboard-skeleton{min-height:280px;display:grid;place-items:center;color:var(--color-muted)}.list-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px}.list-row-main{display:flex;align-items:center;gap:12px;min-width:0}.list-thumbnail{width:52px;height:52px;flex:0 0 52px;overflow:hidden;border-radius:10px;background:var(--color-border)}.list-thumbnail img{width:100%;height:100%;object-fit:cover}.list-row-title{color:var(--color-ink);font-weight:700;text-decoration:none}.list-row-title:hover{color:var(--color-accent)}.status-chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.status-chip{display:inline-flex;align-items:center;gap:5px;min-height:22px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;line-height:1;white-space:nowrap}.status-chip-locale{font-size:9px;font-weight:800;padding:1px 4px;border-radius:4px;background:#00000014;letter-spacing:.5px}.status-published{color:#166534;background:#dcfce7}.status-draft{color:#92400e;background:#fef3c7}.status-not-started{color:#475569;background:#f1f5f9}.list-row-time{color:var(--color-muted);white-space:nowrap;font-size:12px}.list-row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.list-row-actions button,.list-row-actions a{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:32px;padding:0 10px;font-family:inherit;font-size:12px;font-weight:600;border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-subtle);text-decoration:none;cursor:pointer;white-space:nowrap;transition:all .14s ease;box-shadow:0 1px 2px #0206180a}.list-row-actions button:hover:not(:disabled),.list-row-actions a:hover{background:var(--bg-hover);border-color:var(--border-primary);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.list-row-actions button.danger-button,.list-row-actions .btn-danger{color:var(--danger)!important;background:var(--danger-bg);border-color:#ef444433}.list-row-actions button.danger-button:hover:not(:disabled),.list-row-actions .btn-danger:hover:not(:disabled){background:var(--danger);color:#fff!important;border-color:var(--danger)}.pagination-row{display:flex;align-items:center;gap:10px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-subtle)}.pagination-row button,.pagination-row a{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:600;border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-subtle);cursor:pointer;transition:all .15s ease}.pagination-row button:hover:not(:disabled),.pagination-row a:hover{background:var(--bg-hover);border-color:var(--border-primary);transform:translateY(-1px)}.slug-hint{color:var(--color-muted);font-weight:400}.editor-action-bar{position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 -8px 18px;padding:10px 8px;border-bottom:1px solid var(--color-border);background:#fefdfef0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.product-editor>form .editor-action-bar{display:none}.editor-publish-column{position:sticky;top:88px;align-self:start;max-width:420px;margin:18px 0 0 auto}.editor-action-status{display:grid;gap:3px;color:var(--color-muted);font-size:12px}.editor-action-status .unsaved-indicator,.editor-action-status .saved-indicator{display:inline;min-height:0;padding:0;border:0;border-radius:0;background:transparent;font-size:11px;font-weight:600}.unsaved-indicator:before{content:"";display:inline-block;width:7px;height:7px;margin-inline-end:6px;border-radius:50%;background:var(--color-danger)}.saved-indicator{color:var(--color-success)}@media(max-width:900px){.dashboard-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-columns{grid-template-columns:1fr}}@media(max-width:640px){.dashboard-heading{margin-bottom:20px}.dashboard-heading-icon{display:none}.dashboard-module-grid{grid-template-columns:1fr}.recent-item{grid-template-columns:auto minmax(0,1fr)}.recent-meta{grid-column:2;justify-items:start}.list-row{grid-template-columns:1fr;align-items:start;gap:10px}.list-row-actions{justify-content:flex-start}.editor-action-bar{top:auto;bottom:0;margin:16px -8px -8px;border-top:1px solid var(--color-border);border-bottom:0;padding:10px 8px}.editor-publish-column{position:static;max-width:none;margin:16px 0 0}.editor-action-bar .editor-actions{justify-content:flex-end}.toast-region{inset-inline:16px;bottom:16px;max-width:none}}.message-unread-badge{display:inline-grid;place-items:center;min-width:22px;min-height:22px;padding:0 6px;border-radius:999px;color:#fff;background:var(--color-accent);font-size:11px;font-weight:750}.messages-page{min-width:0}.messages-heading-count{display:inline-flex;align-items:center;gap:10px;color:var(--color-accent)}.messages-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:20px 0}.message-tabs{display:flex;gap:6px;flex-wrap:wrap}.message-tabs button{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 12px;color:var(--color-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.message-tabs button.active{color:var(--color-accent);border-color:var(--color-accent-border);background:var(--color-accent-subtle);font-weight:700}.messages-search{display:flex;align-items:center;flex:1 1 280px;max-width:460px;min-height:44px;padding-inline-start:12px;color:var(--color-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.messages-search input{min-width:0;flex:1;height:42px;padding:0 10px;color:var(--color-ink);background:transparent;border:0;outline:0}.messages-search button{min-height:42px;padding:0 14px;color:var(--color-accent);background:transparent;border:0;border-inline-start:1px solid var(--color-border);cursor:pointer;font-weight:700}.messages-workspace{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.6fr);min-height:520px;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.message-list{min-width:0;border-inline-end:1px solid var(--color-border);background:var(--color-surface-subtle);overflow-y:auto}.message-row{display:grid;width:100%;min-height:116px;gap:5px;padding:14px;text-align:start;color:var(--color-ink);background:transparent;border:0;border-bottom:1px solid var(--color-border);cursor:pointer}.message-row:hover,.message-row.selected{background:var(--color-accent-subtle)}.message-row.unread strong,.message-row.unread .message-row-subject{font-weight:800}.message-row-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.message-row-top time,.message-row-preview,.message-meta{color:var(--color-muted);font-size:12px}.message-row-subject,.message-row-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-row-subject{font-size:13px}.message-state{display:grid;min-height:240px;place-content:center;justify-items:center;gap:10px;padding:28px;color:var(--color-muted);text-align:center}.message-detail{min-width:0;padding:24px;overflow-wrap:anywhere}.message-detail-header{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:22px}.message-detail-header>div{flex:1;min-width:180px}.message-detail-header h2{margin:0;font-size:clamp(20px,3vw,28px)}.messages-back{display:none;min-height:44px;padding:8px 12px;color:var(--color-accent);background:transparent;border:1px solid var(--color-accent-border);border-radius:var(--radius-sm);cursor:pointer}.email-status{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:750;white-space:nowrap}.email-status-sent{color:var(--color-success);background:var(--color-success-bg)}.email-status-failed{color:var(--color-danger);background:var(--color-danger-bg)}.email-status-skipped{color:var(--color-warning);background:var(--color-warning-bg)}.message-contact-card{display:grid;gap:4px;margin-bottom:24px;padding:14px;background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.message-contact-card a,.message-meta a{color:var(--color-accent);overflow-wrap:anywhere}.message-body{min-height:150px;padding:18px;color:var(--color-ink);background:var(--color-canvas);border:1px solid var(--color-border);border-radius:var(--radius-sm);white-space:pre-wrap;line-height:1.65}.message-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.action-button-primary,.action-button-danger{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:700;cursor:pointer;text-decoration:none}.action-button-primary{color:#fff;background:var(--color-ink);border:1px solid var(--color-ink)}.action-button-danger{color:var(--color-danger);background:var(--color-danger-bg);border:1px solid var(--color-danger-border)}.action-button-primary:disabled,.action-button-danger:disabled{opacity:.55;cursor:wait}@media(max-width:700px){.messages-workspace{display:block;min-height:0}.message-list{border-inline-end:0}.message-list-hidden-mobile{display:none}.message-detail{min-height:520px}.messages-back{display:inline-flex}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.category-picker{display:grid;gap:.65rem;min-width:0}.category-picker>button{justify-self:start}.category-create-form{display:grid;gap:.75rem;padding:1rem;border:1px solid var(--color-border, #e8e5ed);border-radius:.875rem;background:var(--color-canvas, #fefdfe)}.category-create-form label{display:grid;gap:.35rem}.category-create-form input,.category-picker select{width:100%;min-width:0}@media(max-width:480px){.topbar{gap:8px;min-width:0;padding-inline:10px}.topbar-start,.site-select-wrapper{min-width:0;flex:1 1 auto}.topbar-site-select{min-width:0;width:100%;overflow:hidden;text-overflow:ellipsis}.top-actions{flex:0 0 auto;gap:4px}.lang-pill-btn,.signout-button{width:40px;min-width:40px;padding-inline:0;justify-content:center}.lang-pill-btn span,.signout-text{display:none}.user-badge-header{flex:0 0 auto;padding:4px}}