*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--red: #F21F32;--red-dark: #d91028;--navy: #07182E;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-400: #94a3b8;--gray-600: #475569;--gray-900: #07182E;--sidebar-w: 220px}body{font-family:Inter,-apple-system,sans-serif;font-size:14px;color:var(--gray-900);background:var(--gray-50);min-height:100vh}a{text-decoration:none;color:inherit}.app-shell{display:flex;min-height:100vh}.mobile-topbar{display:none;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:5}.mobile-brand{font-size:16px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.hamburger{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;color:var(--gray-900)}.sidebar-close{display:none}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#07182e66;z-index:19}.sidebar{width:var(--sidebar-w);background:#fff;border-right:1px solid var(--gray-200);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:20}.sidebar-brand{display:flex;align-items:center;gap:8px;padding:0 16px;height:65px;font-weight:800;font-size:16px;border-bottom:1px solid var(--gray-200);min-width:0}.brand-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.sidebar-search-btn{display:flex;align-items:center;gap:8px;margin:8px 10px 4px;padding:8px 12px;border:1.5px solid var(--gray-200);border-radius:8px;background:var(--gray-50);cursor:pointer;font-family:inherit;font-size:13px;color:var(--gray-400);transition:border-color .15s}.sidebar-search-btn:hover{border-color:var(--gray-300)}.sidebar-search-btn span{flex:1;text-align:left}.sidebar-search-kbd{font-size:10px;font-weight:600;color:var(--gray-400);background:#fff;border:1px solid var(--gray-200);border-radius:4px;padding:1px 5px;line-height:1.4}@keyframes pulse-ring{0%{transform:scale(1);opacity:.8}70%{transform:scale(2.2);opacity:0}to{transform:scale(2.2);opacity:0}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.6}}.timer-pill{display:flex;align-items:center;gap:5px;margin-left:auto;font-size:11px;font-weight:600;font-family:SF Mono,Fira Mono,monospace;color:var(--red);letter-spacing:.02em;text-decoration:none;border-radius:6px;padding:2px 4px;transition:background .12s}.timer-pill:hover{background:#fef2f2}.timer-pulse-dot{position:relative;width:7px;height:7px;flex-shrink:0}.timer-pulse-dot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--red);animation:pulse-dot 1.4s ease-in-out infinite}.timer-pulse-dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--red);opacity:.5;animation:pulse-ring 1.4s ease-out infinite}.nav-timer-dot{width:6px;height:6px;border-radius:50%;background:var(--red);margin-left:auto;flex-shrink:0;animation:pulse-dot 1.4s ease-in-out infinite}.sidebar-nav{padding:10px 8px;flex:1;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:7px;font-size:13px;font-weight:500;color:var(--gray-600);transition:.12s;cursor:pointer}.nav-item:hover{background:var(--gray-50);color:var(--gray-900)}.nav-item.active{background:#fef2f2;color:var(--red);font-weight:600}.nav-item svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.nav-divider{height:1px;background:var(--gray-100);margin:6px 4px}.nav-group-label{font-size:10px;font-weight:700;color:var(--gray-400);text-transform:uppercase;letter-spacing:.08em;padding:14px 14px 4px}.main-content{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column;overflow-x:hidden}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:0 28px;height:65px;background:#fff;border-bottom:1px solid var(--gray-200);overflow:visible;position:relative;z-index:10}.page-title{font-size:18px;font-weight:800}.page-sub{font-size:12px;color:var(--gray-400);margin-top:2px}.btn-primary-sm{background:var(--red);color:#fff;border:none;border-radius:7px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:.12s;display:inline-flex;align-items:center;gap:4px}.btn-primary-sm:hover{background:var(--red-dark)}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:0}.stat-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:18px 20px}.stat-label{font-size:11px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.08em}.stat-value{font-size:24px;font-weight:800;margin:6px 0 2px}.stat-sub{font-size:12px;color:var(--gray-400)}.onboard-card{background:#fff;border:1px solid var(--gray-200);border-radius:14px;padding:20px 22px;margin-bottom:20px}.onboard-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.onboard-title{font-size:14px;font-weight:700}.onboard-sub{font-size:12px;color:var(--gray-400);margin-top:2px}.onboard-pct{font-size:13px;font-weight:700;color:var(--red)}.onboard-bar{height:5px;background:var(--gray-100);border-radius:3px;overflow:hidden;margin-bottom:16px}.onboard-bar-fill{height:100%;background:var(--red);border-radius:3px;transition:width .5s}.onboard-steps{display:flex;flex-direction:column;gap:4px}.onboard-step{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:9px;transition:background .1s}.onboard-step:hover{background:var(--gray-50)}.onboard-step.next{background:#fff7f7}.onboard-step.done{opacity:.55}.onboard-check{flex-shrink:0;width:22px;height:22px;border-radius:50%;border:2px solid var(--gray-200);background:none;display:flex;align-items:center;justify-content:center;transition:.12s}.onboard-check.checked{background:var(--red);border-color:var(--red)}.onboard-check svg{width:11px;height:11px}.onboard-step-text{flex:1;min-width:0}.onboard-step-label{font-size:13px;font-weight:500}.onboard-step.done .onboard-step-label{text-decoration:line-through}.onboard-step-sub{font-size:11px;color:var(--gray-400);margin-top:2px}.onboard-go{flex-shrink:0;background:none;border:1px solid var(--gray-200);border-radius:6px;padding:5px 10px;font-size:12px;font-weight:500;cursor:pointer;color:var(--gray-600);white-space:nowrap;transition:.12s}.onboard-step.next .onboard-go{background:var(--red);color:#fff;border-color:var(--red);font-weight:600}.onboard-go:hover{border-color:var(--gray-400)}.onboard-step.next .onboard-go:hover{background:var(--red-dark)}.onboard-go.done{color:var(--gray-400)}.onboard-complete{display:flex;align-items:center;gap:12px;background:#f0fdf4;border:1px solid #86efac;border-radius:12px;padding:14px 18px;margin-bottom:20px}.quick-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.quick-action-btn{background:#fff;border:1px solid var(--gray-200);border-radius:8px;padding:8px 14px;font-size:13px;font-weight:500;cursor:pointer;color:var(--gray-600);transition:.12s}.quick-action-btn:hover{border-color:var(--red);color:var(--red)}.stat-card.clickable{cursor:pointer;transition:border-color .12s,box-shadow .12s}.stat-card.clickable:hover{border-color:var(--gray-300);box-shadow:0 2px 8px #0000000a}.stat-icon-wrap{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.text-danger{color:#ef4444;font-weight:600}.dash-two-col{display:grid;grid-template-columns:1fr 380px;gap:14px;margin-top:14px}.dash-two-col-compact{align-items:start}.dash-col-main{min-width:0}.dash-col-side{display:flex;flex-direction:column;gap:14px}.dash-section-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:18px 20px}.dash-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.dash-section-head h3{font-size:14px;font-weight:700}.dash-empty{font-size:13px;color:var(--gray-400);padding:4px 0}.urgent-row{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:8px;cursor:pointer;transition:background .1s}.urgent-row:hover{background:var(--gray-50)}.urgent-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.urgent-text{flex:1;min-width:0}.urgent-label{font-size:13px;font-weight:500}.urgent-sub{font-size:12px;color:var(--gray-400);margin-top:1px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-tile{display:flex;align-items:center;gap:10px;background:var(--gray-50);border:1px solid var(--gray-100);border-radius:9px;padding:10px 12px;font-size:13px;font-weight:500;cursor:pointer;color:var(--gray-600);transition:.12s;text-align:left;font-family:inherit}.quick-tile:hover{border-color:var(--gray-300);background:#fff}.quick-tile-icon{width:32px;height:32px;border-radius:8px;background:#fff;border:1px solid var(--gray-200);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-row{display:flex;align-items:flex-start;gap:10px;padding:8px 0}.activity-row+.activity-row{border-top:1px solid var(--gray-100)}.activity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}.activity-text{flex:1;min-width:0}.activity-label{font-size:13px;font-weight:500}.activity-sub{font-size:11px;color:var(--gray-400)}.activity-time{font-size:11px;color:var(--gray-400);white-space:nowrap;margin-top:2px}.revenue-chart{display:flex;align-items:flex-end;gap:12px;height:140px;padding-top:10px}.chart-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.chart-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.chart-bar{width:70%;max-width:48px;background:var(--red);border-radius:4px 4px 0 0;opacity:.75;transition:height .5s,opacity .15s;min-height:2px}.chart-bar:hover{opacity:1}.chart-label{font-size:11px;color:var(--gray-400);margin-top:6px}.funnel{display:flex;align-items:center;gap:4px;justify-content:space-between}.funnel-step{display:flex;flex-direction:column;align-items:center;flex:1;text-align:center}.funnel-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.funnel-val{font-size:13px;font-weight:700}.funnel-label{font-size:11px;color:var(--gray-400);margin-top:2px}.funnel-arrow{flex-shrink:0;margin-bottom:20px}.dash-tools{margin-top:14px}.tools-grid{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.tool-tile{display:flex;flex-direction:column;align-items:center;min-width:130px;padding:16px 14px 14px;background:#fff;border:1px solid var(--gray-200);border-radius:12px;cursor:pointer;transition:.12s;text-align:center;font-family:inherit}.tool-tile:hover{border-color:var(--gray-300);box-shadow:0 2px 8px #0000000a}.tool-icon{width:40px;height:40px;border-radius:10px;background:var(--gray-50);display:flex;align-items:center;justify-content:center;margin-bottom:8px}.tool-label{font-size:13px;font-weight:600}.tool-sub{font-size:11px;color:var(--gray-400);margin-top:2px}.cd-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px}.cd-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:18px 20px}.detail-card .data-table{margin:0}.page-body{padding:24px 28px;width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}.top-bar{padding-left:max(28px,calc((100% - 1200px)/2 + 28px));padding-right:max(28px,calc((100% - 1200px)/2 + 28px))}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.toolbar-right{margin-left:auto;display:flex;gap:8px}.search-wrap{position:relative;flex:1;max-width:360px}.search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;fill:none;stroke:var(--gray-400);stroke-width:2;stroke-linecap:round;pointer-events:none}.search-input{width:100%;padding:8px 12px 8px 34px;border:1.5px solid var(--gray-200);border-radius:8px;font-size:13px;font-family:inherit;outline:none;transition:.15s;background:#fff}.search-input:focus{border-color:var(--red)}.btn-ghost{padding:7px 16px;border:1.5px solid var(--gray-200);border-radius:7px;background:#fff;font-size:12px;font-weight:500;color:var(--gray-600);cursor:pointer;transition:.12s}.btn-ghost:hover{border-color:var(--gray-400);color:var(--gray-900)}.data-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--gray-200);border-radius:12px;overflow:hidden}.data-table thead th{text-align:left;padding:11px 16px;font-size:11px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.07em;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.table-row td{padding:13px 16px;border-bottom:1px solid var(--gray-100);vertical-align:middle}.table-row:last-child td{border-bottom:none}.table-row:hover td{background:var(--gray-50)}.customer-name-cell{display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;border-radius:50%;background:#fef2f2;color:var(--red);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fw-600{font-weight:600;font-size:13px}.text-muted{color:var(--gray-600);font-size:13px}.row-actions{display:flex;gap:4px;justify-content:flex-end;opacity:0;transition:.12s}.table-row:hover .row-actions,.task-row:hover .row-actions{opacity:1}.icon-btn{width:30px;height:30px;border:1px solid var(--gray-200);border-radius:6px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.12s;position:relative}.icon-btn:hover{border-color:var(--red);color:var(--red)}.icon-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:5px 10px;background:var(--gray-900);color:#fff;font-size:11px;font-weight:500;line-height:1.3;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .1s;z-index:50}[data-tooltip]:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--gray-900);pointer-events:none;opacity:0;transition:opacity .1s;z-index:50}[data-tooltip]:hover:after,[data-tooltip]:hover:before{opacity:1}.top-bar [data-tooltip]:after{bottom:auto;top:calc(100% + 6px)}.top-bar [data-tooltip]:before{bottom:auto;top:calc(100% + 2px);border-top-color:transparent;border-bottom-color:var(--gray-900)}.empty-state{text-align:center;padding:64px 20px;color:var(--gray-400)}.empty-state svg{width:48px;height:48px;fill:none;stroke:var(--gray-200);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin:0 auto 16px;display:block}.empty-state h3{font-size:15px;font-weight:700;color:var(--gray-900);margin-bottom:6px}.empty-state p{font-size:13px;margin-bottom:20px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#07182e59;z-index:100;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.modal{position:fixed;top:0;right:0;bottom:0;width:75vw;min-width:480px;max-width:100vw;background:var(--gray-50);box-shadow:-8px 0 30px #07182e1f;display:flex;flex-direction:column;animation:slideIn .25s cubic-bezier(.22,1,.36,1);z-index:101}.modal-header{display:flex;align-items:center;gap:14px;padding:12px 20px;background:#fff;border-bottom:1px solid var(--gray-100);flex-shrink:0}.modal-header h2{font-size:15px;font-weight:700;flex:1}.modal-close{width:32px;height:32px;order:-1;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--gray-500);transition:.12s;flex-shrink:0}.modal-close:hover{background:var(--gray-100);color:var(--gray-900)}.modal-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.modal-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.modal-header-actions .btn-primary-sm{font-size:13px;padding:6px 16px}.modal-more-btn{width:32px;height:32px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--gray-500);transition:.12s}.modal-more-btn:hover{background:var(--gray-100);color:var(--gray-900)}.modal-body{padding:28px 40px;overflow-y:auto;flex:1;display:flex;justify-content:center}.modal-body-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:28px;width:100%;max-width:860px;align-self:flex-start;display:flex;flex-direction:column;gap:14px}.modal-body-card input[type=text],.modal-body-card input[type=email],.modal-body-card input[type=tel],.modal-body-card input[type=url],.modal-body-card input[type=number],.modal-body-card input[type=date],.modal-body-card input[type=time],.modal-body-card textarea,.modal-body-card select,.modal-body-card .ss-wrap,.modal-body-card .ss-selected{max-width:360px}.modal-section-divider{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--gray-400);padding-top:6px;padding-bottom:2px;border-top:1px solid var(--gray-100);margin-top:4px}.modal-footer{padding:16px 24px;background:#fff;border-top:1px solid var(--gray-100);display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-group label{font-size:12px;font-weight:600;color:var(--gray-900)}.form-group input,.form-group select,.form-group textarea{padding:9px 12px;border:1.5px solid var(--gray-200);border-radius:7px;font-size:13px;font-family:inherit;outline:none;transition:.15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--red)}.form-group input[type=color]{padding:4px;height:40px;width:100%;cursor:pointer}.optional{color:var(--gray-400);font-weight:400}.required{color:var(--red);font-weight:400}.input-error{border-color:var(--red)!important;background:#fff5f5!important}.form-error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;font-size:13px;color:#dc2626;margin-bottom:12px}.badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600}.badge-gray{background:var(--gray-100);color:var(--gray-600)}.badge-blue{background:#eff6ff;color:#1d4ed8}.badge-green{background:#f0fdf4;color:#15803d}.badge-red{background:#fef2f2;color:#dc2626}.mono{font-family:SF Mono,Fira Code,monospace;font-size:12px}.filter-tab{padding:6px 12px;border-radius:6px;border:1px solid var(--gray-200);background:#fff;font-size:12px;font-weight:500;color:var(--gray-600);cursor:pointer;transition:.12s}.filter-tab:hover{border-color:var(--gray-400);color:var(--gray-900)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.project-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:18px}.project-card-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:2px dashed var(--gray-200);color:var(--gray-400);font-size:13px;font-weight:500;cursor:pointer;background:none;min-height:140px;transition:.12s}.project-card-add:hover{border-color:var(--red);color:var(--red)}.project-card-add svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.project-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.project-name{font-size:14px;font-weight:700}.project-card-stats{display:flex;gap:16px;margin:12px 0;padding:12px 0;border-top:1px solid var(--gray-100);border-bottom:1px solid var(--gray-100)}.project-stat-label{font-size:11px;color:var(--gray-400);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.project-stat-val{font-size:13px;font-weight:600;margin-top:2px}.project-card-actions{display:flex;gap:8px;margin-top:12px}.project-card-hover-actions{display:flex;gap:4px;opacity:0;transition:opacity .12s}.project-card:hover .project-card-hover-actions{opacity:1}.timer-widget{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:16px 20px;margin-bottom:20px}.timer-display{font-size:22px;font-weight:800;font-family:SF Mono,monospace;color:var(--gray-900);min-width:88px}.timer-input{flex:1;border:1.5px solid var(--gray-200);border-radius:8px;padding:9px 13px;font-size:13px;font-family:inherit;outline:none}.timer-input:focus{border-color:var(--red)}.timer-btn{display:flex;align-items:center;gap:7px;padding:9px 18px;border-radius:8px;border:none;background:var(--red);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:.12s}.timer-btn:hover{background:var(--red-dark)}.timer-btn.stop{background:var(--gray-900)}.products-layout{display:flex;gap:24px;align-items:flex-start}.cat-sidebar{width:200px;flex-shrink:0;background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:12px 8px;display:flex;flex-direction:column;gap:2px}.cat-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-400);padding:4px 8px 8px}.cat-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:7px 10px;border-radius:7px;border:none;background:none;font-size:13px;font-weight:500;color:var(--gray-900);cursor:pointer;text-align:left;transition:background .1s}.cat-item:hover{background:var(--gray-50)}.cat-item.active{background:var(--gray-100);font-weight:600}.cat-child{padding-left:22px;font-weight:400;color:var(--gray-600)}.cat-child.active{font-weight:600;color:var(--gray-900)}.cat-count{font-size:11px;color:var(--gray-400);background:var(--gray-100);border-radius:10px;padding:1px 7px}.cat-edit-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;opacity:.4;cursor:pointer;transition:opacity .15s}.cat-edit-btn:hover{opacity:1}.cat-add{display:block;width:100%;padding:7px 10px;border-radius:7px;border:none;background:none;font-size:12px;color:var(--gray-400);cursor:pointer;text-align:left;margin-top:4px;transition:color .1s}.cat-add:hover{color:var(--red)}.cat-manage-row{display:flex;align-items:center;justify-content:space-between;padding:8px 4px;border-bottom:1px solid var(--gray-100);font-size:13px}.cat-manage-child{padding-left:16px;color:var(--gray-600)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:18px}.product-card-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:2px dashed var(--gray-200);color:var(--gray-400);font-size:13px;font-weight:500;cursor:pointer;background:none;min-height:140px;transition:.12s}.product-card-add:hover{border-color:var(--red);color:var(--red)}.product-card-add svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.product-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.product-name{font-size:14px;font-weight:700;margin-bottom:6px}.product-price{font-size:18px;font-weight:800;color:var(--gray-900)}.product-actions{display:flex;align-items:center;gap:8px;margin-top:14px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--gray-200)}.status-dot.active{background:#16a34a}.ss-wrap{position:relative}.ss-input{width:100%;padding:10px 14px;border:1.5px solid var(--gray-200);border-radius:8px;font-size:14px;font-family:inherit;outline:none;background:#fff;color:var(--gray-900)}.ss-input:focus{border-color:var(--gray-400)}.ss-dropdown{position:absolute;top:100%;left:0;right:0;z-index:50;background:#fff;border:1px solid var(--gray-200);border-radius:8px;margin-top:4px;box-shadow:0 8px 24px #07182e1a;max-height:220px;overflow-y:auto;padding:4px 0}.ss-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;border:none;background:none;cursor:pointer;font-size:13px;color:var(--gray-900);text-align:left;font-family:inherit}.ss-option:hover,.ss-option.active{background:var(--gray-50)}.ss-option-empty{color:var(--gray-400);font-style:italic}.ss-option-label{font-weight:500}.ss-option-sub{color:var(--gray-400);font-size:12px;margin-left:auto}.ss-no-results{padding:10px 14px;font-size:12px;color:var(--gray-400);text-align:center}.ss-selected{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1.5px solid var(--gray-200);border-radius:8px;background:var(--gray-50);font-size:14px}.ss-selected-label{font-weight:500}.ss-selected-sub{color:var(--gray-400);font-size:12px}.ss-clear{margin-left:auto;border:none;background:none;cursor:pointer;color:var(--gray-400);padding:2px;display:flex}.ss-clear:hover{color:var(--gray-600)}.gs-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#07182e66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;padding-top:12vh}.gs-modal{width:560px;max-width:calc(100vw - 32px);max-height:480px;background:#fff;border-radius:14px;box-shadow:0 20px 60px #07182e40;display:flex;flex-direction:column;overflow:hidden}.gs-input-wrap{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--gray-100)}.gs-search-icon{width:18px;height:18px;fill:none;stroke:var(--gray-400);stroke-width:2;stroke-linecap:round;flex-shrink:0}.gs-input{flex:1;border:none;outline:none;font-size:15px;font-family:inherit;color:var(--gray-900);background:none}.gs-input::placeholder{color:var(--gray-400)}.gs-kbd{font-size:10px;font-family:inherit;font-weight:600;color:var(--gray-400);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:4px;padding:2px 6px;flex-shrink:0}.gs-results{overflow-y:auto;padding:8px 0;flex:1}.gs-section{padding:4px 0}.gs-section-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--gray-400);text-transform:uppercase;letter-spacing:.06em;padding:6px 18px 4px}.gs-section-icon{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.gs-result{display:flex;align-items:center;gap:10px;width:100%;padding:8px 18px;border:none;background:none;cursor:pointer;font-size:14px;color:var(--gray-900);text-align:left;font-family:inherit}.gs-result:hover,.gs-result.selected{background:var(--gray-50)}.gs-result-icon{width:16px;height:16px;fill:none;stroke:var(--gray-400);stroke-width:2;stroke-linecap:round;flex-shrink:0}.gs-result-title{font-weight:500}.gs-result-sub{color:var(--gray-400);font-size:12px;margin-left:auto}.gs-loading,.gs-empty{padding:24px 18px;text-align:center;font-size:13px;color:var(--gray-400)}.website-hero{text-align:center;padding:40px 20px 32px}.website-hero svg{width:48px;height:48px;fill:none;stroke:var(--gray-200);stroke-width:1.5;stroke-linecap:round;margin:0 auto 16px;display:block}.website-hero h2{font-size:20px;font-weight:800;margin-bottom:8px}.website-hero p{color:var(--gray-600);font-size:14px}.website-setup-form{max-width:480px}.website-editor{display:grid;grid-template-columns:1fr 380px;gap:0;min-height:calc(100vh - 130px)}.website-editor-left{padding:24px 28px;overflow-y:auto}.website-preview{background:var(--gray-50);border-left:1px solid var(--gray-200);padding:20px 16px;position:sticky;top:0;height:calc(100vh - 65px);overflow-y:auto}.wp-frame{background:#fff;border:1px solid var(--gray-200);border-radius:8px;overflow:hidden;font-size:11px;box-shadow:0 2px 12px #07182e0f}.wp-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgba(0,0,0,.06)}.wp-header-name{font-size:12px;font-weight:800}.wp-header-nav{display:flex;gap:10px}.wp-nav-item{font-size:9px;opacity:.7}.wp-block-hero{padding:28px 14px;text-align:center;color:#fff}.wp-hero-title{font-size:16px;font-weight:800;margin-bottom:4px}.wp-hero-sub{font-size:10px;opacity:.8}.wp-hero-btn{margin-top:8px;display:inline-block;padding:4px 12px;font-size:8px;font-weight:600;background:#fff3;border-radius:4px;border:1px solid rgba(255,255,255,.3)}.wp-block{padding:14px;border-bottom:1px solid var(--gray-100);cursor:pointer;transition:background .1s}.wp-block:hover{background:var(--gray-50)}.wp-block-hero{cursor:pointer;transition:outline .1s}.wp-selected{outline:2px solid var(--blue, #2563eb);outline-offset:-2px}.wp-block-text{font-size:9px;color:var(--gray-500);line-height:1.4;margin-top:2px}.wp-block-title{font-size:10px;font-weight:700;margin-bottom:8px;color:var(--gray-700)}.wp-block-placeholder{display:flex;align-items:center;justify-content:center;background:var(--gray-50);border-radius:6px;height:40px}.wp-contact-fields{display:flex;flex-wrap:wrap;gap:6px}.wp-field{height:22px;background:var(--gray-100);border-radius:4px;flex:1 1 45%;min-width:80px}.wp-field-wide{flex:1 1 100%;height:36px}.wp-btn{height:24px;border-radius:4px;width:70px;flex-shrink:0}.wp-footer{display:flex;justify-content:space-between;padding:8px 14px;font-size:8px;color:var(--gray-400);border-top:1px solid var(--gray-100)}.wp-empty{padding:30px 14px;text-align:center;color:var(--gray-300);font-size:11px}.wb-block-list{display:flex;flex-direction:column;gap:6px}.wb-block-item{display:flex;align-items:center;gap:12px;background:#fff;border:1.5px solid var(--gray-200);border-radius:10px;padding:12px 16px;transition:border-color .12s,background .12s}.wb-block-item.active{border-color:var(--gray-300);background:#fafafa}.wb-block-move{display:flex;flex-direction:column;gap:0}.wb-block-move .icon-btn{padding:2px}.wb-block-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--gray-50);border-radius:8px}.wb-block-icon svg{stroke:var(--gray-400)}.wb-toggle{position:relative;display:inline-block;width:38px;height:22px;flex-shrink:0}.wb-toggle input{opacity:0;width:0;height:0}.wb-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--gray-200);border-radius:22px;transition:.2s}.wb-toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.2s}.wb-toggle input:checked+.wb-toggle-slider{background:var(--gray-900)}.wb-toggle input:checked+.wb-toggle-slider:before{transform:translate(16px)}.task-list{display:flex;flex-direction:column;gap:2px}.task-row{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--gray-200);border-radius:10px;padding:12px 14px;transition:border-color .12s}.task-row:hover{border-color:var(--gray-400)}.task-row.done{opacity:.55}.task-check{flex-shrink:0;width:18px;height:18px;border-radius:4px;border:2px solid var(--gray-300);background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.12s;padding:0}.task-check:hover{border-color:var(--red)}.task-check.checked{background:var(--red);border-color:var(--red)}.task-check svg{width:10px;height:10px}.task-content{flex:1;min-width:0}.task-title{font-size:13px;font-weight:500}.task-row.done .task-title{text-decoration:line-through}.task-meta{display:flex;gap:4px;flex-wrap:wrap;margin-top:3px}.task-meta-item{font-size:12px;color:var(--gray-400)}.task-due.overdue{color:#dc2626;font-weight:500}.task-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.dt-table .task-done td{opacity:.5}.dt-table .task-done td.dt-prefix-col{opacity:1}.dt-table .task-done td:nth-child(2){text-decoration:line-through}.overdue{color:#dc2626;font-weight:500}.filter-tabs{display:flex;gap:4px}.filter-tab{padding:6px 12px;border-radius:7px;border:1px solid var(--gray-200);background:none;font-size:13px;cursor:pointer;color:var(--gray-600);transition:.1s}.filter-tab:hover{border-color:var(--gray-400)}.filter-tab.active{background:var(--gray-900);color:#fff;border-color:var(--gray-900)}.booking-link-pill{display:flex;align-items:center;gap:6px;background:var(--gray-100);border-radius:20px;padding:6px 12px;font-size:12px;color:var(--gray-600);cursor:pointer;transition:.12s;font-weight:500;border:1px solid var(--gray-200)}.booking-link-pill:hover{background:var(--gray-200)}.section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-400);margin-bottom:10px}.appt-list{display:flex;flex-direction:column;gap:8px}.appt-row{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--gray-200);border-radius:10px;padding:14px 16px;transition:border-color .1s}.appt-row:hover{border-color:var(--gray-400)}.appt-col-date{min-width:90px;flex-shrink:0}.appt-date{font-size:13px;font-weight:600}.appt-time{font-size:12px;color:var(--gray-400);margin-top:2px}.appt-col-main{flex:1;min-width:0}.appt-name{font-size:13px;font-weight:600}.appt-meta{font-size:12px;color:var(--gray-400);margin-top:2px}.appt-col-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.avail-list{display:flex;flex-direction:column;gap:4px}.avail-row{display:flex;align-items:center;gap:14px;padding:10px 14px;background:#fff;border:1px solid var(--gray-200);border-radius:8px}.avail-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;min-width:60px}.avail-toggle input{accent-color:var(--red)}.avail-day{font-size:13px;font-weight:600;min-width:24px}.avail-times{display:flex;align-items:center;gap:8px}.avail-times input[type=time]{padding:4px 8px;border:1px solid var(--gray-200);border-radius:6px;font-size:13px}.cal-week{border:1px solid var(--gray-200);border-radius:10px;overflow:hidden}.cal-week-header{display:grid;grid-template-columns:54px repeat(7,1fr);border-bottom:1px solid var(--gray-200)}.cal-day-header{text-align:center;padding:8px 4px;font-size:12px}.cal-day-header.cal-today{background:var(--gray-900);color:#fff}.cal-day-name{display:block;font-weight:500;text-transform:uppercase;letter-spacing:.5px;font-size:10px;opacity:.7}.cal-day-num{display:block;font-weight:700;font-size:15px;margin-top:2px}.cal-week-body{max-height:520px;overflow-y:auto}.cal-hour-row{display:grid;grid-template-columns:54px repeat(7,1fr);min-height:44px;border-bottom:1px solid var(--gray-50)}.cal-time-col{display:flex;align-items:flex-start;justify-content:center;padding-top:4px}.cal-time-label{font-size:11px;color:var(--gray-400);font-weight:500}.cal-cell{border-left:1px solid var(--gray-100);padding:2px 3px;min-height:44px}.cal-today-col{background:#0f172a05}.cal-event{display:flex;gap:4px;align-items:center;padding:3px 6px;border-radius:4px;font-size:11px;margin-bottom:2px;cursor:default;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-event-time{font-weight:600;flex-shrink:0}.cal-event-name{overflow:hidden;text-overflow:ellipsis}.cal-event-new{background:#dbeafe;color:#1e40af}.cal-event-confirmed{background:#dcfce7;color:#166534}.cal-event-cancelled{background:var(--gray-100);color:var(--gray-400);text-decoration:line-through}.cal-month{border:1px solid var(--gray-200);border-radius:10px;overflow:hidden}.cal-month-header{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--gray-200)}.cal-month-day-name{text-align:center;padding:8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-500)}.cal-month-row{display:grid;grid-template-columns:repeat(7,1fr)}.cal-month-cell{min-height:80px;border-right:1px solid var(--gray-100);border-bottom:1px solid var(--gray-100);padding:4px 6px}.cal-month-cell:last-child{border-right:none}.cal-month-cell.cal-empty{background:var(--gray-50)}.cal-month-cell.cal-today{background:#0f172a0a}.cal-month-num{font-size:12px;font-weight:600;color:var(--gray-500);display:block;margin-bottom:3px}.cal-month-cell.cal-today .cal-month-num{color:var(--gray-900);background:var(--gray-900);color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.cal-month-event{font-size:10px;padding:1px 4px;border-radius:3px;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-month-event.cal-event-new{background:#dbeafe;color:#1e40af}.cal-month-event.cal-event-confirmed{background:#dcfce7;color:#166534}.cal-month-event.cal-event-cancelled{background:var(--gray-100);color:var(--gray-400)}.cal-month-more{font-size:10px;color:var(--gray-400);padding:1px 4px}.cal-cell{cursor:pointer;transition:background .1s}.cal-cell:hover{background:#0f172a0a}.cal-cell:active{background:#0f172a14}.cal-cell.cal-cell-selected{background:#3b82f614;box-shadow:inset 0 0 0 1px #3b82f640}.cal-event{cursor:pointer;transition:opacity .1s}.cal-event:hover{opacity:.8}.cal-month-cell{cursor:pointer;transition:background .1s}.cal-month-cell:hover:not(.cal-empty){background:#0f172a0a}.cal-month-cell:active:not(.cal-empty){background:#0f172a14}.cal-month-cell.cal-cell-selected{background:#3b82f614;box-shadow:inset 0 0 0 1px #3b82f640}.cal-month-event{cursor:pointer}.cal-month-event:hover{opacity:.8}.cat-mobile-filter{display:none}.cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}.cal-nav-controls{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.cal-nav-title{font-weight:600;font-size:14px;text-align:center;white-space:nowrap}.cal-mobile-agenda{display:flex;flex-direction:column;gap:4px}.cal-mobile-day{border:1px solid var(--gray-200);border-radius:10px;overflow:hidden}.cal-mobile-today{border-color:var(--gray-400)}.cal-mobile-day-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--gray-50);font-size:13px;font-weight:600}.cal-mobile-today .cal-mobile-day-header{background:var(--gray-900);color:#fff}.cal-mobile-day-name{text-transform:uppercase;font-size:11px;letter-spacing:.5px;opacity:.7}.cal-mobile-day-num{font-size:16px;font-weight:700}.cal-mobile-day-month{font-size:11px;opacity:.6}.cal-mobile-empty{padding:12px 14px;font-size:12px;color:var(--gray-400)}.cal-mobile-events{display:flex;flex-direction:column}.cal-mobile-event{display:flex;align-items:center;gap:12px;padding:10px 14px;border-top:1px solid var(--gray-100);cursor:pointer;transition:background .1s}.cal-mobile-event:hover{background:var(--gray-50)}.cal-mobile-event-time{font-size:13px;font-weight:600;min-width:44px;color:var(--gray-600)}.cal-mobile-event-info{flex:1;min-width:0}.cal-mobile-event-name{display:block;font-size:13px;font-weight:600}.cal-mobile-event-service{display:block;font-size:11px;color:var(--gray-400);margin-top:1px}.cal-mobile-event.cal-event-new{border-left:3px solid #3b82f6}.cal-mobile-event.cal-event-confirmed{border-left:3px solid #22c55e}.cal-mobile-event.cal-event-cancelled{border-left:3px solid var(--gray-300);opacity:.6}.slidein-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0003}.slidein-panel{position:fixed;top:0;right:0;bottom:0;width:75vw;min-width:480px;max-width:100vw;background:var(--gray-50);box-shadow:-4px 0 20px #0000001a;display:flex;flex-direction:column;animation:slidein .2s ease-out}@keyframes slidein{0%{transform:translate(100%)}to{transform:translate(0)}}.slidein-header{display:flex;align-items:center;gap:14px;padding:12px 20px;background:#fff;border-bottom:1px solid var(--gray-100)}.slidein-header h3{font-size:15px;font-weight:700;flex:1}.slidein-header .modal-close{order:-1}.slidein-dropdown{position:absolute;right:0;top:100%;margin-top:4px;z-index:100;background:#fff;border:1px solid var(--gray-200);border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:180px;padding:4px}.slidein-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;border:none;background:none;cursor:pointer;font-size:13px;color:var(--gray-700);border-radius:6px;text-align:left}.slidein-dropdown-item:hover{background:var(--gray-50)}.slidein-dropdown-item.danger{color:var(--red)}.slidein-dropdown-item.danger:hover{background:#fef2f2}.slidein-body{padding:28px 32px;flex:1;overflow-y:auto}.slidein-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:24px;max-width:860px}.slidein-card+.slidein-card{margin-top:16px}.form-links-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:12px;padding:14px 18px;margin-bottom:16px}.form-link-row{display:flex;align-items:center;gap:10px;padding:6px 0}.form-link-row+.form-link-row{border-top:1px solid var(--gray-200)}.form-link-row .slidein-label{flex-shrink:0;width:90px}.form-link-row code{background:#fff;padding:4px 8px;border-radius:6px;border:1px solid var(--gray-200);font-size:11px;color:var(--gray-600)}.slidein-body input[type=text],.slidein-body input[type=email],.slidein-body input[type=tel],.slidein-body input[type=url],.slidein-body input[type=number],.slidein-body input[type=date],.slidein-body input[type=time],.slidein-body textarea,.slidein-body select,.slidein-body .ss-wrap,.slidein-body .ss-selected{max-width:360px}.slidein-row{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--gray-100);font-size:14px}.slidein-label{color:var(--gray-400);font-size:13px;min-width:80px}.show-mobile{display:none}.mobile-card{background:#fff;border:1px solid var(--gray-200);border-radius:10px;padding:14px 16px;margin-bottom:8px;cursor:pointer;transition:border-color .15s}.mobile-card:hover{border-color:var(--gray-400)}@media(max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:block}svg.show-mobile{display:inline-block}.show-mobile.mem-plans-grid{display:grid}}@media(max-width:768px){.cal-week-header,.cal-hour-row{grid-template-columns:40px repeat(7,1fr)}.cal-day-name{font-size:9px}.cal-day-num{font-size:12px}.cal-event{font-size:10px;padding:2px 3px}.cal-event-time{display:none}.cal-month-cell{min-height:60px;padding:2px 3px}}.forms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.form-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:18px}.form-card-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:2px dashed var(--gray-200);color:var(--gray-400);font-size:13px;cursor:pointer;background:none;min-height:140px;border-radius:12px;transition:.12s}.form-card-add:hover{border-color:var(--red);color:var(--red)}.form-card-add svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.form-card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.form-card-name{font-size:14px;font-weight:700}.form-card-meta{font-size:12px;color:var(--gray-400);margin-top:2px}.form-field-preview{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.form-field-chip{display:flex;align-items:center;gap:5px;background:var(--gray-100);border-radius:5px;padding:3px 8px;font-size:11px;color:var(--gray-600)}.form-field-type-icon{font-size:10px;color:var(--gray-400)}.form-card-actions{display:flex;align-items:center;gap:6px}.modal-wide{max-width:860px;width:100%}.form-editor-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-editor-fields{border-right:1px solid var(--gray-200);padding-right:24px}.fe-field-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:7px;cursor:pointer;border:1px solid transparent;transition:.1s;margin-bottom:4px}.fe-field-row:hover{background:var(--gray-50)}.fe-field-row.active{background:#fff7f7;border-color:var(--red)}.fe-field-icon{font-size:11px;color:var(--gray-400);width:18px;text-align:center;flex-shrink:0}.fe-field-label{flex:1;font-size:13px}.fe-required{color:var(--red);font-size:12px;font-weight:700}.fe-field-actions{display:flex;gap:2px;opacity:0;transition:.1s}.fe-field-row:hover .fe-field-actions,.fe-field-row.active .fe-field-actions{opacity:1}.fe-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.fe-type-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:7px;padding:8px 4px;font-size:10px;color:var(--gray-600);cursor:pointer;transition:.1s}.fe-type-btn:hover{border-color:var(--red);color:var(--red);background:#fff7f7}.fe-type-icon{font-size:14px}.fe-required-toggle{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.fe-required-toggle input{accent-color:var(--red)}.form-preview{background:var(--gray-50);border-radius:8px;padding:14px}.help-search-wrap{display:flex;align-items:center;gap:10px;border:1.5px solid var(--gray-200);border-radius:10px;padding:12px 16px;background:#fff;margin-bottom:24px;transition:.15s}.help-search-wrap:focus-within{border-color:var(--red)}.help-search{flex:1;border:none;outline:none;font-size:15px;font-family:inherit;background:transparent}.help-cats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.help-cat{display:flex;align-items:center;gap:6px;padding:7px 14px;border:1.5px solid var(--gray-200);border-radius:20px;background:#fff;font-size:13px;font-weight:500;color:var(--gray-600);cursor:pointer;transition:.12s}.help-cat:hover{border-color:var(--gray-400);color:var(--gray-900)}.help-cat.active{border-color:var(--red);color:var(--red);background:#fef2f2}.help-category-section{margin-bottom:36px}.help-category-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--gray-900);margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--gray-100)}.help-article-list{display:flex;flex-direction:column;gap:4px}.help-article{border:1px solid var(--gray-200);border-radius:10px;overflow:hidden;background:#fff}.help-article-title{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--gray-900);text-align:left;gap:12px;transition:.12s}.help-article-title:hover{background:var(--gray-50)}.help-article-body{padding:0 16px 16px;border-top:1px solid var(--gray-100);margin-top:0}.help-article-body>div:first-child{padding-top:14px}.help-feedback{display:flex;align-items:center;gap:10px;margin-top:16px;padding-top:12px;border-top:1px solid var(--gray-100);font-size:12px}.help-feedback-btn{padding:4px 10px;border:1px solid var(--gray-200);border-radius:6px;background:#fff;cursor:pointer;font-size:12px;transition:.12s}.help-feedback-btn:hover{background:var(--gray-50)}.help-empty{text-align:center;padding:40px 20px;color:var(--gray-400);display:flex;flex-direction:column;align-items:center;gap:8px}.help-article-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--gray-200);border-radius:10px;background:#fff;text-decoration:none;color:var(--gray-900);font-size:14px;font-weight:500;transition:.12s}.help-article-link:hover{background:var(--gray-50);border-color:var(--gray-300)}.help-related-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--gray-100);border-radius:8px;background:var(--gray-50);text-decoration:none;color:var(--gray-700);font-size:13px;transition:.12s}.help-related-link:hover{background:var(--gray-100)}.help-bc-link{color:var(--gray-400);text-decoration:none}.help-bc-link:hover{color:var(--gray-700)}.help-article-outer{max-width:680px;margin:0 auto;padding:36px 28px 60px}.help-back-link{display:inline-flex;align-items:center;gap:6px;color:var(--red);text-decoration:none;font-size:14px;font-weight:500;margin-bottom:24px}.help-back-link:hover{opacity:.75}.help-art-title{font-size:28px;font-weight:800;line-height:1.25;margin-bottom:10px;color:var(--gray-900)}.help-art-meta{font-size:13px;color:var(--gray-400);margin-bottom:28px}.help-art-body{font-size:15px;line-height:1.8;color:var(--gray-700)}.help-art-feedback{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:40px;padding-top:24px;border-top:1px solid var(--gray-100);font-size:14px;color:var(--gray-600)}.help-art-feedback-thanks{font-size:14px;color:var(--gray-500)}.help-art-related{margin-top:40px}.help-related-heading{font-size:12px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.zefix-input-group{display:flex;align-items:stretch;border:1px solid var(--gray-200);border-radius:8px;overflow:hidden;background:#fff;transition:border-color .15s}.zefix-input-group:focus-within{border-color:var(--red)}.zefix-input-group.input-error{border-color:var(--red);background:#fff5f5}.zefix-input-group input{flex:1;border:none!important;outline:none!important;background:transparent;padding:9px 12px;font-size:14px;min-width:0;box-shadow:none!important}.zefix-badge{align-self:center;margin-right:6px;font-size:11px;font-weight:600;color:#16a34a;background:#dcfce7;border-radius:4px;padding:1px 6px;white-space:nowrap;flex-shrink:0}.zefix-dropdown{z-index:200;margin-top:2px;background:#fff;border:1px solid var(--gray-200);border-radius:10px;box-shadow:0 8px 24px #0000001a;overflow:hidden}.zefix-item{display:block;width:100%;text-align:left;padding:10px 14px;border:none;background:none;cursor:pointer;transition:.1s;border-bottom:1px solid var(--gray-100)}.zefix-item:last-child{border-bottom:none}.zefix-item:hover{background:var(--gray-50)}.zefix-item-name{display:block;font-size:13px;font-weight:600;color:var(--gray-900)}.zefix-item-meta{display:block;font-size:12px;color:var(--gray-400);margin-top:1px}.zefix-hint{font-size:11px;color:#9ca3af;margin-top:5px}.zefix-search-btn{flex-shrink:0;padding:0 14px;border:none;border-left:1px solid var(--red);border-radius:0;background:var(--red);cursor:pointer;display:flex;align-items:center;color:#fff;transition:.12s}.zefix-search-btn:hover:not(:disabled){background:var(--red-dark)}.zefix-search-btn:disabled{opacity:.4;cursor:default}@keyframes spin{to{transform:rotate(360deg)}}.contact-reply-opts{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}.contact-reply-label{font-size:13px;color:var(--gray-600);margin-right:4px}.contact-reply-opt{display:flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--gray-200);border-radius:20px;background:#fff;font-size:13px;cursor:pointer;transition:.12s;-webkit-user-select:none;user-select:none}.contact-reply-opt input{display:none}.contact-reply-opt:hover{border-color:var(--gray-400)}.contact-reply-opt.selected{border-color:var(--red);color:var(--red);font-weight:600;background:#fef2f2}.qr-list{display:flex;flex-direction:column;gap:2px}.qr-row{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#fff;border:1px solid var(--gray-200);border-radius:10px}.qr-row:hover{border-color:var(--gray-300)}.qr-preview{width:56px;height:56px;background:var(--gray-50);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.qr-info{flex:1;min-width:0}.settings-layout{display:flex;gap:32px}.settings-nav{display:flex;flex-direction:column;gap:1px;min-width:180px;flex-shrink:0;border-right:1px solid var(--gray-200);padding-right:24px;position:sticky;top:16px;align-self:flex-start}.settings-nav-item{padding:7px 12px;border:none;background:none;font-size:13px;font-weight:500;color:var(--gray-600);cursor:pointer;text-align:left;border-radius:6px;transition:.12s;white-space:nowrap}.settings-nav-item:hover{color:var(--gray-900);background:var(--gray-50)}.settings-nav-item.active{color:var(--red);background:#fef2f2;font-weight:600}.settings-tab-select{display:none}.settings-body{max-width:580px;flex:1;min-width:0}.settings-intro{margin-bottom:24px}.settings-intro h3+p{margin-top:4px}.settings-intro h3{font-size:16px;font-weight:700;margin-bottom:4px}.settings-intro p{font-size:13px;color:var(--gray-500);line-height:1.5;margin:0}.settings-section>h3,.settings-section .sc-title{font-size:14px;font-weight:700;margin-bottom:16px}.settings-section{display:flex;flex-direction:column;gap:14px}.settings-danger{margin-top:24px;padding:16px;background:#fef2f2;border-radius:10px;border:1px solid #fecaca}.settings-danger h4{font-size:13px;font-weight:700;color:#dc2626;margin-bottom:4px}.settings-danger p{font-size:12px;color:var(--gray-600);margin-bottom:10px}.btn-danger{padding:7px 14px;background:#dc2626;color:#fff;border:none;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer}.connect-box{display:flex;align-items:center;gap:14px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:10px;padding:14px 16px}.connect-logo{font-size:16px;font-weight:800;color:#635bff;background:#fff;border:1px solid var(--gray-200);border-radius:7px;padding:6px 12px;flex-shrink:0}.logo-upload{border:2px dashed var(--gray-200);border-radius:8px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;color:var(--gray-400);font-size:13px}.logo-upload svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.5}.upgrade-notice{display:flex;align-items:flex-start;gap:8px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:12px 14px;font-size:12px;color:#92400e}.upgrade-notice svg{flex-shrink:0;stroke:#d97706;fill:#d97706;margin-top:1px}.customer-search-wrap{position:relative}.customer-search-input{width:100%;padding:9px 12px;border:1.5px solid var(--gray-200);border-radius:8px;font-size:14px;font-family:inherit;outline:none;transition:.15s;background:#fff}.customer-search-input:focus{border-color:var(--red)}.customer-selected{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border:1.5px solid var(--gray-200);border-radius:8px;background:var(--gray-50)}.customer-selected-name{font-size:14px;font-weight:500}.customer-selected-clear{border:none;background:none;cursor:pointer;color:var(--gray-400);display:flex;align-items:center;padding:2px;border-radius:4px}.customer-selected-clear:hover{color:var(--gray-900)}.customer-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--gray-200);border-radius:10px;box-shadow:0 8px 24px #0000001a;z-index:50;overflow:hidden}.customer-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 14px;border:none;background:none;cursor:pointer;font-size:13px;font-family:inherit;color:var(--gray-900);transition:.1s}.customer-dropdown-item:hover{background:var(--gray-50)}.invoice-editor{display:grid;grid-template-columns:1fr 400px;gap:0;min-height:calc(100vh - 65px);max-width:1100px;margin:0 auto}.invoice-form{padding:24px 28px;overflow-y:auto;display:flex;flex-direction:column;gap:0}.editor-section{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:20px 22px;margin-bottom:14px;display:flex;flex-direction:column;gap:12px}.editor-section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-400);margin-bottom:2px}.btn-back-inline{background:none;border:1px solid var(--gray-200);border-radius:7px;padding:6px 8px;cursor:pointer;display:flex;align-items:center;color:var(--gray-600);transition:.12s}.btn-back-inline:hover{border-color:var(--gray-400);color:var(--gray-900)}.line-items{display:flex;flex-direction:column;gap:0}.li-table{width:100%;border-collapse:separate;border-spacing:0 4px;table-layout:fixed}.li-header-row th{font-size:11px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.07em;padding:0 6px 8px;white-space:nowrap;text-align:left}.li-row td{padding:4px 4px 0;vertical-align:middle}.li-row td:first-child{padding-left:0}.li-row td:last-child{padding-right:0}.li-header-row th:first-child{padding-left:0}.li-header-row th:last-child{padding-right:0}.li-detail-row td{padding:0!important}.li-detail-row>td>div{padding-bottom:10px;border-bottom:1px solid var(--gray-100);margin-bottom:4px}.li-input{width:100%;padding:8px 10px;border:1.5px solid var(--gray-200);border-radius:7px;font-size:13px;font-family:inherit;outline:none;transition:.15s;background:#fff;box-sizing:border-box}.li-input:focus{border-color:var(--red)}.li-discount-wrap{display:flex;align-items:center;width:100%;border:1.5px solid var(--gray-200);border-radius:7px;overflow:hidden;background:#fff;transition:.15s}.li-discount{border:none!important;border-radius:0!important;flex:1;padding:8px 6px!important;text-align:right;min-width:0}.li-remove{width:28px;height:28px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--gray-400);border-radius:5px;transition:.12s}.li-remove:hover:not(:disabled){background:#fef2f2;color:var(--red)}.li-remove:disabled{opacity:.3;cursor:default}.li-add-btn{display:flex;align-items:center;gap:6px;background:none;border:1.5px dashed var(--gray-200);border-radius:7px;padding:9px 14px;font-size:13px;font-weight:500;color:var(--gray-400);cursor:pointer;transition:.12s;margin-top:4px;width:100%}.li-add-btn:hover{border-color:var(--red);color:var(--red)}.li-add-group{display:flex;gap:8px;margin-top:4px}.li-add-group .li-add-btn{flex:1;justify-content:center;margin-top:0}.li-add-search{background:var(--gray-50)}.modal-picker{max-width:520px;display:flex;flex-direction:column}.picker-search-wrap{display:flex;align-items:center;gap:8px;padding:12px 24px;border-bottom:1px solid var(--gray-100);flex-shrink:0}.picker-search-icon{width:16px;height:16px;fill:none;stroke:var(--gray-400);stroke-width:2;stroke-linecap:round;flex-shrink:0}.picker-search-input{flex:1;border:none;outline:none;font-size:15px;font-family:inherit;color:var(--gray-900);background:transparent}.picker-search-input::placeholder{color:var(--gray-400)}.picker-tabs{display:flex;gap:4px;padding:10px 16px;border-bottom:1px solid var(--gray-100);flex-shrink:0}.picker-tab{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--gray-200);border-radius:20px;font-size:12px;font-weight:500;font-family:inherit;background:none;cursor:pointer;color:var(--gray-600);transition:.1s}.picker-tab.active{background:var(--gray-900);color:#fff;border-color:var(--gray-900)}.picker-tab svg{opacity:.7}.picker-results{flex:1;overflow-y:auto;padding:8px 12px}.picker-empty{padding:32px;text-align:center;color:var(--gray-400);font-size:13px}.picker-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 10px;border:none;background:none;cursor:pointer;font-family:inherit;border-radius:8px;transition:.1s}.picker-item:hover{background:var(--gray-50)}.picker-item.selected{background:#fef2f2}.picker-item-check{width:18px;height:18px;border:1.5px solid var(--gray-300);border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.1s}.picker-item.selected .picker-item-check{background:var(--red);border-color:var(--red);color:#fff}.picker-item-body{flex:1;min-width:0}.picker-item-label{font-size:13px;font-weight:500;color:var(--gray-900)}.picker-item-sub{font-size:12px;color:var(--gray-400);margin-top:1px}.picker-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.picker-item-price{font-size:12px;font-weight:600;color:var(--gray-900)}.picker-item-qty{font-size:11px;color:var(--gray-400)}.li-detail-row td{padding:0 0 6px!important}.li-extras{display:flex;flex-direction:column;gap:4px;padding-bottom:2px}.li-detail-input{width:100%;padding:7px 10px;border:1.5px solid var(--gray-200);border-radius:7px;font-size:12px;font-family:inherit;color:var(--gray-600);resize:vertical;outline:none;transition:.15s;background:var(--gray-50);line-height:1.5}.li-detail-input:focus{border-color:var(--red);background:#fff}.li-detail-add{border:none;background:none;cursor:pointer;padding:2px 0;font-size:12px;color:var(--gray-400);font-family:inherit;transition:.1s;text-align:left}.li-detail-add:hover{color:var(--red)}.li-discount-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%}.li-discount-label{font-size:12px;color:var(--gray-500);white-space:nowrap}.li-discount-breakdown{font-size:12px;color:var(--gray-500);white-space:nowrap;margin-left:auto}.li-discount-breakdown strong{color:var(--gray-900)}.li-discount-wrap{width:120px}.li-discount-wrap{display:flex;align-items:center;border:1.5px solid var(--gray-200);border-radius:7px;overflow:hidden;background:#fff;transition:.15s}.li-discount-wrap:focus-within{border-color:var(--red)}.li-discount{border:none!important;border-radius:0!important;flex:1;padding:6px!important;text-align:right;min-width:0;font-size:12px}.li-discount:focus{box-shadow:none!important}.li-discount-type{border:none;background:var(--gray-50);font-size:11px;font-family:inherit;padding:4px;cursor:pointer;color:var(--gray-600);outline:none;width:36px;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center}.invoice-totals{border-top:1px solid var(--gray-100);padding-top:12px;display:flex;flex-direction:column;gap:6px}.total-row{display:flex;justify-content:space-between;font-size:13px;color:var(--gray-600)}.total-final{font-size:15px;font-weight:800;color:var(--gray-900);padding-top:6px;border-top:1px solid var(--gray-200);margin-top:2px}.invoice-preview{background:var(--gray-50);border-left:1px solid var(--gray-200);padding:24px 20px;position:sticky;top:0;height:calc(100vh - 65px);overflow-y:auto}.preview-label{font-size:11px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px}.preview-doc{background:#fff;border:1px solid var(--gray-200);border-radius:10px;padding:24px;font-size:12px;box-shadow:0 2px 12px #07182e0f}.prev-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.prev-brand{font-size:16px;font-weight:800;color:var(--red)}.prev-meta{display:flex;flex-direction:column;gap:3px;text-align:right}.prev-meta-row{display:flex;gap:12px;justify-content:flex-end;color:var(--gray-600)}.prev-meta-row span:first-child{color:var(--gray-400)}.prev-customer{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--gray-100);font-size:12px}.prev-table{width:100%;border-collapse:collapse;margin-bottom:14px}.prev-table th{text-align:left;font-size:10px;font-weight:600;color:var(--gray-400);text-transform:uppercase;padding:0 0 8px;border-bottom:1px solid var(--gray-100)}.prev-table td{padding:7px 0;font-size:11px;color:var(--gray-700);border-bottom:1px solid var(--gray-50)}.prev-table th:last-child,.prev-table td:last-child{text-align:right}.prev-totals{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--gray-100);padding-top:10px}.prev-total-row{display:flex;justify-content:space-between;font-size:11px;color:var(--gray-600)}.prev-total-final{font-size:13px;font-weight:800;color:var(--gray-900);margin-top:4px;padding-top:6px;border-top:1px solid var(--gray-200)}.prev-notes{margin-top:16px;padding-top:12px;border-top:1px solid var(--gray-100);font-size:11px;color:var(--gray-500);font-style:italic}.prev-footer{margin-top:20px;text-align:center;font-size:10px;color:var(--gray-300)}@media(max-width:900px){.invoice-editor{grid-template-columns:1fr;margin-left:0}.invoice-preview{position:static;height:auto;border-left:none;border-top:1px solid var(--gray-200)}.website-editor{grid-template-columns:1fr}.website-preview{position:static;height:auto;border-left:none;border-top:1px solid var(--gray-200)}}@media(max-width:600px){.li-table,.li-table thead,.li-table tbody,.li-table tr,.li-table th,.li-table td{display:block;width:100%}.li-table thead{display:none}.li-row td{padding:4px 0}.li-row{border:1px solid var(--gray-200);border-radius:10px;padding:12px;margin-bottom:8px;background:#fff}.li-row td:last-child{text-align:left}.li-input{width:100%!important;max-width:100%;box-sizing:border-box}.li-detail-row td{padding:0}.li-extras{padding:0 0 8px}.li-add-group{flex-direction:column}.li-add-group .li-add-btn{width:100%}}.inv-header-actions{display:flex;gap:8px}.inv-mobile-bar{display:none}@media(max-width:768px){.inv-cancel,.inv-draft{display:none}.inv-mobile-bar{display:flex;gap:8px;position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fff;border-top:1px solid var(--gray-200);padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.invoice-editor{padding-bottom:80px}}.stripe-status-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:12px;border:1px solid var(--gray-200);background:var(--gray-50);flex-wrap:wrap;margin-bottom:4px}.stripe-status-card.connected{background:#f0fdf4;border-color:#86efac}.stripe-status-icon{width:40px;height:40px;border-radius:50%;background:var(--gray-400);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stripe-status-icon svg{width:18px;height:18px}.stripe-status-card.connected .stripe-status-icon{background:#16a34a}.sc-section{background:#fff;border:1px solid var(--gray-200);border-radius:10px;padding:16px 18px;margin-top:12px;display:flex;flex-direction:column;gap:12px}.sc-title{font-size:13px;font-weight:700;margin-bottom:4px}.sc-step{display:flex;gap:12px;align-items:flex-start}.sc-step-num{width:24px;height:24px;border-radius:50%;background:var(--red);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.sc-table{width:100%;border-collapse:collapse;font-size:13px}.sc-table th{text-align:left;font-size:11px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.07em;padding:0 0 8px;border-bottom:1px solid var(--gray-100)}.sc-table td{padding:8px 0;border-bottom:1px solid var(--gray-50)}.sc-table tr:last-child td{border-bottom:none}.sc-total td{font-weight:700;padding-top:10px;border-top:1px solid var(--gray-200);border-bottom:none}.fee-breakdown{background:var(--gray-50);border-radius:10px;padding:4px 0;overflow:hidden}.fee-row{display:flex;align-items:center;justify-content:space-between;padding:10px 16px}.fee-row+.fee-row{border-top:1px solid var(--gray-100)}.fee-label{font-size:13px;color:var(--gray-700);display:flex;align-items:center;gap:8px}.fee-rate{font-size:11px;color:var(--gray-400);background:var(--gray-200);border-radius:4px;padding:2px 6px}.fee-amount{font-size:13px;font-weight:500;color:var(--gray-900);white-space:nowrap}.fee-deduct .fee-amount{color:#dc2626}.fee-total{background:#fff;border-top:1px solid var(--gray-200)!important}.fee-total .fee-label{font-weight:600}.fee-total .fee-amount{font-weight:700;color:#15803d;font-size:14px}.public-url-hint{display:flex;align-items:center;gap:8px;padding:6px 16px;font-size:12px;color:var(--gray-400);border-bottom:1px solid var(--gray-100)}.public-url-hint code{font-family:monospace;font-size:11px;color:var(--gray-500);cursor:pointer;padding:2px 6px;background:var(--gray-50);border-radius:4px}.public-url-hint code:hover{color:var(--gray-700);background:var(--gray-100)}.public-url-hint button{background:none;border:none;font-size:11px;color:var(--gray-400);cursor:pointer;text-decoration:underline;padding:0}.public-url-hint button:hover{color:var(--gray-700)}.domain-main-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:20px}.domain-feature-row{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;background:#fff;border:1px solid var(--gray-200);border-radius:10px}.domain-feature-icon{width:32px;height:32px;background:var(--gray-50);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.cname-hint{margin-top:8px;padding:8px 12px;background:var(--gray-50);border-radius:7px;font-size:12px;color:var(--gray-600)}.cname-hint code{font-family:monospace;background:var(--gray-200);padding:1px 5px;border-radius:4px}.domain-option{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:14px 16px;border:1.5px solid var(--gray-200);border-radius:10px;margin-bottom:8px;transition:border-color .15s}.domain-option:has(input:checked){border-color:var(--gray-900);background:var(--gray-50)}.domain-option input[type=radio]{margin-top:2px;flex-shrink:0;accent-color:var(--gray-900)}.pay-section-head{display:flex;align-items:center;gap:12px;padding:14px 0 10px;margin-bottom:4px}.pay-section-icon{width:38px;height:38px;border-radius:9px;background:var(--gray-100);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pay-section-icon svg{width:20px;height:20px;stroke:var(--gray-600)}.pay-section-divider{border:none;border-top:1px solid var(--gray-200);margin:24px 0}.sc-faq{display:flex;flex-direction:column;gap:0}.stripe-connect-btn{display:inline-flex;align-items:center;gap:8px;background:#635bff;color:#fff;padding:9px 16px;border-radius:7px;font-size:13px;font-weight:600;text-decoration:none;flex-shrink:0;transition:.12s}.stripe-connect-btn:hover{background:#5147e5}.notif-channels{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.notif-channel-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:12px}.notif-channel-head{display:flex;align-items:center;gap:10px}.notif-channel-head svg{width:18px;height:18px;stroke:var(--gray-600);flex-shrink:0}.notif-group{background:#fff;border:1px solid var(--gray-200);border-radius:10px;overflow:hidden}.notif-group-head{display:flex;align-items:center;gap:0;padding:10px 16px;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.notif-group-head .fw-600{flex:1}.notif-col-header{display:flex;align-items:center;gap:5px;width:80px;justify-content:center;font-size:11px;color:var(--gray-400);font-weight:600}.notif-event-row{display:flex;align-items:center;padding:11px 16px;border-bottom:1px solid var(--gray-100)}.notif-event-row:last-child{border-bottom:none}.notif-event-text{flex:1;min-width:0}.notif-col{width:80px;display:flex;justify-content:center}.notif-toggle{position:relative;width:36px;height:20px;border-radius:10px;border:none;cursor:pointer;background:var(--gray-200);transition:background .15s;flex-shrink:0}.notif-toggle.on{background:var(--red)}.notif-toggle.disabled{opacity:.4;cursor:not-allowed}.notif-toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:left .15s}.notif-toggle.on .notif-toggle-thumb{left:18px}.plan-current-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:10px;padding:16px 20px;margin-bottom:12px}.plan-pro-card{background:#fff;border:2px solid var(--red);border-radius:10px;padding:20px;margin-bottom:8px}.plan-features{margin-top:18px;border-top:1px solid var(--gray-200);padding-top:14px;display:flex;flex-direction:column;gap:10px}.plan-benefit-row{display:flex;align-items:flex-start;gap:10px;font-size:13px;padding:6px 0}.plan-benefit-check{flex-shrink:0;width:18px;height:18px;background:var(--red);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;margin-top:1px}.plan-toggle{display:flex;gap:0;background:var(--gray-100);border-radius:8px;padding:3px;margin-bottom:20px}.plan-toggle-btn{flex:1;padding:8px 16px;border:none;background:none;font-size:13px;font-weight:500;color:var(--gray-600);cursor:pointer;border-radius:6px;transition:.15s;display:flex;align-items:center;justify-content:center;gap:6px}.plan-toggle-btn.active{background:#fff;color:var(--gray-900);font-weight:600;box-shadow:0 1px 3px #00000014}.plan-toggle-badge{font-size:10px;font-weight:700;color:var(--red);background:#fef2f2;padding:1px 6px;border-radius:4px}.plan-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.plan-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:20px}.plan-card-pro{border:2px solid var(--red)}.plan-card-head{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--gray-100)}.plan-card-features{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.plan-card-feature{display:flex;align-items:center;gap:8px;font-size:13px}@media(max-width:768px){.plan-cards{grid-template-columns:1fr}}.balance-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:12px;padding:20px}.balance-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--gray-200)}.balance-amount{font-size:28px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.balance-pricing{background:#fff;border:1px solid var(--gray-200);border-radius:10px;overflow:hidden}.balance-pricing-item{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;font-size:13px}.balance-pricing-item+.balance-pricing-item{border-top:1px solid var(--gray-100)}.balance-tx-list{display:flex;flex-direction:column}.balance-tx-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--gray-100)}.balance-tx-row:last-child{border-bottom:none}.balance-tx-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.balance-tx-icon.credit{background:#dcfce7;color:#16a34a}.balance-tx-icon.debit{background:#fef2f2;color:#dc2626}.btn-outline-sm{background:#fff;border:1px solid var(--gray-200);border-radius:7px;padding:7px 14px;font-size:13px;font-weight:500;cursor:pointer;color:var(--gray-600);transition:.12s}.btn-outline-sm:hover{border-color:var(--gray-400)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--gray-900);color:#fff;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:500;z-index:200;pointer-events:none;box-shadow:0 4px 16px #07182e33}.error-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);background:#dc2626;color:#fff;padding:12px 20px;border-radius:10px;font-size:13px;font-weight:500;z-index:9999;box-shadow:0 4px 20px #dc26264d;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:480px;text-align:center}.error-toast.visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.success-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);background:#16a34a;color:#fff;padding:12px 20px;border-radius:10px;font-size:13px;font-weight:500;z-index:9999;box-shadow:0 4px 20px #16a34a4d;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:480px;text-align:center}.success-toast.visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.sidebar-bottom{padding:8px;border-top:1px solid var(--gray-100);margin-top:auto}.fb-widget{position:static;z-index:200;display:flex;align-items:center;gap:2px;background:#fff;border:1px solid var(--gray-200);border-radius:20px;padding:4px 6px;box-shadow:0 4px 16px #07182e14}.fb-btn{width:30px;height:30px;border:none;background:none;cursor:pointer;border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--gray-400);transition:.12s}.fb-btn:hover{background:var(--gray-50);color:var(--gray-700)}.fb-btn.active-up{color:#16a34a;background:#f0fdf4}.fb-btn.active-down{color:#dc2626;background:#fef2f2}.fb-btn.active-help{color:var(--red);background:#fef2f2}.fb-divider{width:1px;height:16px;background:var(--gray-200);margin:0 2px}.fb-panel{position:fixed;bottom:60px;left:calc(var(--sidebar-w) + 8px);z-index:201;width:280px;background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:16px;box-shadow:0 8px 32px #07182e1f}.fb-panel-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:4px}.fb-close{width:22px;height:22px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--gray-400);border-radius:5px}.fb-close:hover{background:var(--gray-100);color:var(--gray-700)}.mem-body{margin-top:20px}.mem-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px;flex-wrap:wrap}.mem-count{font-size:13px;color:var(--gray-400)}.mem-stats-row{display:flex;gap:24px;flex-wrap:wrap}.mem-stat{display:flex;flex-direction:column;gap:2px}.mem-stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-400)}.mem-stat-value{font-size:16px;font-weight:700}.mem-type-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--gray-600)}.mem-plans-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.mem-plan-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:8px}.mem-plan-card.inactive{opacity:.55}.mem-plan-head{display:flex;align-items:center;justify-content:space-between}.mem-plan-name{font-weight:600;font-size:15px}.mem-plan-price{display:flex;align-items:baseline;gap:4px}.mem-plan-amount{font-size:22px;font-weight:700}.mem-plan-interval,.mem-plan-meta{font-size:12px;color:var(--gray-400)}.mem-plan-actions{display:flex;gap:4px;margin-top:4px}.rte-wrap{border:1.5px solid var(--gray-200);border-radius:8px;overflow:hidden;background:#fff}.rte-toolbar{display:flex;align-items:center;gap:2px;padding:4px 6px;border-bottom:1px solid var(--gray-100);background:var(--gray-50);flex-wrap:wrap}.rte-btn{width:28px;height:28px;border:none;background:none;cursor:pointer;border-radius:5px;display:flex;align-items:center;justify-content:center;color:var(--gray-400);transition:.12s}.rte-btn:hover{background:var(--gray-100);color:var(--gray-700)}.rte-btn.active{background:var(--gray-900);color:#fff}.rte-btn svg{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.rte-sep{width:1px;height:18px;background:var(--gray-200);margin:0 2px}.rte-content{padding:10px 12px;font-size:13px;line-height:1.6;color:var(--gray-900);outline:none}.rte-content p{margin-bottom:6px}.rte-content ul,.rte-content ol{padding-left:20px;margin-bottom:6px}.rte-content a{color:var(--red);text-decoration:underline}.rte-content h2{font-size:16px;font-weight:600;margin:8px 0 4px}.rte-content h3{font-size:14px;font-weight:600;margin:6px 0 3px}.rte-content .is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--gray-300);float:left;height:0;pointer-events:none}.tiptap{outline:none}.tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--gray-300);float:left;height:0;pointer-events:none}@media(max-width:768px){:root{--sidebar-w: 0px}.mobile-topbar{display:flex}.sidebar-overlay{display:block}.sidebar{width:260px;transform:translate(-100%);transition:transform .25s ease;box-shadow:none}.sidebar.open{transform:translate(0);box-shadow:4px 0 24px #07182e26}.sidebar-close{display:flex;align-items:center;margin-left:auto;background:none;border:none;cursor:pointer;padding:4px;color:var(--gray-400)}.main-content{margin-left:0}.top-bar{padding:14px 16px;height:auto}.top-bar .page-title{font-size:16px}.page-body{padding:16px;width:100%;box-sizing:border-box}.top-bar{padding-left:16px;padding-right:16px}.dashboard-grid{grid-template-columns:1fr;gap:10px}.dash-two-col{grid-template-columns:1fr}.funnel{flex-wrap:wrap;gap:8px}.funnel-arrow{display:none}.funnel-step{min-width:40%}.quick-grid{grid-template-columns:1fr}.tools-grid{flex-wrap:wrap;overflow-x:visible}.tool-tile{min-width:0;flex:1 1 calc(50% - 5px)}.forms-grid,.form-editor-layout{grid-template-columns:1fr}.fe-type-grid{grid-template-columns:1fr 1fr}.plan-cards,.product-grid{grid-template-columns:1fr}.onboard-go{display:none}.onboard-step.next .onboard-go{display:block}.toolbar{flex-wrap:wrap}.search-wrap{max-width:100%}.filter-tabs{flex-wrap:wrap}.data-table thead{display:none}.data-table,.data-table tbody,.table-row,.table-row td{display:block;width:100%}.table-row{border:1px solid var(--gray-200);border-radius:10px;margin-bottom:10px;padding:12px 14px;background:#fff}.table-row td{padding:3px 0;border:none}.table-row td:empty{display:none}.row-actions{display:none}td:has(.row-actions){display:none!important}.cd-stats-grid,.cd-overview-grid,.project-grid,.product-grid{grid-template-columns:1fr}.wb-block-list{max-width:100%}.wb-block-item{flex-wrap:wrap;gap:8px;padding:10px 12px}.wb-block-move{display:none}.wb-block-icon{width:28px;height:28px}.wb-block-info{flex:1;min-width:0}.wb-block-info strong{font-size:13px}.wb-block-info small{font-size:11px}.qr-row{flex-wrap:wrap}.products-layout{flex-direction:column}.products-layout>*{width:100%;min-width:0}.cat-sidebar.hide-mobile{display:none!important}.cat-mobile-filter{display:flex!important;gap:8px;align-items:center;margin-bottom:4px;width:100%}.cat-mobile-filter .settings-tab-select{display:block;flex:1;margin-bottom:0}.mobile-card{width:100%;box-sizing:border-box}.dt-toolbar{flex-wrap:wrap}.dt-toolbar .search-wrap{max-width:100%;min-width:0;flex-basis:100%}.timer-widget{flex-direction:column;align-items:stretch;gap:10px}.timer-display{text-align:center;font-size:28px}.timer-input{width:100%}.timer-btn{justify-content:center;padding:12px 18px}.settings-nav{display:none}.settings-layout{flex-direction:column;gap:0}.settings-tab-select{display:block;width:100%;padding:10px 14px;border:1.5px solid var(--gray-200);border-radius:8px;font-size:14px;font-family:inherit;margin-bottom:20px;background:#fff}.settings-body{max-width:100%}.form-row-2{grid-template-columns:1fr}.connect-box,.domain-box{flex-wrap:wrap}.modal,.slidein-panel{max-width:100%;min-width:0;width:100%}.modal-body,.modal-body-card{padding:16px}.modal-body-card input[type=text],.modal-body-card input[type=email],.modal-body-card input[type=tel],.modal-body-card input[type=url],.modal-body-card input[type=number],.modal-body-card input[type=date],.modal-body-card input[type=time],.modal-body-card textarea,.modal-body-card select,.modal-body-card .ss-wrap,.modal-body-card .ss-selected{max-width:100%}.slidein-body{padding:16px}.slidein-body input[type=text],.slidein-body input[type=email],.slidein-body input[type=tel],.slidein-body input[type=url],.slidein-body input[type=number],.slidein-body input[type=date],.slidein-body input[type=time],.slidein-body textarea,.slidein-body select,.slidein-body .ss-wrap,.slidein-body .ss-selected{max-width:100%}.slidein-header{flex-wrap:wrap;gap:8px;padding:10px 16px}.slidein-header>div{display:flex;flex-wrap:wrap;gap:6px;width:100%}.slidein-card{padding:14px}.slidein-dropdown{right:auto;left:0}}@media(max-width:480px){.cd-stats-grid{grid-template-columns:1fr}.funnel-step{min-width:0}.stat-card{padding:12px 14px}.stat-value{font-size:20px}.stat-label{font-size:10px}.top-bar{flex-wrap:wrap;gap:8px}}.dt-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px}.dt-toolbar .search-wrap{flex:1}.dt-col-toggle{position:relative}.dt-col-btn{padding:6px 8px!important}.dt-col-dropdown{position:absolute;right:0;top:100%;margin-top:4px;z-index:20;background:#fff;border:1px solid var(--gray-200);border-radius:10px;padding:8px 0;min-width:180px;box-shadow:0 4px 16px #00000014}.dt-col-item{display:flex;align-items:center;gap:8px;padding:6px 14px;font-size:13px;cursor:pointer}.dt-col-item:hover{background:var(--gray-50)}.dt-col-item input[type=checkbox]{accent-color:var(--red)}.dt-sort-header{display:inline-flex;align-items:center;gap:4px;background:none;border:none;padding:0;cursor:pointer;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;font-size:inherit;font-weight:inherit}.dt-sort-icon{width:12px;height:12px;opacity:.25;transition:.12s;flex-shrink:0}.dt-sort-header:hover .dt-sort-icon{opacity:.6}.dt-sort-header.active .dt-sort-icon{opacity:1}.dt-toolbar-actions{display:flex;align-items:center;gap:4px}.dt-filter-active{color:var(--blue-600)}.dt-filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;border-radius:8px;background:var(--blue-600);color:#fff;font-size:10px;font-weight:600;margin-left:4px;padding:0 4px}.dt-filter-dropdown{min-width:260px;padding:0;overflow:hidden}.dt-filter-tabs{display:flex;border-bottom:1px solid var(--gray-200);overflow-x:auto;-webkit-overflow-scrolling:touch}.dt-filter-tab{flex-shrink:0;padding:8px 14px;font-size:12px;font-weight:500;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;color:var(--gray-500);white-space:nowrap;display:flex;align-items:center;gap:4px}.dt-filter-tab:hover{color:var(--gray-900)}.dt-filter-tab.active{color:var(--gray-900);border-bottom-color:var(--gray-900)}.dt-filter-dot{width:6px;height:6px;border-radius:50%;background:var(--blue-600);flex-shrink:0}.dt-filter-body{padding:6px 0;max-height:240px;overflow-y:auto}.dt-filter-clear{display:block;width:100%;padding:8px 14px;font-size:12px;background:none;border:none;border-top:1px solid var(--gray-100);color:var(--gray-500);cursor:pointer;text-align:left;margin-top:4px}.dt-filter-clear:hover{color:var(--gray-900);background:var(--gray-50)}.dt-filter-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.dt-filter-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;background:var(--gray-100);font-size:12px;color:var(--gray-700)}.dt-filter-pill button{display:inline-flex;background:none;border:none;cursor:pointer;padding:0;color:var(--gray-400);border-radius:3px}.dt-filter-pill button:hover{color:var(--gray-900)}.dt-filter-clear-all{background:none;border:none;font-size:12px;color:var(--gray-400);cursor:pointer;padding:4px 6px}.dt-filter-clear-all:hover{color:var(--gray-900)}.table-row.clickable{cursor:pointer}.table-row.clickable:active{background:var(--gray-50)}.dt-mobile-label{display:none}.dt-prefix-col{width:36px;padding-right:0!important}@media(max-width:768px){.dt-table thead{display:none}.dt-table,.dt-table tbody{display:block}.dt-table .table-row{display:flex;flex-wrap:wrap;gap:2px 16px;border:1px solid var(--gray-200);border-radius:10px;margin-bottom:8px;padding:14px 16px;background:#fff}.dt-table .table-row td{display:block;padding:3px 0;border:none;font-size:13px}.dt-table .table-row td[data-mobile-hide]{display:none}.dt-table .table-row td:first-child{width:100%;margin-bottom:4px}.dt-mobile-label{display:block;font-size:10px;color:var(--gray-400);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:1px}.dt-table .row-actions{display:none}.dt-table .table-row td:has(.row-actions){display:none}.dt-prefix-col{width:auto}}.import-dropzone{border:2px dashed var(--gray-200);border-radius:12px;padding:32px 16px;text-align:center;cursor:pointer;transition:.15s}.import-dropzone:hover,.import-dropzone.dragging{border-color:var(--red);background:#fef2f2}.import-formats{display:flex;gap:10px}.import-format-card{flex:1;display:flex;flex-direction:column;gap:2px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;padding:10px 12px;font-size:12px}.import-format-card strong{font-size:13px;color:var(--gray-900)}.import-format-card span{color:var(--gray-400);font-size:11px}.import-mapping-title{font-size:11px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.import-mapping-list{display:flex;flex-direction:column;gap:6px}.import-mapping-row{display:flex;align-items:center;gap:10px}.import-mapping-source{flex:1;min-width:0}.import-mapping-col{font-weight:600;font-size:13px;display:block}.import-mapping-sample{font-size:11px;color:var(--gray-400);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-mapping-row select{width:160px;flex-shrink:0;font-size:12px;padding:6px 8px}.import-preview-table{overflow-x:auto;border:1px solid var(--gray-200);border-radius:8px}.import-preview-table table{width:100%;border-collapse:collapse;font-size:12px}.import-preview-table th{background:var(--gray-50);padding:6px 10px;text-align:left;font-weight:600;color:var(--gray-600);white-space:nowrap;border-bottom:1px solid var(--gray-200)}.import-preview-table td{padding:5px 10px;color:var(--gray-500);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid var(--gray-100)}.import-preview-table th.ignored,.import-preview-table td.ignored{opacity:.35}.modal-lg{max-width:640px}