.notif-badge-wrap{align-items:center;display:inline-flex;position:relative}.notif-bell-btn{cursor:pointer;color:var(--mid);background:0 0;border:none;padding:4px 8px;font-size:1.15rem;line-height:1;transition:color .15s;position:relative}.notif-bell-btn:hover{color:var(--gold)}.notif-bell-icon{display:inline-block}.notif-count{color:#fff;background:#c0392b;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.6rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-2px;right:0}.notif-dropdown{background:var(--card,#fff);border-radius:var(--radius,8px);z-index:1000;border:1px solid #6b655726;flex-direction:column;width:300px;max-height:400px;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.notif-dropdown-header{border-bottom:1px solid #6b655714;flex-shrink:0;justify-content:space-between;align-items:center;padding:.65rem .85rem;display:flex}.notif-dropdown-title{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-size:.75rem;font-weight:700}.notif-mark-all{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:.7rem;transition:background .15s}.notif-mark-all:hover{background:rgb(var(--accent-rgb) / .1)}.notif-dropdown-body{flex:1;overflow-y:auto}.notif-empty{color:var(--light,#999);justify-content:center;align-items:center;padding:2rem 1rem;font-size:.8rem;display:flex}.notif-item{cursor:pointer;border-bottom:1px solid #6b65570a;align-items:flex-start;gap:.5rem;padding:.6rem .85rem;transition:background .12s;display:flex}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#6b65570a}.notif-unread{background:rgb(var(--accent-rgb) / .04)}.notif-read{opacity:.6}.notif-type-icon{flex-shrink:0;margin-top:1px;font-size:.9rem}.notif-item-content{flex:1;min-width:0}.notif-item-title{color:var(--black,#1a1a1a);font-size:.78rem;line-height:1.3;display:block}.notif-item-time{color:var(--light,#999);margin-top:2px;font-size:.62rem;display:block}.notif-unread-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:4px}body:has(.od-action-bar) .qaf-fab{display:none}.qaf-fab{background:linear-gradient(135deg, var(--accent), var(--accent-lt));color:#fff;cursor:pointer;z-index:9000;-webkit-user-select:none;user-select:none;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;font-weight:300;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 16px #00000047}.qaf-fab:hover{transform:scale(1.08)rotate(90deg);box-shadow:0 6px 22px #00000059}.qaf-fab.is-open{transform:rotate(45deg)}.qaf-overlay{z-index:8999;background:#00000080;justify-content:flex-end;align-items:flex-end;padding:0 20px 90px;display:flex;position:fixed;inset:0}.qaf-panel{background:var(--card,#fff);border:1px solid var(--warm,#e7e3da);border-radius:12px;width:min(520px,100vw - 40px);max-height:calc(100vh - 130px);padding:1rem 1.2rem 1.2rem;overflow-y:auto;box-shadow:0 20px 60px #0006}.qaf-panel h3{color:var(--ink,#1c1c1c);border-bottom:1px solid var(--warm,#e7e3da);align-items:center;gap:.5rem;margin:0 0 .8rem;padding-bottom:.6rem;font-size:.95rem;font-weight:600;display:flex}.qaf-close{border:1px solid var(--warm,#e7e3da);cursor:pointer;width:26px;height:26px;color:var(--mid,#71717a);background:0 0;border-radius:50%;margin-left:auto;font-size:14px}.qaf-close:hover{background:#0000000d}.qaf-section{margin-top:.9rem}.qaf-section:first-of-type{margin-top:0}.qaf-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--mid,#71717a);margin-bottom:.4rem;font-size:.62rem;font-weight:700}.qaf-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;display:grid}.qaf-btn{background:var(--surface,#f7f5ef);border:1px solid var(--warm,#e7e3da);cursor:pointer;text-align:left;color:var(--ink,#1c1c1c);border-radius:8px;align-items:center;gap:.55rem;padding:.7rem .6rem;font-family:inherit;transition:background .15s,border-color .15s,transform .15s;display:flex}.qaf-btn:hover{background:rgb(var(--accent-rgb) / .12);border-color:var(--accent);transform:translateY(-1px)}.qaf-btn .qaf-ico{flex-shrink:0;font-size:1.3rem}.qaf-btn .qaf-lbl{font-size:.82rem;font-weight:600;line-height:1.2}@media (width<=480px){.qaf-fab{bottom:16px;right:16px}.qaf-overlay{padding:0 12px 80px}}.landing{--c-fg:#1a1a1a;--c-muted:#6b7280;--c-primary:var(--accent);--c-primary-dark:#9c7a2c;--c-border:#e5e7eb;--c-card:#fff;--c-card-hover:#f9fafb;--c-shadow:0 6px 16px #0000000f;--landing-radius:12px;--landing-max:1180px;color:var(--c-fg);-webkit-font-smoothing:antialiased;background:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.55}.landing a{color:var(--c-primary);text-decoration:none}.landing a:hover{text-decoration:underline}.landing-container{max-width:var(--landing-max);margin:0 auto;padding:0 24px}.landing-muted{color:var(--c-muted)}.landing-center{text-align:center}.landing h1{margin:0 0 16px;font-size:clamp(2rem,5vw,3.5rem);line-height:1.1}.landing h2{margin:0 0 12px;font-size:clamp(1.5rem,3vw,2.25rem)}.landing h3{margin:0 0 8px;font-size:1.25rem}.landing-btn{border-radius:var(--landing-radius);cursor:pointer;border:2px solid #0000;padding:12px 24px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .1s,box-shadow .1s,background .15s;display:inline-block}.landing-btn:hover{text-decoration:none;transform:translateY(-1px)}.landing-btn.primary{background:var(--c-primary);color:#fff;box-shadow:var(--c-shadow)}.landing-btn.primary:hover{background:var(--c-primary-dark)}.landing-btn.secondary{color:var(--c-fg);border-color:var(--c-border);background:#fff}.landing-btn.secondary:hover{background:var(--c-card-hover)}.landing-header{border-bottom:1px solid var(--c-border);z-index:50;background:#fff;position:sticky;top:0}.landing-header .landing-container{justify-content:space-between;align-items:center;padding-top:16px;padding-bottom:16px;display:flex}.landing-logo{font-size:1.25rem;font-weight:700;color:var(--c-fg)!important}.landing-logo span{color:var(--c-primary)}.landing-nav{align-items:center;gap:24px;display:flex}.landing-nav a{color:var(--c-fg);font-weight:500}.landing-nav a.landing-cta{color:#fff;background:var(--c-primary);border-radius:8px;padding:8px 16px}.landing-nav a.landing-cta:hover{background:var(--c-primary-dark);text-decoration:none}.landing-hero{background:linear-gradient(#fdf9ee 0%,#fff 100%);padding:80px 0 60px}.landing-hero h1{text-align:center;max-width:780px;margin-left:auto;margin-right:auto}.landing-lead{text-align:center;color:#444;max-width:720px;margin:0 auto 32px;font-size:1.1rem}.landing-cta-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.landing-section{margin-top:80px}.landing-section-lead{max-width:640px;margin:0 auto 48px}.landing-features{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:32px;display:grid}.landing-feature{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--landing-radius);padding:24px;transition:background .15s,border-color .15s}.landing-feature:hover{background:var(--c-card-hover);border-color:var(--c-primary)}.landing-feature-icon{margin-bottom:12px;font-size:2rem}.landing-plans{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));justify-content:center;gap:20px;max-width:1180px;margin-top:32px;display:grid}.landing-plan{border:1px solid var(--c-border);border-radius:var(--landing-radius);text-align:center;background:#fff;flex-direction:column;align-items:center;gap:8px;padding:32px 24px;display:flex;position:relative}.landing-plan.featured{border-color:var(--c-primary);box-shadow:var(--c-shadow);border-width:2px}.landing-plan-badge{background:var(--c-primary);color:#fff;letter-spacing:.5px;border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:600;position:absolute;top:-14px}.landing-plan-name{color:#444;font-size:1.1rem;font-weight:600}.landing-plan-price{font-size:2rem;font-weight:700}.landing-plan-price small{color:var(--c-muted);font-size:.9rem;font-weight:400}.landing-plan ul{text-align:left;width:100%;margin:16px 0 24px;padding:0;list-style:none}.landing-plan ul li{border-bottom:1px solid #f3f4f6;padding:6px 0;font-size:.95rem}.landing-plan ul li:last-child{border-bottom:none}.landing-footer{border-top:1px solid var(--c-border);color:var(--c-muted);margin-top:80px;padding:48px 0;font-size:14px}.landing-footer .landing-container{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:32px;display:flex}.landing-footer a{color:var(--c-muted);margin-left:16px}.landing-footer a:first-child{margin-left:0}.wizard-upload-spinner{vertical-align:-1px;border:2px solid #0000002e;border-top-color:var(--accent);border-radius:50%;width:12px;height:12px;margin-right:7px;animation:.7s linear infinite wizard-upload-spin;display:inline-block}@keyframes wizard-upload-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.wizard-upload-spinner{animation-duration:2s}}.login-page{background:linear-gradient(#fdf9ee 0%,#fff 100%);justify-content:center;align-items:center;min-height:calc(100vh - 220px);padding:3rem 1.5rem;display:flex}.login-card{border:1px solid var(--c-border,#e5e7eb);background:#fff;border-radius:12px;width:100%;max-width:480px;padding:2rem;box-shadow:0 6px 16px #0000000f}.login-logo{justify-content:center;margin-bottom:2rem;display:flex}.login-logo-od{align-items:center;gap:.55rem;display:flex}.login-title{font-family:var(--font-heading);color:var(--black);text-align:center;margin-bottom:1.5rem;font-size:1.4rem;font-weight:400}.login-error{color:var(--red);border-radius:var(--radius-sm);text-align:center;background:#b5232e14;border:1px solid #b5232e4d;margin-bottom:1rem;padding:.6rem 1rem;font-size:.82rem}.login-tabs{border-bottom:1px solid var(--border,#e5e0d5);margin-bottom:1.5rem;display:flex}.login-tab{font-family:var(--font-heading);color:#888;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.75rem 0;font-size:1rem;transition:all .15s}.login-tab:hover{color:var(--black)}.login-tab.active{color:var(--gold);border-bottom-color:var(--gold);font-weight:500}.register-form .form-label{color:var(--black);margin-bottom:.35rem;font-size:.82rem;display:block}.register-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.plan-toggle{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem;display:grid}.plan-toggle-4{grid-template-columns:repeat(2,1fr)}@media (width>=600px){.plan-toggle-4{grid-template-columns:repeat(4,1fr)}}.plan-option{border:1px solid var(--border,#e5e0d5);cursor:pointer;border-radius:8px;padding:.75rem;transition:all .15s;display:block}.plan-option.selected{border-color:var(--gold);background:rgb(var(--accent-rgb) / .06)}.plan-option input{display:none}.plan-option strong{margin-bottom:.15rem;font-size:.92rem;display:block}.plan-option small{color:#888;font-size:.78rem}.subdomain-wrap{border:1px solid var(--border,#e5e0d5);border-radius:var(--radius-sm);align-items:stretch;display:flex;overflow:hidden}.subdomain-wrap input{font:inherit;border:none;outline:none;flex:1;padding:.5rem .75rem}.subdomain-suffix{color:#888;border-left:1px solid var(--border,#e5e0d5);white-space:nowrap;background:#f4efe5;padding:.5rem .75rem;font-size:.85rem}.subdomain-hint{margin-top:.35rem;font-size:.75rem}.subdomain-hint.ok{color:#1a7f37}.subdomain-hint.err{color:var(--red)}.register-addon{color:#555;align-items:flex-start;gap:.5rem;margin:.75rem 0;font-size:.82rem;display:flex}.register-addon input{margin-top:.2rem}.form-row{margin-bottom:.75rem}.tenant-picker-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tenant-picker-item{text-align:left;cursor:pointer;background:#fdf9ee;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:12px 16px;font-family:inherit;transition:all .15s;display:block}.tenant-picker-item:hover:not(:disabled){border-color:var(--accent);background:#f5e9c8;transform:translateY(-1px)}.tenant-picker-item:disabled{opacity:.5;cursor:not-allowed}.tenant-picker-name{color:#1a1714;font-size:1rem;font-weight:600}.tenant-picker-sub{color:#6b6557;margin-top:2px;font-size:.8rem}