:root{--primary: #014583;--primary-light: #0093d3;--primary-dark: #003366;--accent: #f59e0b;--success: #10b981;--danger: #ef4444;--sidebar-bg: #1e293b;--sidebar-hover: #334155;--sidebar-active: #0093d3;--bg-light: #f8fafc;--bg-gradient: linear-gradient(135deg, #e6f3ff 0%, #f0f9ff 100%);--text-dark: #0d2d4f;--text-muted: #64748b;--text-light: #94a3b8;--border: #e2e8f0;--white: #ffffff;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 20px 40px rgba(1, 69, 131, .15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background:var(--bg-gradient);color:var(--text-dark);line-height:1.6;min-height:100vh}.login-screen{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:2rem;background:var(--bg-gradient);position:relative;z-index:1060}.login-container{background:var(--white);border-radius:20px;box-shadow:var(--shadow-xl);max-width:450px;width:100%;overflow:hidden}.login-header{background:linear-gradient(135deg,#b0d7ec,#0093d326);padding:2.5rem 2rem;text-align:center;color:var(--primary)}.login-logo{height:80px;border-radius:20px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;font-family:Montserrat,sans-serif}.login-header h2{font-family:Montserrat,sans-serif;font-size:1.75rem;margin-bottom:.5rem}.login-header p{opacity:.9;font-size:.95rem}.login-body{padding:2rem}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:500;margin-bottom:0;color:var(--text-dark);font-size:.95rem}.label-optional{font-weight:400;font-size:.85rem;color:#94a3b8}.form-input{width:100%;border:2px solid var(--border);border-radius:10px;font-size:1rem;font-family:Roboto,sans-serif;transition:all .3s ease;height:40px}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0145831a}.btn-login{width:100%;padding:1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border:none;border-radius:10px;color:#fff;font-weight:600;font-size:1.05rem;cursor:pointer;transition:all .3s ease;font-family:Roboto,sans-serif}.btn-login:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0145834d}.login-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.login-footer p{color:var(--text-muted);font-size:.9rem}.error-message{background:#fee2e2;color:#991b1b;padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.success-message{background:#d1fae5;color:#065f46;padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.forgot-pass,.back-to-login{color:var(--primary);font-size:.9rem;text-decoration:none}.forgot-pass:hover,.back-to-login:hover{text-decoration:underline}.forgot-desc{color:var(--text-muted);font-size:.9rem;margin-bottom:1.25rem}.otp-input{text-align:center;font-size:1.75rem;font-weight:700;letter-spacing:.5rem;padding:.75rem 1rem}.otp-footer{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.otp-sep{color:var(--text-muted);font-size:.85rem}#otpCountdownWrap{color:var(--text-muted);font-size:.9rem}.app-container{display:none}.app-container.active{display:flex;min-height:100vh}.sidebar{width:314px;background:#eaf7fb;color:#014583;display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:1000;box-shadow:4px 0 12px #0000001a;transition:width .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar-header{position:relative}.collapsed .sidebar-header{padding:unset}.sidebar-toggle-btn{position:absolute;top:50%;right:10px;transform:translateY(-50%);width:25px;height:25px;background:#9ed4ef;border:none;border-radius:15%;color:var(--primary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.65rem;z-index:1001;box-shadow:0 2px 6px #00000040;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-toggle-btn:hover{background:#0360}.sidebar.collapsed{width:64px!important}.sidebar.collapsed .sidebar-toggle-btn{right:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:12px;box-shadow:none;z-index:1002}.sidebar.collapsed .sidebar-logo-text,.sidebar.collapsed .sidebar-nav-item>span:last-child,.sidebar.collapsed .sidebar-user-info{opacity:0;max-width:0;pointer-events:none}.sidebar.collapsed .sidebar-logo{justify-content:center}.sidebar.collapsed .sidebar-logo-img{visibility:hidden}.sidebar.collapsed .sidebar-nav-item{padding:0 .875rem}.sidebar.collapsed .sidebar-user{justify-content:center;padding:.5rem;cursor:pointer}.sidebar.collapsed .sidebar-nav-angles-up{opacity:0;max-width:0;pointer-events:none}.sidebar.collapsed .sidebar-footer{padding:.875rem 0}.sidebar.collapsed .sidebar-nav-dropdown{display:none!important}.sidebar.collapsed .sidebar-nav-chevron{opacity:0;max-width:0;pointer-events:none}.sidebar.collapsed .sidebar-nav-parent>span:not(.sidebar-nav-icon):not(.sidebar-nav-chevron){opacity:0;max-width:0;pointer-events:none}.sidebar.collapsed .sidebar-nav-sub-item>span{opacity:0;max-width:0}.sidebar-resize-handle{position:fixed;top:0;bottom:0;width:5px;left:220px;cursor:col-resize;z-index:999;transition:background .2s}.sidebar-resize-handle:hover,.sidebar-resize-handle.dragging{background:#2563eb66}.sidebar-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-logo{display:flex;align-items:center;gap:1rem}.sidebar-logo-img{width:50px;height:50px;background-color:#9ed4ef;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;font-family:Montserrat,sans-serif}.sidebar-logo-img img{width:30px;height:30px;margin:0 auto}.sidebar-logo-text h1{font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.sidebar-logo-text p{font-size:.75rem;opacity:.7;margin-bottom:0}.sidebar-nav{flex:1;padding:1rem 0}.sidebar-nav-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1.5rem;color:#014583;text-decoration:none;transition:padding .3s cubic-bezier(.4,0,.2,1),background .15s ease,border-color .15s ease;cursor:pointer;font-size:.95rem;border-left:3px solid transparent}.sidebar-nav-item>span:last-child{overflow:hidden;white-space:nowrap;transition:opacity .15s ease,max-width .3s cubic-bezier(.4,0,.2,1);max-width:200px}.sidebar-nav-item:hover,.sidebar-nav-item.active{background:#01458317;color:#014583;border-left-color:#014583}.sidebar-nav-icon{font-size:1.25rem}.sidebar-nav-parent{-webkit-user-select:none;user-select:none}.sidebar-nav-chevron{margin-left:auto;font-size:.7rem;opacity:.6;flex-shrink:0;transition:transform .22s ease}.sidebar-nav-parent.dropdown-open .sidebar-nav-chevron{transform:rotate(180deg)}.sidebar-nav-dropdown{display:none;overflow:hidden;background:#0145830a;border-left:2px solid rgba(1,69,131,.12);margin:0 0 4px}.sidebar-nav-dropdown.open{display:block}.sidebar-nav-sub-item{display:flex;align-items:center;gap:.6rem;padding:.55rem 1.25rem .55rem 2.75rem;color:#334155;cursor:pointer;font-size:.875rem;border-left:3px solid transparent;transition:background .15s ease,color .15s ease;white-space:nowrap;overflow:hidden}.sidebar-nav-sub-item i{font-size:.85rem;width:16px;text-align:center;flex-shrink:0;opacity:.75}.sidebar-nav-sub-item:hover{background:#01458317;color:#014583;border-left-color:#01458366}.sidebar-nav-sub-item.active{background:#0145831f;color:#014583;font-weight:600;border-left-color:#014583}.sidebar-nav-sub-item.active i{opacity:1}.sidebar-nav-sub-item.service-restricted{opacity:.45}.sidebar-nav-sub-item.service-restricted:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;margin-left:auto;font-size:.7rem;opacity:.8}.quote-service-placeholder{display:flex;align-items:center;justify-content:center;min-height:60vh}.service-placeholder-inner{text-align:center;padding:3rem 2rem}.service-placeholder-icon{font-size:3.5rem;color:#014583;opacity:.25;margin-bottom:1.25rem;display:block}.service-placeholder-inner h2{font-size:1.5rem;font-weight:700;color:#0d2d4f;margin-bottom:.5rem}.service-placeholder-inner p{font-size:.95rem;color:#64748b;margin-bottom:1.25rem}.badge-nav-new{display:inline-block;margin-left:auto;padding:.1rem .5rem;background:#ffbb1c;color:#000;font-size:.65rem;font-weight:700;line-height:1.3;border-radius:20px;letter-spacing:.02em;flex-shrink:0}.badge-coming-soon{display:inline-block;padding:.35rem 1rem;background:linear-gradient(135deg,#014583,#0093d3);color:#fff;font-size:.8rem;font-weight:600;border-radius:20px;letter-spacing:.05em}.sidebar-footer{flex-shrink:0;border-top:1px solid rgba(1,69,131,.12);transition:padding .3s cubic-bezier(.4,0,.2,1)}.sidebar-user{display:flex;align-items:center;gap:.75rem;transition:padding .3s cubic-bezier(.4,0,.2,1),justify-content .3s}.sidebar-user-avatar{width:36px;height:36px;border-radius:50%;background:#9ed4ef;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;flex-shrink:0}.sidebar-user-info{flex:1;overflow:hidden;white-space:nowrap;transition:opacity .15s ease,max-width .3s cubic-bezier(.4,0,.2,1);max-width:200px}.sidebar-user-name{font-weight:500;font-size:.9rem}.sidebar-user-email{font-size:.75rem;opacity:.7}.sidebar-footer{position:relative;padding:.875rem 1.5rem}.user-menu-wrap{flex-shrink:0;position:relative}.btn-user-menu{width:100%;padding:0;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#014583;cursor:pointer;transition:background .2s,color .2s;display:flex;align-items:center;font-size:.75rem;text-align:left;gap:10px}.sidebar-nav-angles-up{margin-left:auto;font-size:.7rem;opacity:.6;flex-shrink:0;padding-right:4px;transition:transform .22s ease}.btn-user-menu.open .sidebar-nav-angles-up{transform:rotate(180deg)}.btn-user-menu:hover,.btn-user-menu.open{background:#ffffff2e;color:#2298d5}.btn-user-menu i{transition:transform .2s}.user-dropdown{display:none;position:fixed;width:max-content!important;min-width:240px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px #0000002e;z-index:2000;overflow:hidden;animation:dropUpFade .15s ease}.user-dropdown.open{display:block}@keyframes dropUpFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-item{width:100%;padding:10px 14px;background:none;border:none;color:var(--text-dark);font-size:15px;font-weight:400;cursor:pointer;display:flex;align-items:center;gap:10px;text-align:left;transition:background .15s;text-decoration:none}.user-dropdown-item:hover{background:#f1f5f9;color:#0f172a}.user-dropdown-item i{width:16px;text-align:center;color:var(--text-dark)}.user-dropdown-item:hover i{color:#0090d1}.user-dropdown-item--danger:hover,.user-dropdown-item--danger:hover i{color:#dc2626}.user-dropdown-divider{height:1px;background:#f1f5f9;margin:4px 0}.main-content{flex:1;min-width:0;overflow-x:clip;margin-left:314px;background:var(--bg-light);transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.breadcrumb{font-size:.9rem;color:var(--text-muted)}.content-area{padding:24px 40px;background:#fff}.content-area:has(#guidetouseView:not(.hidden)){padding:0}.content-area:has(#utmBuilderView:not(.hidden)){padding:0}.page-header{padding:0 0 20px}.page-header img{padding-bottom:30px}.page-header h1{font-family:Montserrat,sans-serif;font-size:28px;color:var(--primary);margin-bottom:.5rem;font-weight:700;margin-top:0}.page-header p{color:var(--text-muted);font-size:14px;margin-bottom:0}.main-wrapper{display:grid;grid-template-columns:1fr 400px;gap:2rem;align-items:start}.form-topbar{display:flex;justify-content:flex-end;margin-bottom:8px}.btn-reset-form{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:#0d2d4f;background:unset;border:unset;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-reset-form:hover{color:#dc2626}.section{margin-bottom:20px}.section:last-of-type{border-bottom:none;margin-bottom:0}.section-locked{opacity:.38;position:relative;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .25s ease}.section-locked:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;cursor:not-allowed;pointer-events:all;border-radius:8px}.section-title{font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;color:#0d2d4f;margin-bottom:1.5rem;display:flex;align-items:center;gap:16px;background:#e0f2f9;padding:8px}.form-group.full-width{grid-column:1 / -1}label{font-size:.95rem;font-weight:500;color:var(--text-dark);margin-bottom:.5rem;display:block}.required{color:var(--danger)}.field-error{border-color:var(--danger)!important;background:#fff5f5!important}#upsellList.field-error{border:2px solid var(--danger);border-radius:8px;padding:8px;background:#fff5f5}.email-tag-wrap{display:flex;flex-wrap:wrap;align-items:center;min-height:40px;padding:0;border:1px solid #e2e8f0;border-radius:8px;background:#fff;cursor:text;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;width:100%}.email-tag-wrap:focus-within{border-color:#014583;box-shadow:0 0 0 3px #01458314}.email-tag-wrap.field-error{border-color:var(--danger)!important;background:#fff5f5!important;box-shadow:none}.email-tag{display:inline-flex;align-items:center;gap:3px;background:#0ea5e918;color:#0284c7;border:1px solid #0ea5e945;border-radius:8px;padding:3px 7px 3px 10px;font-size:.78rem;font-weight:500;white-space:nowrap;max-width:260px;margin:8px 0 0 8px}.email-tag-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-tag-remove{background:none;border:none;cursor:pointer;color:#0284c7;font-size:1rem;line-height:1;padding:0 2px;opacity:.5;transition:opacity .15s;flex-shrink:0}.email-tag-remove:hover{opacity:1}.email-tag-input{flex:1;min-width:140px;border:none;outline:none;background:transparent;font-size:.875rem;font-family:inherit;color:#1e293b;padding:2px 0}input.email-tag-input:focus{padding:unset;border:unset;box-shadow:unset}input.email-tag-input{padding:unset;border:unset!important}input[type=text],input[type=number],input[type=date],input[type=email],input[type=password],select{width:100%;padding:.875rem 1rem;font-size:1rem;border:2px solid var(--border);border-radius:8px;background:var(--white);color:var(--text-dark);transition:all .3s ease;font-family:Roboto,sans-serif}input:focus,select:focus,#quoteForm textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0145831a}#quoteForm textarea{height:auto;min-height:80px;resize:vertical;line-height:1.5}.checkbox-group{display:flex;flex-direction:column;margin-top:0;padding:1.25rem;background:var(--bg-light);border-radius:10px;border:1px solid var(--border)}.checkbox-item{display:flex;align-items:center;gap:.75rem;padding:3px;border-radius:6px;transition:background .2s ease}.checkbox-item:hover{background:#0145830d}input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#07a39a}.checkbox-label{font-size:.95rem;color:var(--text-dark);cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:0;font-weight:400}.radio-group{display:flex;gap:1.5rem;margin-top:.75rem;flex-wrap:wrap}.radio-item{display:flex;align-items:center;gap:.5rem}.radio-item label{font-weight:400}input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:#07a39a}.custom-price-input{margin-top:.75rem;display:none}.custom-price-input.active{display:block}.reason-custom-price{margin-top:.75rem;display:none}.reason-custom-price.active{display:block}.singapore-services{display:none;margin-top:0}.singapore-services.active{display:block}.price-panel{position:sticky;top:2rem;background:linear-gradient(180deg,#0d2d4fcc,#0d2d4f 21.91%);border-radius:16px;padding:2rem;box-shadow:var(--shadow-lg);border:1px solid var(--border);color:#fff}.price-header{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #CBD5E1}.price-header h3{font-family:Montserrat,sans-serif;font-size:1.3rem;color:var(--white);margin-bottom:20px;text-align:center;font-weight:700;text-transform:uppercase}.price-header div{font-size:.85rem;color:var(--white);margin-bottom:4px}.panel-info-value{font-weight:600;color:var(--white)}.price-item{display:flex;justify-content:space-between;padding:8px 0}.price-item.main-service{border-bottom:1px solid #CBD5E1}.price-label{font-size:.9rem;color:var(--white)}.price-value{font-weight:600;color:var(--white)}.price-label.upsell,.price-value.upsell{color:#00e532}.price-total{margin-top:20px}.price-total .price-label{font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:600}.price-total .price-value{font-family:Montserrat,sans-serif;font-size:18px;font-weight:700}.tooltip-wrap{position:relative;display:inline-flex;align-items:center;margin-left:4px;vertical-align:middle}.tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:#0093d3;color:#fff;font-size:10px;font-weight:700;font-style:normal;cursor:default;-webkit-user-select:none;user-select:none;flex-shrink:0}.tooltip-box{visibility:hidden;opacity:0;pointer-events:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#1e293b;color:#f1f5f9;font-size:11px;font-weight:400;white-space:nowrap;padding:5px 9px;border-radius:6px;box-shadow:0 2px 8px #0000002e;transition:opacity .15s ease;z-index:100}.tooltip-box:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1e293b}.tooltip-wrap:hover .tooltip-box{visibility:visible;opacity:1}.button-group{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}.btn-preview,.btn-download,.btn-create-send,.btn-create-client{padding:8px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-preview{color:#2298d5;background:var(--white);border:2px solid var(--primary)}.btn-preview:hover{background:#2298d5;color:var(--white);transform:translateY(-2px);box-shadow:0 6px 20px #0145834d}.btn-create-send{color:#2298d5;background:var(--white);border:2px solid var(--primary)}.btn-create-send:hover{background:#2298d5;color:var(--white);transform:translateY(-2px);box-shadow:0 6px 20px #0145834d}.btn-create-client{color:#2298d5;background:var(--white);border:2px solid var(--primary)}.btn-create-client:hover{background:#2298d5;color:var(--white);transform:translateY(-2px);box-shadow:0 6px 20px #0145834d}.btn-download{color:var(--white);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border:none;box-shadow:0 4px 12px #0145834d}.btn-download:hover{transform:translateY(-2px);box-shadow:0 6px 20px #01458366}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.article-card{position:relative;background:var(--white);border:2px solid var(--border);border-radius:12px;padding:1.25rem;display:flex;gap:1rem;cursor:pointer;transition:all .3s ease}.article-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.article-card.selected{border-color:var(--primary);background:linear-gradient(135deg,#0145830d,#0093d30d)}.article-checkbox{position:absolute;top:1rem;right:1rem}.article-image{flex-shrink:0;width:80px;height:80px;border-radius:8px;overflow:hidden}.article-image img{width:100%;height:100%;object-fit:cover}.article-content{flex:1;padding-right:2rem}.article-title{font-family:Montserrat,sans-serif;font-size:1.05rem;font-weight:600;color:var(--primary);margin-bottom:.5rem}.article-description{font-size:.875rem;color:var(--text-muted)}.admin-view-logo{padding-bottom:30px}.admin-header-bar{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.admin-main-title{font-family:Montserrat,sans-serif;font-size:28px;font-weight:700;color:var(--primary);letter-spacing:.04em;margin:0 0 4px}.admin-subtitle{font-size:.85rem;color:var(--text-muted);margin:0}.admin-role-link{color:var(--primary);font-weight:600}.live-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border:2px solid #22c55e;border-radius:20px;font-size:.78rem;font-weight:700;color:#22c55e;white-space:nowrap;flex-shrink:0}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem;background:#eaf7fb99;border:1px solid #0093d38f;border-radius:12px;overflow:hidden}.stat-card{margin:18px 28px;border-right:1px solid #e2e8f0}.stat-card:last-child{border-right:none}.stat-value{font-size:1.9rem;font-weight:700;color:#1e293b;line-height:1;margin-bottom:6px}.stat-label{font-size:.82rem;color:var(--text-muted)}.table-toolbar{display:flex;align-items:center;gap:8px;justify-content:flex-end;margin-bottom:12px}.btn-toolbar-primary{padding:8px 18px;font-size:.85rem;font-weight:600;background:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .15s}.btn-toolbar-primary:hover{background:#0077b6}.btn-toolbar-primary:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}#btnticketJira{background:#0052cc;display:inline-flex;align-items:center;gap:6px}#btnticketJira:hover:not(:disabled){background:#003f9e}#btnticketJira .jira-count{background:#ffffff40;border-radius:10px;font-size:.72rem;font-weight:700;padding:1px 7px;min-width:20px;text-align:center}.badge-jira-synced{display:inline-flex;align-items:center;justify-content:center;color:#0052cc;font-size:.9rem;margin-left:4px;cursor:default;opacity:.85}.badge-crm-synced{display:inline-flex;align-items:center;justify-content:center;color:#f59e0b;font-size:.9rem;margin-left:4px;cursor:default;opacity:.85}.btn-toolbar-outline{padding:8px 18px;font-size:.85rem;font-weight:500;background:#fff;color:#475569;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer;transition:background .15s,color .15s}.btn-toolbar-outline:hover{background:#f1f5f9}.export-dropdown-wrap{position:relative;display:inline-block}.export-chevron{font-size:.7rem;margin-left:4px;opacity:.6}.export-dropdown{display:none;position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:180px;z-index:999;overflow:hidden;padding:4px 0}.export-dropdown.open{display:block}.export-option{display:flex;align-items:center;gap:10px;width:100%;padding:9px 16px;font-size:.85rem;font-weight:500;color:#374151;background:none;border:none;cursor:pointer;text-align:left;transition:background .12s}.export-option:hover{background:#f1f5f9}.export-option i{width:16px;text-align:center}.export-option[data-format=xlsx] i{color:#16a34a}.export-option[data-format=csv] i{color:#0891b2}.export-option[data-format=json] i{color:#d97706}.export-option[data-format=pdf] i{color:#dc2626}.col-picker-wrap{position:relative;display:inline-block}.col-picker-panel{display:none;position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:180px;z-index:999;overflow:hidden}.col-picker-panel.open{display:block}.col-picker-header{padding:8px 14px 6px;font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f1f5f9}.col-picker-list{padding:4px 0;max-height:300px;overflow-y:auto}.col-picker-item{display:flex;align-items:center;gap:8px;padding:7px 14px;font-size:.85rem;color:#374151;cursor:pointer;transition:background .12s;-webkit-user-select:none;user-select:none}.col-picker-item:hover{background:#f1f5f9}.col-picker-item input[type=checkbox]{width:15px;height:15px;accent-color:#0090d1;cursor:pointer;flex-shrink:0}.quotes-table-container{width:100%}.table-scroll-top{overflow-x:auto;overflow-y:hidden;height:16px;width:100%;scrollbar-width:thin;scrollbar-color:#014583 #EAF7FB}.table-scroll-top>div{height:1px}.table-scroll-body{overflow-x:auto;width:100%;scrollbar-width:thin;scrollbar-color:#014583 #EAF7FB}.quotes-table-container table{white-space:nowrap}.quotes-table-container table.um-table{table-layout:fixed;white-space:normal}.um-table td,.um-table th{word-break:break-word;vertical-align:top}.quotes-table-container th,.quotes-table-container th input{padding:5px}table{width:100%;border-collapse:collapse}th{background:var(--bg-light);padding:1rem;text-align:left;font-weight:600;color:var(--primary);border-bottom:2px solid var(--border);font-size:.9rem;min-width:110px}td{padding:1rem;border-bottom:1px solid var(--border);font-size:.9rem}tr:hover{background:var(--bg-light)}.badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.badge-success{background:#d1fae5;color:#065f46}.badge-info{background:#dbeafe;color:#1e40af}.th-action,.td-action{width:36px;min-width:36px;text-align:center;padding:0 4px!important}.th-sort-row .th-action{cursor:default}.btn-view-quote{background:none;border:none;cursor:pointer;color:var(--primary);font-size:1rem;padding:4px 6px;border-radius:6px;transition:background .15s,color .15s;line-height:1}.btn-view-quote:hover{background:var(--primary);color:#fff}.btn-view-client{width:100%;height:100%;padding:6px 8px;border-radius:8px;border:1px solid #ccc;justify-content:center;align-items:center;gap:4px;display:inline-flex;font-size:14px;font-weight:500;background:#fff;color:#334155;cursor:pointer;transition:all .15s}.btn-view-client:hover{background:var(--primary);border-color:var(--primary);color:#fff}.th-sort-row th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background .15s;background:#e0f2f9}.th-sort-row th:hover{background:#e2e8f0}.th-sort-row th.sort-asc,.th-sort-row th.sort-desc{background:#dbeafe;color:#1d4ed8}.sort-icon{opacity:.35;font-size:.75em;margin-left:4px}.th-sort-row th.sort-asc .sort-icon,.th-sort-row th.sort-desc .sort-icon{opacity:1}.th-filter-row th{padding:4px 6px;background:#f1f5f9;border-bottom:2px solid var(--border)}.col-filter{width:100%;padding:4px 8px;border:1px solid #cbd5e1;border-radius:4px;font-size:.78rem;outline:none;box-sizing:border-box;background:#fff;transition:border-color .15s}.col-filter:focus{border-color:var(--primary);box-shadow:0 0 0 2px #0145831f}.col-filter-select{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;padding-right:4px}.ms-wrap{position:relative;width:100%}.ms-btn{width:100%;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:28px}.ms-dropdown{display:none;position:fixed;background:#fff;border:1px solid #cbd5e1;border-radius:6px;box-shadow:0 4px 16px #00000026;z-index:3000;min-width:170px;padding:4px 0}.ms-dropdown.open{display:block}.ms-option{display:flex;align-items:center;gap:7px;padding:6px 12px;font-size:.8rem;color:#334155;cursor:pointer;transition:background .12s}.ms-option:hover{background:#f1f5f9}.ms-option input[type=checkbox]{width:14px;height:14px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.td-upsell{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}.col-filter-daterange{width:190px;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") no-repeat right 6px center}.table-toolbar{display:flex;justify-content:flex-end;margin-bottom:8px}.btn-clear-filters{display:none}.adv-filter-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px;margin-bottom:10px}.adv-filter-groups{display:flex;flex-direction:column;gap:10px}.adv-filter-group{display:flex;align-items:flex-start;gap:10px}.adv-filter-label{font-size:.78rem;font-weight:600;color:#475569;white-space:nowrap;min-width:140px;padding-top:4px}.adv-filter-chips{display:flex;flex-wrap:wrap;gap:6px}.adv-chip{padding:3px 10px;border-radius:20px;border:1px solid #cbd5e1;background:#fff;color:#475569;font-size:.78rem;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.adv-chip:hover{border-color:var(--primary);color:var(--primary);background:#f0f7ff}.adv-chip.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.th-select,.td-select{width:36px;min-width:36px;text-align:center;padding:8px 4px!important}.th-select input[type=checkbox],.td-select input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:#0093d3}.th-no,.td-no{width:48px;min-width:48px;text-align:center;padding:8px 4px!important;color:#64748b;font-size:.82rem}.td-email{max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td-cc{max-width:220px;overflow:hidden;white-space:nowrap}.badge-cc{display:inline-block;padding:2px 8px;border-radius:20px;font-size:.71rem;font-weight:500;white-space:nowrap;margin:1px 2px 1px 0;vertical-align:middle}.td-field{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-org{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-consultant,.badge-source{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.78rem;font-weight:600;white-space:nowrap}.badge-market{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.78rem;font-weight:600;background:#dbeafe;color:#1d4ed8;white-space:nowrap}.pagination-container{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:16px 0 4px}.page-size-wrap{display:flex;align-items:center;gap:6px}.page-size-label{font-size:.85rem;color:#475569;white-space:nowrap}.page-size-select{width:auto!important;padding:5px 10px!important;font-size:.85rem!important;border:1px solid #e2e8f0!important;border-radius:8px!important;background:#fff!important;color:#475569!important;cursor:pointer}.page-nav-wrap{display:flex;align-items:center;gap:6px}.page-btn{padding:6px 14px;font-size:.85rem;font-weight:500;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;transition:background .15s}.page-btn:hover:not(:disabled){background:#f1f5f9}.page-btn:disabled{opacity:.4;cursor:default}.page-numbers{display:flex;align-items:center;gap:4px}.page-num-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:500;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;transition:background .15s,color .15s}.page-num-btn:hover{background:#f1f5f9}.page-num-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:700}.page-ellipsis{color:#94a3b8;padding:0 2px}.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:9998}.modal-overlay.active{display:block}.modal-container{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;box-shadow:var(--shadow-xl);z-index:9999;max-width:100%;width:80%;max-height:90vh;overflow:hidden}.modal-container.active{display:flex;flex-direction:column}.modal-header{padding:1rem 1.5rem;border-bottom:2px solid var(--border);display:flex;align-items:center;gap:1rem;background:#fff}.modal-quote-info{display:flex;flex-direction:column;min-width:0;flex-shrink:0}.modal-quote-label{font-size:.72rem;color:var(--text-muted);font-weight:500;line-height:1.2}.modal-quote-code{font-size:1rem;font-weight:700;color:var(--primary);font-family:Montserrat,sans-serif;white-space:nowrap}.modal-header-actions{display:flex;gap:.5rem;flex:1;justify-content:flex-end;flex-wrap:wrap}.layout-mode-select{padding:.4rem .7rem;font-size:.82rem;font-weight:600;font-family:Montserrat,sans-serif;border:1.5px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:#334155;cursor:pointer;outline:none;transition:border-color .15s;width:auto;align-self:center;flex-shrink:0}.layout-mode-select:focus{border-color:#014583}.btn-modal-action{padding:.5rem 1rem;font-size:.85rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s ease;white-space:nowrap}.btn-modal-html,.btn-modal-layout,.btn-modal-pdf{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff}.btn-modal-send{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-modal-action:hover{opacity:.88;transform:translateY(-1px)}.modal-close{background:#f1f5f9;border:none;color:#64748b;font-size:1.3rem;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.modal-close:hover{background:#e2e8f0;color:#1e293b;transform:rotate(90deg)}.modal-body{padding:2rem;overflow-y:auto;flex:1}.modal-footer{padding:1.5rem 2rem;border-top:2px solid var(--border);display:flex;gap:1rem;background:var(--bg-light)}.btn-copy-layout,.btn-copy,.btn-copy-html,.btn-download-modal{flex:1;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-copy-layout{color:var(--white);background:linear-gradient(135deg,var(--success) 0%,#059669 100%);border:none}.btn-copy{color:var(--primary);background:var(--white);border:2px solid var(--primary)}.btn-copy-html{color:#7c3aed;background:var(--white);border:2px solid #7c3aed}.btn-copy-html:hover{background:#7c3aed;color:var(--white)}.btn-download-modal{color:var(--white);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border:none}.spinner{border:3px solid var(--border);border-top:3px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:2rem auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.mobile-open{transform:translate(0)}.main-content{margin-left:0}.main-wrapper{grid-template-columns:1fr}.price-panel{position:static}}@media (max-width: 768px){.button-group,.articles-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column}}.hidden{display:none!important}.other-input{margin-top:8px;width:100%}#quoteForm input[type=text],input[type=number],input[type=date],input[type=email],input[type=password],#quoteForm textarea,select{width:100%;padding:8px;font-size:1rem;border:1px solid var(--border);border-radius:8px;background:var(--white);color:var(--text-dark);transition:all .3s ease;font-family:Roboto,sans-serif;height:40px}.upsell{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:6px;transition:background .15s}.upsell input[type=checkbox]{height:16px;cursor:pointer}.upsell label{margin:0;cursor:pointer;font-weight:400}.upsell-handle{color:#cbd5e1;cursor:grab;font-size:13px;flex-shrink:0;margin-left:auto;transition:color .15s}.upsell:hover .upsell-handle{color:#94a3b8}.upsell-handle:active{cursor:grabbing}.upsell-dragging{background:#f0f9ff;border:1.5px dashed #0093d3;border-radius:6px;opacity:.7}.upsell-chosen{background:#e0f2fe;border-radius:6px}.doc-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:.25rem}.doc-type-card{background:var(--white);border:1.5px solid var(--border);border-radius:10px;padding:.75rem .875rem;display:flex;flex-direction:column;gap:.35rem;cursor:pointer;transition:border-color .2s,background .2s;-webkit-user-select:none;user-select:none}.doc-type-card:hover{border-color:#93c5fd}.doc-type-card.selected{border-color:#3b82f6;background:#eff6ff}.doc-type-card input[type=checkbox]{display:none}.doc-card-check{width:20px;height:20px;border:1.5px solid #cbd5e1;border-radius:5px;display:flex;align-items:center;justify-content:center;color:transparent;font-size:.65rem;transition:all .15s;margin-bottom:.25rem;flex-shrink:0}.doc-type-card.selected .doc-card-check{background:#3b82f6;border-color:#3b82f6;color:var(--white)}.doc-card-name{font-weight:600;font-size:.875rem;color:var(--text-dark);margin-bottom:.35rem}.doc-card-row{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;min-height:24px}.doc-card-lbl{color:var(--text-muted)}.doc-card-price{color:var(--text-dark);font-weight:500}.qty-stepper{display:flex;align-items:center;gap:4px}.qty-stepper button{width:22px;height:22px;border:1.5px solid #cbd5e1;border-radius:50%;background:var(--white);color:var(--text-muted);font-size:.95rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:border-color .15s,color .15s}.doc-type-card.selected .qty-stepper button{border-color:#3b82f6;color:#3b82f6}.qty-stepper button:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.qty-stepper .qty-val{font-weight:600;font-size:.82rem;min-width:16px;text-align:center;color:var(--text-dark)}.add-cost-note{display:flex;align-items:flex-start;gap:.5rem;background:#f8fafc;border:1px solid var(--border);border-radius:8px;padding:.6rem .875rem;font-size:.82rem;color:var(--text-muted);margin-bottom:.75rem;line-height:1.5}.add-cost-note i{color:#3b82f6;flex-shrink:0;margin-top:.1rem}.cost-input-wrap{display:flex;align-items:center;border:1.5px solid var(--border);border-radius:8px;overflow:hidden;background:var(--white);width:100%}.cost-input-wrap:focus-within{border-color:var(--primary-light);box-shadow:0 0 0 3px #0093d31a}.cost-currency{padding:.5rem .625rem;background:#f1f5f9;color:var(--text-muted);font-size:.82rem;font-weight:600;border-right:1.5px solid var(--border);white-space:nowrap}.cost-input{border:none;outline:none;padding:.5rem .625rem;font-size:.9rem;flex:1;color:var(--text-dark);font-weight:500;background:transparent;width:0}#pdfTemplate *{margin:0;padding:0;box-sizing:border-box}.pdf-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:3px solid #014583}.pdf-title{font-size:28px;font-weight:700;color:#014583;margin-bottom:10px}.pdf-subtitle{font-size:16px;color:#64748b}.pdf-section{margin-bottom:30px}.pdf-section-title{font-size:18px;font-weight:600;color:#014583;margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.pdf-info-row{display:flex;padding:10px 0;border-bottom:1px solid #f1f5f9}.pdf-label{width:200px;font-weight:600;color:#475569}.pdf-value{flex:1;color:#1e293b}.pdf-table{width:100%;border-collapse:collapse;margin-top:15px}.pdf-table th{background:#e6f3ff;padding:12px;text-align:left;font-weight:600;color:#014583;border:1px solid #e2e8f0}.pdf-table td{padding:10px 12px;border:1px solid #e2e8f0;color:#1e293b}.pdf-table tr:nth-child(2n){background:#f8fafc}.pdf-total-row{background:#e6f3ff!important;font-weight:700;font-size:16px}.pdf-total-row td{color:#014583!important;padding:15px 12px!important}.pdf-note{margin-top:30px;padding:15px;background:#fffbeb;border-left:4px solid #f59e0b;font-size:13px;color:#92400e}.pdf-footer{margin-top:40px;padding-top:20px;border-top:2px solid #e2e8f0;text-align:center;font-size:12px;color:#64748b}.signature td{padding:unset}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:20px;align-items:start}.settings-card{max-width:100%}.settings-section-header{display:flex;align-items:flex-start;gap:14px}.settings-section-header i{margin-top:2px;flex-shrink:0}.zoho-status-badge{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;font-size:.875rem;font-weight:500}.zoho-status-warn{background:#fef3c7;border:1px solid #f59e0b;color:#92400e}.zoho-status-ok{background:#dcfce7;border:1px solid #16a34a;color:#15803d}.btn-zoho-connect{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-zoho-connect:hover{background:var(--primary-dark)}.btn-zoho-disconnect{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;background:#fff;color:#dc2626;border:1.5px solid #dc2626;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.btn-zoho-disconnect:hover{background:#fef2f2}.settings-info-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px}.settings-info-box summary{list-style:none;display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none}.settings-info-box summary::-webkit-details-marker{display:none}.sig-textarea{width:100%;min-height:140px;padding:10px 12px;font-family:Consolas,Monaco,monospace;font-size:.82rem;border:1.5px solid #e2e8f0;border-radius:8px;resize:vertical;color:#1e293b;background:#f8fafc;transition:border-color .2s;box-sizing:border-box}.sig-textarea:focus{outline:none;border-color:var(--primary);background:#fff}.sig-preview-box{min-height:60px;padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:8px;background:#fff;font-size:.875rem;line-height:1.6;color:#1e293b}.sig-tab-btn{padding:4px 12px;font-size:.78rem;font-weight:600;border:1.5px solid #cbd5e1;border-radius:6px;background:#fff;color:#64748b;cursor:pointer;transition:all .15s}.sig-tab-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.sig-tab-btn:hover:not(.active){border-color:var(--primary);color:var(--primary)}.sig-tabs{display:flex;gap:4px}.sig-visual-frame{display:block;width:100%;min-height:160px;max-height:360px;border:1.5px solid #e2e8f0;border-radius:8px;background:#fff;overflow:hidden;box-sizing:border-box}.sig-empty-hint{display:none;min-height:100px;border:1.5px dashed #cbd5e1;border-radius:8px;background:#f8fafc;color:#94a3b8;font-size:.83rem;text-align:center;padding:28px 16px;gap:8px;flex-direction:column;align-items:center;justify-content:center}.sig-empty-hint i{font-size:1.4rem;margin-bottom:4px;display:block}.sig-paste-zone{margin-top:8px;border:1.5px dashed #93c5fd;border-radius:8px;background:#eff6ff;padding:10px 12px}.sig-paste-area{min-height:100px;max-height:280px;overflow-y:auto;overflow-x:auto;outline:none;font-size:.875rem;cursor:text;color:#1e293b}.sig-paste-area:empty:before{content:attr(data-placeholder);color:#94a3b8;font-style:italic;white-space:pre-line;pointer-events:none}.sig-paste-toggle-btn{background:none;border:1.5px solid #93c5fd;border-radius:5px;color:#3b82f6;font-size:.76rem;font-weight:600;padding:2px 9px;cursor:pointer;transition:all .15s}.sig-paste-toggle-btn:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.sig-visual-hint{margin-top:6px;font-size:.76rem;color:#94a3b8;display:flex;align-items:center;gap:5px;flex-wrap:wrap}.lookup-input-wrap{position:relative;display:flex;align-items:center}.lookup-input-icon{position:absolute;left:12px;color:#94a3b8;font-size:.875rem;pointer-events:none;z-index:1}.lookup-input{padding-left:36px!important}.lookup-inputs-row{align-items:flex-start}.lookup-label-spacer{visibility:hidden;pointer-events:none}.lookup-or-row{display:flex;align-items:center;gap:10px;width:100%}.lookup-or{font-size:.85rem;color:#94a3b8;font-style:italic;white-space:nowrap}#clientLookupResults{margin-top:12px;border:1.5px solid #bfdbfe;border-radius:10px;background:#f0f7ff;padding:14px 16px}.lookup-results-header{display:flex;align-items:center;gap:10px;font-weight:700;font-size:.95rem;color:#1e40af;margin-bottom:4px}#lookupResultCount{padding:2px 10px;border-radius:20px;font-size:.75rem;font-weight:700}.lookup-results-hint{font-size:.8rem;color:#64748b;margin-bottom:10px}.lookup-result-card{background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:12px 14px;margin-bottom:8px;cursor:pointer;transition:border-color .15s,box-shadow .15s;position:relative}.lookup-source-tags{position:absolute;top:10px;right:12px;display:flex;gap:4px}.lookup-source-tag{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:20px;letter-spacing:.02em;text-transform:uppercase}.lookup-source-warehouse{background:#dbeafe;color:#1e40af}.lookup-source-crm{background:#fef3c7;color:#92400e}.lookup-source-jira{background:#ede9fe;color:#5b21b6}.lookup-result-card:last-child{margin-bottom:0}.lookup-result-card:hover{border-color:#93c5fd;box-shadow:0 2px 8px #3b82f61f}.lookup-result-card.selected{border-color:#2298d5;box-shadow:0 0 0 3px #2298d526;background:#f0f9ff}.lookup-result-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:8px}.lookup-result-row:last-child{margin-bottom:0}.lookup-result-col{display:flex;flex-direction:column;gap:3px;min-width:0}.lookup-rel-emails{display:flex;flex-wrap:wrap;gap:4px}.lookup-email-chip{display:inline-block;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;border-radius:4px;padding:1px 6px;font-size:.78rem;font-weight:500;word-break:break-all}.lookup-label{font-size:.7rem;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.lookup-value{font-size:.88rem;color:#1e293b;font-weight:500}.lookup-cid{color:#0093d3;font-weight:700;font-size:.95rem}.lookup-loading{color:#94a3b8;font-style:italic;font-size:.82rem}.lookup-results-actions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.btn-lookup-use{padding:8px 18px;font-size:.9rem;font-weight:600;border-radius:8px;cursor:pointer;border:none;background:#0093d3;color:#fff;transition:background .2s}.btn-lookup-use:hover{background:#0077b6}.btn-lookup-new{padding:8px 18px;font-size:.9rem;font-weight:600;border-radius:8px;cursor:pointer;background:#fff;color:#64748b;border:2px solid #cbd5e1;transition:border-color .2s,color .2s}.btn-lookup-new:hover{border-color:#94a3b8;color:#1e293b}.ta-group-label{font-family:Montserrat,sans-serif;color:#0d2d4f;margin:24px 0 12px;padding-top:18px;padding-bottom:6px;font-size:16px;font-weight:700;text-transform:uppercase;line-height:22px;position:relative;border-top:2px dashed #B0C8E0}.ta-group-label:before{content:"";position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background-color:#2998d5}.ta-biz-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}@media (max-width: 860px){.ta-biz-grid{grid-template-columns:1fr 1fr}}.ta-biz-card{border:1px solid #e2e8f0;border-radius:8px;padding:10px 8px 8px;cursor:pointer;transition:border-color .12s,background .12s;position:relative;display:block}.ta-biz-card:hover,.ta-biz-card.ta-active{border-color:#0093d3;background:#e8f4fb}.ta-biz-card input[type=radio]{top:8px;left:8px;accent-color:#0093d3}.ta-biz-name{font-size:11px;font-weight:600;color:#1e293b;margin-top:2px;line-height:1.3}.ta-biz-price{font-size:11px;font-weight:700;color:#0093d3;margin-top:5px;background:#cde9f7;width:fit-content;padding:2px 4px;border-radius:4px;text-align:right}.ta-biz-price.ta-zero{color:#0d2d4f}.ta-currency-wrap{position:relative}.ta-currency-wrap .ta-prefix{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:600;color:#64748b;pointer-events:none;z-index:1}.ta-currency-wrap input{padding-left:42px!important;text-align:right}.ta-tier-badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:8px;background:#f1f5f9;color:#64748b}.ta-tier-badge.ta-tier-none{background:#f1f5f9;color:#64748b}.ta-tier-badge.ta-tier-low{background:#dcfce7;color:#0a3622}.ta-tier-badge.ta-tier-mid{background:#fef9c3;color:#a16207}.ta-tier-badge.ta-tier-high{background:#fee2e2;color:#b91c1c}.ta-tier-note{font-size:11px;color:#185fa5;display:block;margin-top:2px;font-weight:500}.ta-count-header{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.ta-count-box{padding:10px 14px;border-radius:8px;border:1px solid #bae0f5;background:#e8f4fb}.ta-count-label{font-size:16px;color:#0d2d4f;font-weight:600;margin-bottom:4px}.ta-count-value{font-size:24px;font-weight:700;color:#1a3a5c}.ta-eff-chip{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#e8f4fb;border:1px solid #bae0f5;border-radius:8px;font-size:14px;color:#0d2d4f;margin:8px 0 16px;font-weight:700}.ta-eff-chip strong{font-size:14px;font-weight:700;color:#0d2d4f}.ta-mkt-section{border:1px solid #e2e8f0;border-radius:8px;padding:14px;margin-bottom:12px;background:#fafafa}.ta-mkt-title{display:flex;align-items:center;gap:6px;color:#0d2d4f;font-size:16px;font-weight:700;text-transform:uppercase;line-height:22px;word-wrap:break-word;margin:18px 0 10px;padding-bottom:6px;font-family:Montserrat}.ta-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.ta-dot-sg{background:#0093d3}.ta-dot-hk{background:#c0392b}.ta-dot-us{background:#2c3e50}.ta-dot-off{background:#94a3b8}.ta-hk-fee-hint{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding:7px 12px;background:#e8f4fb;border:1px solid #bae0f5;border-radius:6px;font-size:12px}.ta-hk-fee-hint span{color:#0093d3}.ta-hk-fee-hint strong{color:#1a3a5c;font-weight:700}.ta-off-note{padding:10px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:12px;color:#64748b;margin-bottom:12px}.ta-adj-list{display:flex;flex-direction:column}.ta-adj-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f1f5f9;flex-wrap:wrap}.ta-adj-row:last-child{border-bottom:none;padding-bottom:0}.ta-adj-check{width:15px;height:15px;accent-color:#0093d3;cursor:pointer;flex-shrink:0}.ta-adj-lbl{flex:1;font-size:13px;color:#1e293b;min-width:180px;margin-bottom:0}.ta-adj-inline{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ta-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px;white-space:nowrap}.ta-badge-up{background:#fef9c3;color:#a16207}.ta-badge-dn{background:#dcfce7;color:#15803d}.ta-badge-auto{background:#f3eeff;color:#5b2da8}.ta-adj-select{width:68px!important;height:28px!important;font-size:12px!important;padding:0 20px 0 6px!important;text-align:right}.ta-adj-number{width:72px!important;height:28px!important;font-size:12px!important;text-align:right;padding:0 8px!important}.ta-adj-unit{font-size:11px;color:#94a3b8}.ta-adj-hint{font-size:10px;color:#cbd5e1;margin-left:2px;white-space:nowrap}.ta-adj-row.ta-disabled{opacity:.4;pointer-events:none}.as-tree-child{padding-left:32px;display:flex;flex-direction:column}.as-accordion{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:10px;overflow:hidden}.as-accordion>summary{cursor:pointer;padding:10px 14px;font-weight:600;font-size:16px;color:#0d2d4f;background:#effaff;list-style:none;display:flex;align-items:center}.as-accordion>summary::-webkit-details-marker{display:none}.as-accordion>summary:after{content:"▾";display:inline-block;margin-left:auto;color:currentColor;transition:transform .15s ease}.as-accordion[open]>summary:after{transform:rotate(180deg)}.as-accordion-qbo>summary{background:#00b50f;color:#fdfdfd}.as-accordion-xero>summary{background:#33a3ff;color:#fdfdfd}.as-accordion-candy>summary{background:#47e1d4;color:#0d2d4f}.as-accordion-body{padding:16px 16px 4px;display:flex;flex-direction:column;gap:24px}.as-subgroup{display:flex;flex-direction:column;gap:8px}.as-subgroup-label{color:#666;font-size:16px;font-weight:600}.as-info-box{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f4f4f4;border-radius:8px;color:#0d2d4f;font-size:14px;font-weight:500;margin-bottom:16px}.as-support-row{display:flex;align-items:center;gap:8px;margin-bottom:5px}.as-support-label{width:116px;flex-shrink:0;color:#0d2d4f;font-size:14px;font-weight:500}.as-support-row .ta-currency-wrap{flex:1 1 auto}.ta-tier-popup{display:flex;align-items:center;gap:8px;margin-top:6px;padding:8px;border-radius:8px;border:1px solid var(--blue-bd);background:#cde9f7;font-size:12px;justify-content:space-between}.stg-layout{display:flex;gap:0;align-items:flex-start}.stg-toc{width:196px;flex-shrink:0;border-right:1px solid var(--border);padding:8px 0 24px;position:sticky;top:0;max-height:calc(100vh - 130px);overflow-y:auto}.stg-toc-heading{padding:10px 14px 8px;font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);margin-bottom:6px}.stg-toc-section{padding:10px 14px 3px;font-size:9.5px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:var(--text-light)}.stg-toc-link{display:flex;align-items:center;gap:8px;width:100%;padding:7px 14px;font-size:13px;font-weight:500;color:var(--text-dark);background:none;border:none;border-left:3px solid transparent;border-radius:0 6px 6px 0;margin-right:8px;text-align:left;cursor:pointer;transition:all .13s;font-family:Roboto,sans-serif}.stg-toc-link i{font-size:12px;color:var(--text-muted);width:14px;text-align:center;flex-shrink:0}.stg-toc-link:hover{background:#01458312;color:var(--primary);border-left-color:#a8d4ef}.stg-toc-link:hover i{color:var(--primary)}.stg-toc-link.active{background:#0145831a;color:var(--primary);border-left-color:var(--primary);font-weight:600}.stg-toc-link.active i{color:var(--primary)}.stg-content{flex:1;padding-left:28px;max-width:720px;min-width:0}.stg-page{animation:stgPageIn .18s ease}@keyframes stgPageIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.stg-page-header{margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--border)}.stg-page-eye{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.stg-page-header h1{font-size:20px;font-weight:700;color:var(--text-dark);margin:0 0 4px}.stg-page-header p{font-size:13px;color:var(--text-muted);margin:0}.stg-sec{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-bottom:16px}.stg-sec-header{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#f0f7ff;border-bottom:1px solid #d5e8f6}.stg-sec-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stg-sec-title{font-size:14px;font-weight:700;color:var(--text-dark)}.stg-sec-desc{font-size:12px;color:var(--text-muted);margin-top:1px}.stg-sec-body{padding:20px;display:flex;flex-direction:column;gap:0}.stg-form-row{display:grid;grid-template-columns:175px 1fr;gap:12px;align-items:start;padding:13px 0;border-bottom:1px solid var(--border)}.stg-form-row-last{border-bottom:none;padding-bottom:0}.stg-label{font-size:13px;font-weight:600;color:var(--text-dark);padding-top:7px}.stg-label-hint{font-size:11.5px;font-weight:400;color:var(--text-muted);margin-top:2px}.stg-control{display:flex;flex-direction:column;gap:5px}.stg-input{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-family:Roboto,sans-serif;font-size:13.5px;color:var(--text-dark);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.stg-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0145831a}.stg-input-hint{font-size:11.5px;color:var(--text-muted)}.stg-save-bar{display:flex;align-items:center;gap:10px;padding:14px 0 6px}.stg-btn-save{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;background:var(--primary);color:#fff;border:none;border-radius:9px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:Roboto,sans-serif;transition:background .13s,transform .1s}.stg-btn-save:hover{background:var(--primary-dark)}.stg-btn-save:active{transform:scale(.98)}.stg-btn-danger{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;background:#fff;color:#dc2626;border:1.5px solid #dc2626;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;font-family:Roboto,sans-serif;transition:background .13s}.stg-btn-danger:hover{background:#fef2f2}.stg-save-hint{font-size:12px;color:var(--text-muted)}.stg-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.stg-toggle-row-last{border-bottom:none;padding-bottom:0}.stg-toggle-info{flex:1}.stg-toggle-label{font-size:13px;font-weight:600;color:var(--text-dark)}.stg-toggle-desc{font-size:12px;color:var(--text-muted);margin-top:2px}.stg-toggle{position:relative;width:42px;height:24px;flex-shrink:0;margin-left:16px;cursor:pointer;display:inline-block}.stg-toggle input{opacity:0;width:0;height:0;position:absolute}.stg-toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:12px;transition:background .2s}.stg-toggle input:checked+.stg-toggle-track{background:var(--primary)}.stg-toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;transition:transform .2s;pointer-events:none}.stg-toggle input:checked~.stg-toggle-thumb{transform:translate(18px)}.stg-pw-field{position:relative;display:flex;align-items:center}.stg-pw-field .stg-input{padding-right:38px}.stg-pw-toggle{position:absolute;right:10px;background:none;border:none;cursor:pointer;color:var(--text-muted);padding:0;display:flex;align-items:center;font-size:14px;transition:color .15s}.stg-pw-toggle:hover{color:var(--primary)}.stg-pw-strength{display:flex;gap:4px;margin-top:4px}.stg-pw-bar{height:4px;flex:1;border-radius:2px;background:var(--border);transition:background .2s}.stg-pw-bar.weak{background:#dc2626}.stg-pw-bar.medium{background:#d97706}.stg-pw-bar.strong{background:#16a34a}.stg-pw-label{font-size:11px;margin-top:3px;color:var(--text-muted)}.stg-email-card{border:1.5px solid var(--border);border-radius:10px;overflow:hidden}.stg-email-card-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f0f7ff;border-bottom:1px solid #d5e8f6}.stg-provider-logo{width:32px;height:32px;border-radius:8px;background:#fff;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.stg-provider-name{font-size:13.5px;font-weight:700;color:var(--text-dark)}.stg-email-card-body{padding:16px;display:flex;flex-direction:column;gap:14px}.stg-email-account-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#f0f7ff;border:1px solid #d5e8f6;border-radius:8px}.stg-email-avatar{width:30px;height:30px;border-radius:50%;background:var(--primary);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stg-email-account-name{font-size:13px;font-weight:600;color:var(--text-dark);word-break:break-all}.stg-btn-disconnect{font-size:12px;font-weight:600;color:#dc2626;background:#fff1f2;border:1px solid #fca5a5;border-radius:7px;padding:5px 12px;cursor:pointer;font-family:Roboto,sans-serif;transition:background .13s;margin-left:auto;flex-shrink:0;white-space:nowrap}.stg-btn-disconnect:hover{background:#fee2e2}.stg-zoho-ok-note{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:8px 12px}.stg-steps-box{background:#f0f7ff;border:1px solid #d5e8f6;border-radius:10px;overflow:hidden}.stg-steps-title{padding:7px 14px;font-size:11px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--primary-dark);border-bottom:1px solid #d5e8f6;background:#fff6}.stg-steps-list{padding:10px 14px;display:flex;flex-direction:column;gap:8px}.stg-step{display:flex;align-items:flex-start;gap:10px;font-size:12.5px;color:var(--text-dark);line-height:1.5}.stg-step-num{width:20px;height:20px;border-radius:50%;background:var(--primary);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.stg-step-num-last{background:#16a34a}@media (max-width: 720px){.stg-layout{flex-direction:column}.stg-toc{width:100%;border-right:none;border-bottom:1px solid var(--border);position:static;max-height:none;display:flex;flex-direction:row;flex-wrap:wrap;padding:6px 4px;gap:2px}.stg-toc-heading,.stg-toc-section{display:none}.stg-toc-link{border-left:none;border-bottom:2px solid transparent;border-radius:6px;margin-right:0;padding:5px 10px;font-size:12px}.stg-toc-link.active{border-left:none;border-bottom-color:var(--primary);background:#01458314}.stg-content{padding-left:0;padding-top:18px}.stg-form-row{grid-template-columns:1fr}}#utmBuilderView{--u-blue: var(--primary-light);--u-blue-dark: var(--primary);--u-blue-soft: #EAF6FD;--u-blue-line: #BFE2F6;--u-ink: var(--text-dark);--u-ink-2: #33495C;--u-muted: var(--text-muted);--u-line: var(--border);--u-bg: var(--bg-light);--u-ok: var(--success);--u-ok-soft: #E7F6EF;--u-warn: var(--accent);--u-warn-soft: #FFF6E5;--u-err: var(--danger);--u-err-soft: #FDECEC;--u-radius: 8px;--u-shadow: var(--shadow-sm);font-family:Roboto,sans-serif;color:var(--u-ink);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}#utmBuilderView a{color:var(--u-blue-dark)}#utmBuilderView h1,#utmBuilderView h2,#utmBuilderView h3{font-family:Montserrat,sans-serif}#utmBuilderView .utm-topbar{background:#fff;border-bottom:1px solid var(--u-line);padding:14px 24px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}#utmBuilderView .utm-version-note{margin:0;font-size:12.5px;color:var(--u-muted);flex:1;min-width:200px}#utmBuilderView .tabs{display:flex;gap:2px;background:var(--u-bg);padding:3px;border-radius:9px;border:1px solid var(--u-line)}#utmBuilderView .tab{border:0;background:transparent;font:inherit;font-size:13px;font-weight:550;color:var(--u-ink-2);padding:7px 14px;border-radius:7px;cursor:pointer;white-space:nowrap}#utmBuilderView .tab:hover{color:var(--u-blue-dark)}#utmBuilderView .tab[aria-selected=true]{background:#fff;color:var(--u-blue-dark);box-shadow:0 1px 2px #0e223314}#utmBuilderView .tab .count{display:inline-block;min-width:18px;padding:0 5px;margin-left:6px;background:var(--u-blue);color:#fff;border-radius:9px;font-size:11px;line-height:17px}#utmBuilderView .utm-main{max-width:1240px;margin:0 auto;padding:24px}#utmBuilderView .panel[hidden]{display:none}#utmBuilderView .build{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:22px;align-items:start}#utmBuilderView .card{background:#fff;border:1px solid var(--u-line);border-radius:var(--u-radius);box-shadow:var(--u-shadow)}#utmBuilderView .card+.card{margin-top:18px}#utmBuilderView .card-h{padding:16px 20px 0}#utmBuilderView .card-b{padding:16px 20px 20px}#utmBuilderView .step{display:flex;align-items:baseline;gap:10px}#utmBuilderView .step-n{width:22px;height:22px;flex:none;border-radius:50%;background:var(--u-blue-soft);color:var(--u-blue-dark);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;align-self:center}#utmBuilderView .step h2{font-size:15px;margin:0;font-weight:650}#utmBuilderView .step-sub{margin:6px 0 0 32px;font-size:12.5px;color:var(--u-muted)}#utmBuilderView .presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:8px;margin-top:14px}#utmBuilderView .preset{text-align:left;font:inherit;cursor:pointer;border:1px solid var(--u-line);background:#fff;border-radius:8px;padding:10px 11px;transition:border-color .12s,background .12s}#utmBuilderView .preset:hover{border-color:var(--u-blue-line);background:var(--u-blue-soft)}#utmBuilderView .preset[aria-pressed=true]{border-color:var(--u-blue);background:var(--u-blue-soft);box-shadow:inset 0 0 0 1px var(--u-blue)}#utmBuilderView .preset b{display:block;font-size:13px;font-weight:600;margin-bottom:5px;color:var(--u-ink)}#utmBuilderView .preset code{font-family:ui-monospace,Consolas,SF Mono,monospace;font-size:11px;color:var(--u-ink-2);background:#f1f5f8;border-radius:4px;padding:1px 5px}#utmBuilderView .preset .arrow{color:var(--u-muted);font-size:11px;padding:0 2px}#utmBuilderView .manual-head{margin-top:18px;padding-top:14px;border-top:1px solid var(--u-line);display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}#utmBuilderView .mh-label{font-size:12.5px;font-weight:700;color:var(--u-ink-2);text-transform:uppercase;letter-spacing:.5px}#utmBuilderView .manual{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}#utmBuilderView .manual[hidden]{display:none}#utmBuilderView .field{margin-top:14px}#utmBuilderView .field:first-child{margin-top:0}#utmBuilderView label{display:block;font-size:12.5px;font-weight:600;color:var(--u-ink-2);margin-bottom:5px}#utmBuilderView label .req{color:var(--u-err);font-weight:700}#utmBuilderView label .opt{color:var(--u-muted);font-weight:500}#utmBuilderView input[type=text],#utmBuilderView input[type=url],#utmBuilderView select,#utmBuilderView textarea{width:100%;font:inherit;font-size:13.5px;color:var(--u-ink);border:1px solid #D7E1E9;border-radius:8px;padding:9px 11px;background:#fff;transition:border-color .12s,box-shadow .12s}#utmBuilderView input:focus,#utmBuilderView select:focus,#utmBuilderView textarea:focus{outline:none;border-color:var(--u-blue);box-shadow:0 0 0 3px #2298d526}#utmBuilderView select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236B8298' d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;padding-right:32px}#utmBuilderView .hint{font-size:12px;color:var(--u-muted);margin-top:5px}#utmBuilderView .hint.mono{font-family:ui-monospace,Consolas,SF Mono,monospace;font-size:11.5px}#utmBuilderView .inline{display:flex;gap:10px;align-items:flex-start}#utmBuilderView .inline>*{flex:1}#utmBuilderView .chips-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}#utmBuilderView .mini{font:inherit;font-size:11.5px;cursor:pointer;border:1px solid var(--u-line);background:#fff;border-radius:20px;padding:3px 10px;color:var(--u-ink-2)}#utmBuilderView .mini:hover{border-color:var(--u-blue-line);background:var(--u-blue-soft);color:var(--u-blue-dark)}#utmBuilderView .check{display:flex;gap:9px;align-items:flex-start;margin-top:14px;padding:11px 12px;border-radius:8px;background:var(--u-warn-soft);border:1px solid #F2DFB8}#utmBuilderView .check input{margin:2px 0 0;width:15px;height:15px;accent-color:var(--u-blue);flex:none}#utmBuilderView .check label{margin:0;font-weight:550;color:#7a5200;font-size:12.5px}#utmBuilderView .check.done{background:var(--u-ok-soft);border-color:#c4e8d7}#utmBuilderView .check.done label{color:#0b6b44}#utmBuilderView .side{position:sticky;top:16px}#utmBuilderView .preview-h{padding:13px 18px;border-bottom:1px solid var(--u-line);display:flex;align-items:center;justify-content:space-between;gap:10px}#utmBuilderView .preview-h h2{font-size:14px;margin:0;font-weight:650}#utmBuilderView .len{font-size:11.5px;color:var(--u-muted);font-variant-numeric:tabular-nums}#utmBuilderView .url-box{padding:16px 18px;font-family:ui-monospace,Consolas,SF Mono,monospace;font-size:12.5px;line-height:2;word-break:break-all;background:linear-gradient(180deg,#fbfdff,#fff)}#utmBuilderView .seg{padding:2px 4px;border-radius:4px;transition:box-shadow .12s}#utmBuilderView .seg.base{color:var(--u-ink-2)}#utmBuilderView .seg.amp{color:#9db0bf}#utmBuilderView .seg[data-k]{font-weight:600}#utmBuilderView .seg[data-k=source]{background:#e6f4fc;color:#0b5e88}#utmBuilderView .seg[data-k=medium]{background:#e4f5ef;color:#0b6b44}#utmBuilderView .seg[data-k=campaign]{background:#efebfb;color:#4b3a9e}#utmBuilderView .seg[data-k=content]{background:#fdf0e3;color:#95560a}#utmBuilderView .seg[data-k=term]{background:#f0f3f6;color:#41586b}#utmBuilderView .seg.hl{box-shadow:0 0 0 2px #2298d58c}#utmBuilderView .seg.empty{background:repeating-linear-gradient(45deg,#f4f7fa,#f4f7fa 5px,#edf2f6 5px,#edf2f6 10px);color:#9db0bf;font-weight:500}#utmBuilderView .legend{display:flex;flex-wrap:wrap;gap:5px;padding:0 18px 14px}#utmBuilderView .legend span{font-size:11px;padding:2px 8px;border-radius:20px;font-weight:600}#utmBuilderView .legend .l-source{background:#e6f4fc;color:#0b5e88}#utmBuilderView .legend .l-medium{background:#e4f5ef;color:#0b6b44}#utmBuilderView .legend .l-campaign{background:#efebfb;color:#4b3a9e}#utmBuilderView .legend .l-content{background:#fdf0e3;color:#95560a}#utmBuilderView .legend .l-term{background:#f0f3f6;color:#41586b}#utmBuilderView .actions{padding:0 18px 18px;display:flex;gap:8px}#utmBuilderView .btn{font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;border-radius:8px;padding:10px 14px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background .12s,border-color .12s,opacity .12s}#utmBuilderView .btn-primary{background:var(--u-blue);color:#fff;flex:1}#utmBuilderView .btn-primary:hover{background:var(--u-blue-dark)}#utmBuilderView .btn-primary:disabled{background:#c3d6e2;cursor:not-allowed}#utmBuilderView .btn-ghost{background:#fff;border-color:#d7e1e9;color:var(--u-ink-2)}#utmBuilderView .btn-ghost:hover{border-color:var(--u-blue);color:var(--u-blue-dark)}#utmBuilderView .btn-ghost:disabled{opacity:.45;cursor:not-allowed}#utmBuilderView .checklist{padding:14px 18px 18px;border-top:1px solid var(--u-line)}#utmBuilderView .checklist h3{font-size:12px;margin:0 0 10px;text-transform:uppercase;letter-spacing:.6px;color:var(--u-muted);font-weight:700}#utmBuilderView .rule{display:flex;gap:9px;align-items:flex-start;padding:6px 0;font-size:12.5px;line-height:1.5}#utmBuilderView .rule .ic{width:16px;height:16px;flex:none;border-radius:50%;margin-top:2px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#fff}#utmBuilderView .rule.ok .ic{background:var(--u-ok)}#utmBuilderView .rule.ok .ic:after{content:"✓"}#utmBuilderView .rule.warn .ic{background:var(--u-warn)}#utmBuilderView .rule.warn .ic:after{content:"!"}#utmBuilderView .rule.err .ic{background:var(--u-err)}#utmBuilderView .rule.err .ic:after{content:"✕"}#utmBuilderView .rule.idle .ic{background:#cbd8e2}#utmBuilderView .rule.idle .ic:after{content:""}#utmBuilderView .rule.idle span{color:var(--u-muted)}#utmBuilderView .rule.err span{color:#a32e2e}#utmBuilderView .rule.warn span{color:#8a5600}#utmBuilderView .ref-intro{max-width:760px;color:var(--u-ink-2);font-size:13.5px}#utmBuilderView table{width:100%;border-collapse:collapse;font-size:13px}#utmBuilderView th,#utmBuilderView td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--u-line);vertical-align:top}#utmBuilderView th{background:#f4f9fc;color:var(--u-ink-2);font-weight:650;font-size:12.5px;white-space:nowrap}#utmBuilderView td code,#utmBuilderView .code{font-family:ui-monospace,Consolas,SF Mono,monospace;font-size:12px;background:#f1f5f8;border-radius:4px;padding:1px 6px;color:var(--u-ink)}#utmBuilderView .tbl-wrap{overflow-x:auto;border:1px solid var(--u-line);border-radius:8px;margin-top:12px}#utmBuilderView .tbl-wrap table{border-radius:8px;overflow:hidden}#utmBuilderView .tbl-wrap tr:last-child td{border-bottom:0}#utmBuilderView .note{border-radius:8px;padding:12px 14px;font-size:13px;margin-top:14px;border:1px solid}#utmBuilderView .note.info{background:var(--u-blue-soft);border-color:var(--u-blue-line);color:#0b4e72}#utmBuilderView .note.danger{background:var(--u-err-soft);border-color:#f3c9c9;color:#932929}#utmBuilderView .note.amber{background:var(--u-warn-soft);border-color:#f2dfb8;color:#7a5200}#utmBuilderView .note b{font-weight:700}#utmBuilderView .two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}#utmBuilderView .sub-h{font-size:12px;margin:20px 0 8px;text-transform:uppercase;letter-spacing:.7px;color:var(--u-muted);font-weight:700}#utmBuilderView .formula{background:var(--u-bg)!important;border:1px solid var(--u-line);border-radius:8px;padding:14px 16px!important;line-height:1.9!important}#utmBuilderView .formula .ph{color:var(--u-blue-dark);background:var(--u-blue-soft);border-radius:4px;padding:1px 4px}#utmBuilderView .req-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}#utmBuilderView .req-card{border:1px solid var(--u-line);border-radius:8px;padding:14px 16px;background:#fff}#utmBuilderView .req-card .tag{display:inline-block;font-family:ui-monospace,Consolas,SF Mono,monospace;font-size:12.5px;font-weight:700;border-radius:5px;padding:2px 8px;margin-bottom:9px}#utmBuilderView .req-card.k-source{border-color:#c7e5f5}#utmBuilderView .req-card.k-source .tag{background:#e6f4fc;color:#0b5e88}#utmBuilderView .req-card.k-medium{border-color:#c6e7da}#utmBuilderView .req-card.k-medium .tag{background:#e4f5ef;color:#0b6b44}#utmBuilderView .req-card .q{display:block;font-size:13.5px;font-weight:650;color:var(--u-ink);margin-bottom:6px}#utmBuilderView .req-card .b{display:block;font-size:12.5px;color:var(--u-ink-2)}#utmBuilderView .req-card .ex{display:block;font-size:12.5px;color:var(--u-muted);margin-top:8px}#utmBuilderView .req-card .ex code{font-size:11.5px}#utmBuilderView .do-list{margin:10px 0 0;padding-left:18px}#utmBuilderView .do-list li{margin-bottom:6px;font-size:13px;color:var(--u-ink-2)}#utmBuilderView .empty{padding:56px 24px;text-align:center;color:var(--u-muted)}#utmBuilderView .empty b{display:block;color:var(--u-ink);font-size:15px;margin-bottom:6px}#utmBuilderView .saved-url{font-family:ui-monospace,Consolas,SF Mono,monospace;font-size:11.5px;word-break:break-all;color:var(--u-ink-2);max-width:520px}#utmBuilderView .row-act{display:flex;gap:6px;white-space:nowrap}#utmBuilderView .icon-btn{border:1px solid #D7E1E9;background:#fff;border-radius:6px;padding:4px 9px;font:inherit;font-size:12px;cursor:pointer;color:var(--u-ink-2)}#utmBuilderView .icon-btn:hover{border-color:var(--u-blue);color:var(--u-blue-dark)}#utmBuilderView .storage-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:11px 18px;border-bottom:1px solid var(--u-line);background:#fbfdfe;font-size:12.5px;color:var(--u-muted)}#utmBuilderView .filter-panel{border-bottom:1px solid var(--u-line);background:#fbfdfe;padding:14px 18px}#utmBuilderView .filter-search-row{display:flex;align-items:center;gap:10px;margin-bottom:14px}#utmBuilderView .fs-icon{color:var(--u-muted);flex:none;display:flex}#utmBuilderView .filter-search-row input{flex:1;font:inherit;font-size:13.5px;color:var(--u-ink);border:1px solid #D7E1E9;border-radius:8px;padding:9px 12px;background:#fff}#utmBuilderView .filter-search-row input:focus{outline:none;border-color:var(--u-blue);box-shadow:0 0 0 3px #2298d526}#utmBuilderView .filter-count{font-size:12.5px;color:var(--u-muted);white-space:nowrap;font-variant-numeric:tabular-nums}#utmBuilderView .filter-grid{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}#utmBuilderView .filter-item{flex:1;min-width:150px;display:flex;flex-direction:column}#utmBuilderView .filter-item label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--u-blue-dark);margin-bottom:6px}#utmBuilderView .fi-ico{display:flex;color:var(--u-blue)}#utmBuilderView .filter-item select{width:100%;font:inherit;font-size:13.5px;color:var(--u-ink);border:1px solid #D7E1E9;border-radius:8px;padding:9px 32px 9px 11px;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236B8298' d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center}#utmBuilderView .filter-item select:focus{outline:none;border-color:var(--u-blue);box-shadow:0 0 0 3px #2298d526}#utmBuilderView .clear-filter{flex:none;display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:13px;font-weight:600;color:var(--u-muted);cursor:pointer;border:1px solid #D7E1E9;background:#fff;border-radius:8px;padding:9px 14px;height:38px}#utmBuilderView .clear-filter:hover{border-color:var(--u-err);color:var(--u-err)}#utmBuilderView .method-tag{display:inline-block;font-size:11.5px;font-weight:600;border-radius:20px;padding:2px 9px;white-space:nowrap}#utmBuilderView .method-tag.preset{background:var(--u-blue-soft);color:#0b5e88}#utmBuilderView .method-tag.manual{background:#f0f3f6;color:#41586b}#utmBuilderView #toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,12px);background:var(--u-ink);color:#fff;padding:10px 18px;border-radius:8px;font-size:13px;font-weight:550;opacity:0;pointer-events:none;transition:.18s;z-index:200}#utmBuilderView #toast.show{opacity:1;transform:translate(-50%)}@media (max-width: 1020px){#utmBuilderView .build{grid-template-columns:1fr}#utmBuilderView .side{position:static}#utmBuilderView .two-col,#utmBuilderView .req-grid{grid-template-columns:1fr}}@media (max-width: 620px){#utmBuilderView .utm-topbar,#utmBuilderView .utm-main{padding-left:14px;padding-right:14px}#utmBuilderView .manual{grid-template-columns:1fr}#utmBuilderView .tabs{width:100%;overflow-x:auto}}@media (prefers-reduced-motion: reduce){#utmBuilderView *{transition:none!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--app-bg: #e8f2fb;--sidebar-bg: #d6e9f7;--blue: #1a6abf;--blue-dark: #0d4a8a;--blue-mid: #2176c8;--blue-btn: #3b8fd4;--blue-light: #cde4f5;--blue-xlight: #eaf4fc;--blue-border: #a8cfea;--white: #ffffff;--green: #16a34a;--green-light: #dcfce7;--amber: #d97706;--amber-light: #fef3c7;--red: #dc2626;--red-light: #fff1f2;--text-dark: #1a2b3c;--text-body: #334155;--text-muted: #5a7a96;--text-light: #8aaec8;--border: #c5ddef;--rail-bg: #daeaf6;--rail-icon: #5a8bb0;--rail-active: #1a6abf;--toc-w: 252px;--topbar-h: 44px;--font: "Roboto", sans-serif;--font-mono: "Roboto Mono", monospace}.topbar{position:sticky;top:0;height:var(--topbar-h);background:var(--blue-dark);display:flex;align-items:center;padding:0 20px;gap:0;z-index:100;box-shadow:0 1px 8px #00000038;flex-shrink:0}.topbar-brand{display:flex;align-items:center;gap:8px;color:#ffffffa6;font-size:12px;font-weight:600;letter-spacing:.3px;white-space:nowrap;flex-shrink:0;padding-right:20px;border-right:1px solid rgba(255,255,255,.12);margin-right:8px}.topbar-nav{display:flex;align-items:center;gap:2px;flex:1;overflow-x:auto;scrollbar-width:none}.topbar-nav::-webkit-scrollbar{display:none}.topbar-tab{display:flex;align-items:center;gap:5px;padding:5px 11px;border-radius:6px;font-size:12px;font-weight:500;color:#ffffff94;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:background .15s,color .15s}.topbar-tab:hover{background:#ffffff1a;color:#ffffffe0;text-decoration:none}.topbar-tab.active{background:#ffffff29;color:#fff;font-weight:600}.topbar-tab svg{flex-shrink:0;opacity:.85}.htg-layout{display:flex;position:relative;min-height:100%;background:#fdfdfd}.toc-sidebar{width:var(--toc-w);height:calc(100vh - var(--topbar-h));background:var(--sidebar-bg);border-right:1px solid var(--blue-border);position:sticky;top:var(--topbar-h);overflow-y:auto;z-index:10;flex-direction:column}.toc-sidebar::-webkit-scrollbar{width:3px}.toc-sidebar::-webkit-scrollbar-thumb{background:var(--blue-border);border-radius:3px}.toc-header{padding:14px 14px 10px;border-bottom:1px solid var(--blue-border);position:sticky;top:0;background:var(--sidebar-bg);z-index:10}.toc-header-label{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.toc-search{display:flex;align-items:center;gap:7px;background:#ffffff8c;border:1px solid var(--blue-border);border-radius:7px;padding:6px 10px;font-size:12px;color:var(--text-muted);cursor:text;transition:border-color .15s,background .15s}.toc-search:hover,.toc-search:focus-within{border-color:var(--blue);background:#ffffffe6}.toc-search span{font-size:13px;flex-shrink:0}.toc-search input{border:none;background:transparent;outline:none;font-size:12px;color:var(--text-dark);flex:1;min-width:0;padding:0}.toc-search input::placeholder{color:var(--slate-400, #94a3b8)}.toc-section-label{padding:14px 14px 4px;font-size:9.5px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:var(--text-muted);display:flex;align-items:center;justify-content:space-between;transition:color .15s}.toc-section-label.active{color:var(--blue)}.toc-group{margin-bottom:2px}.toc-link{display:flex;align-items:center;gap:9px;padding:7px 14px;font-size:12.5px;font-weight:500;color:var(--text-body);cursor:pointer;border-left:3px solid transparent;transition:all .13s;text-decoration:none;line-height:1.4;-webkit-user-select:none;user-select:none;border-radius:0 6px 6px 0;margin-right:8px}.toc-link:hover{background:#1a6abf17;color:var(--blue);border-left-color:var(--blue-light)}.toc-link.active{background:#1a6abf21;color:var(--blue);border-left-color:var(--blue);font-weight:600}.toc-link.parent{font-weight:600;color:var(--text-dark);font-size:13px}.toc-link.parent .toc-arrow{margin-left:auto;font-size:10px;color:var(--text-muted);transition:transform .2s}.toc-link.parent.open .toc-arrow{transform:rotate(90deg);color:var(--blue)}.toc-sub{display:none}.toc-sub.open{display:block}.toc-sub .toc-link{padding-left:34px;font-size:12px;font-weight:400;color:var(--text-muted)}.toc-sub .toc-link.active{color:var(--blue);font-weight:600;background:#1a6abf1a;border-left-color:var(--blue)}.toc-link .toc-icon{font-size:14px;width:18px;text-align:center;flex-shrink:0}.toc-badge{margin-left:auto;font-size:9px;font-weight:700;padding:1px 6px;border-radius:10px;background:#fff9;color:var(--text-muted);border:1px solid var(--blue-border)}.toc-badge.new{background:var(--green-light);color:var(--green);border-color:#bbf7d0}.toc-badge.soon{background:var(--amber-light);color:var(--amber);border-color:#fde68a}.toc-badge.launched{background:#dcfce7;border-color:#bbf7d0;color:#15803d;font-weight:700}.toc-footer{margin-top:auto;padding:14px;border-top:1px solid var(--blue-border);font-size:11px;color:var(--text-muted);line-height:1.6}.htg-content{margin-left:0;flex:1;min-width:0;padding:36px 48px 80px;background:#fdfdfd;min-height:100vh}.page{display:none;animation:fadeUp .22s ease}.page.active{display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero{border-radius:14px;padding:30px 34px;color:#fff;margin-bottom:32px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--blue-dark) 0%,var(--blue) 55%,var(--blue-mid) 100%)}.hero.rose{background:linear-gradient(135deg,#881337,var(--blue),#f43f5e)}.hero.green{background:linear-gradient(135deg,#14532d,#16a34a,#22c55e)}.hero.slate{background:linear-gradient(135deg,#1e4060,#2d6a9a,#3b8fd4)}.hero.coming{background:linear-gradient(135deg,#1e3a52,#2d5f88)}.hero:before{content:"";position:absolute;right:-20px;top:-30px;width:150px;height:150px;border-radius:50%;background:#ffffff0d}.hero-eye{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#ffffff80;margin-bottom:8px}.hero h1{font-size:24px;font-weight:800;color:#fff;line-height:1.2;margin-bottom:8px}.hero p{font-size:13.5px;color:#ffffffad;max-width:500px;line-height:1.6}.hero-tags{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.hero-tag{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:3px 12px;font-size:11.5px;color:#ffffffbf;font-weight:500}.sec{scroll-margin-top:24px;margin-bottom:32px}.sec-head{display:flex;align-items:center;gap:12px;margin-top:16px;margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid var(--blue-border)}.sec-num{width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sec-num.rose{background:var(--blue)}.sec-num.green{background:var(--green)}.sec-num.amber{background:var(--amber)}.sec-num.slate{background:#2d6a9a}.sec-head h2{font-size:17px;font-weight:700;color:var(--text-dark);margin-bottom:0}.sec-head .en{font-size:11.5px;color:var(--text-muted);font-weight:400;display:block;margin-top:1px}.steps{display:flex;flex-direction:column}.step-row{display:flex;gap:14px}.step-l{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.step-dot{width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1}.step-dot.rose{background:var(--blue)}.step-dot.green{background:var(--green)}.step-dot.star{background:var(--text-muted);font-size:10px}.step-line{width:2px;flex:1;background:var(--blue-light);margin:4px 0;min-height:16px}.step-row:last-child .step-line{display:none}.step-body{padding-bottom:22px;flex:1;padding-top:3px}.step-body h4{font-size:13.5px;font-weight:600;color:var(--text-dark);margin-bottom:4px}.step-body p{font-size:13px;color:var(--text-muted);line-height:1.65}.step-tag{display:inline-block;margin-top:6px;background:var(--blue-light);color:var(--blue);border-radius:5px;padding:2px 9px;font-size:11px;font-weight:600}.step-tag.common{background:var(--green-light);color:var(--green)}.step-tag.specific{background:var(--amber-light);color:var(--amber)}.ftable{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:16px}.ftable-head{padding:11px 18px;background:var(--blue-xlight);border-bottom:1px solid var(--blue-border);font-size:12px;font-weight:600;color:var(--blue-dark);display:flex;align-items:center;gap:7px}.frow{display:grid;grid-template-columns:200px 1fr;border-bottom:1px solid var(--border)}.frow:last-child{border-bottom:none}.fname{padding:12px 16px;background:#f5fafd;border-right:1px solid var(--border);font-size:12.5px;font-weight:500;color:var(--text-dark);display:flex;flex-direction:column;gap:4px}.fname .vi{font-size:12.5px}.fname .en{font-size:11px;color:var(--text-muted);font-weight:400}.b-req{display:inline-flex;font-size:9.5px;font-weight:700;color:var(--red);background:var(--red-light);border:1px solid #fecdd3;border-radius:4px;padding:1px 5px;width:fit-content}.b-opt{display:inline-flex;font-size:9.5px;font-weight:700;color:var(--text-muted);background:var(--blue-xlight);border:1px solid var(--blue-border);border-radius:4px;padding:1px 5px;width:fit-content}.b-auto{display:inline-flex;font-size:9.5px;font-weight:700;color:#0e7490;background:#ecfeff;border:1px solid #a5f3fc;border-radius:4px;padding:1px 5px;width:fit-content}.fdesc{padding:12px 16px;font-size:13px;color:var(--text-body);line-height:1.65}.callout{background:#fff;border:1px solid var(--blue-border);border-left:4px solid var(--blue);border-radius:0 10px 10px 0;padding:13px 17px;margin:14px 0;font-size:13px;color:var(--text-body);line-height:1.65}.callout.warn{border-color:#fde68a;border-left-color:var(--amber);background:var(--amber-light);color:#78350f}.callout.tip{border-color:#bbf7d0;border-left-color:var(--green);background:var(--green-light);color:#14532d}.callout.info{border-color:var(--blue-border);border-left-color:var(--blue);background:var(--blue-xlight);color:var(--blue-dark)}.callout strong{color:inherit}.note{display:flex;align-items:flex-start;gap:7px;margin-top:7px;background:var(--blue-xlight);border-left:3px solid var(--blue);border-radius:0 6px 6px 0;padding:6px 10px;font-size:12px;color:var(--blue-dark);line-height:1.5}.warn-inline{display:flex;align-items:flex-start;gap:7px;margin-top:7px;background:var(--amber-light);border-left:3px solid var(--amber);border-radius:0 6px 6px 0;padding:6px 10px;font-size:12px;color:#78350f;line-height:1.5}.chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.chip{background:var(--blue-xlight);border:1px solid var(--blue-border);border-radius:5px;padding:2px 9px;font-size:11.5px;color:var(--blue-dark);font-weight:500}.code{font-family:var(--font-mono);font-size:11.5px;background:var(--blue-xlight);border:1px solid var(--blue-border);border-radius:4px;padding:1px 7px;color:var(--blue-dark)}.ptable{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;margin:14px 0}.ptable-head{background:var(--blue-dark);color:#fff;padding:11px 18px;font-size:12.5px;font-weight:600}.prow{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;border-bottom:1px solid var(--border);font-size:13px}.prow:last-child{border-bottom:none}.prow .pval{color:var(--blue);font-weight:600;font-size:13px}.prow .psub{font-size:11.5px;color:var(--text-muted)}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.icard{background:#fff;border:1px solid var(--border);border-radius:10px;padding:16px 18px;transition:box-shadow .15s,border-color .15s}.icard:hover{box-shadow:0 3px 12px #1a6abf1a;border-color:var(--blue-border)}.icard .ic-ico{font-size:20px;margin-bottom:8px}.icard h4{font-size:13px;font-weight:600;color:var(--text-dark);margin-bottom:4px}.icard p{font-size:12px;color:var(--text-muted);line-height:1.55}.gtable{border:1px solid var(--border);border-radius:12px;overflow:hidden;margin:14px 0}.gtable table{width:100%;border-collapse:collapse}.gtable th{background:var(--blue-xlight);color:var(--blue-dark);padding:10px 14px;font-size:12px;font-weight:600;text-align:left;border-bottom:1px solid var(--blue-border)}.gtable td{padding:10px 14px;font-size:12.5px;color:var(--text-body);border-bottom:1px solid var(--border);vertical-align:top;line-height:1.55}.gtable tr:last-child td{border-bottom:none}.gtable tr:nth-child(2n) td{background:var(--blue-xlight)}.coming-block{background:#fff;border:2px dashed var(--blue-border);border-radius:14px;padding:48px 32px;text-align:center}.coming-block .cs-ico{font-size:36px;margin-bottom:14px}.coming-block h3{font-size:17px;font-weight:700;color:var(--text-body);margin-bottom:8px}.coming-block p{font-size:13px;color:var(--text-muted);line-height:1.6;max-width:360px;margin:0 auto}.coming-block .cs-badge{display:inline-flex;align-items:center;gap:6px;background:var(--amber-light);border:1px solid #fde68a;border-radius:20px;padding:4px 14px;font-size:11.5px;color:var(--amber);font-weight:600;margin-top:16px}hr.div{border:none;border-top:1px solid var(--border);margin:28px 0}.workflow-wrap{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px 24px 16px;margin-bottom:24px}.wf-title{font-size:11px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;color:var(--blue);margin-bottom:18px}.wf-steps{display:flex;align-items:flex-start;gap:0;overflow-x:auto;padding-bottom:4px}.wf-step{display:flex;flex-direction:column;align-items:center;min-width:96px;flex-shrink:0}.wf-step-final .wf-body{opacity:1}.wf-dot{width:44px;height:44px;border-radius:50%;background:var(--blue);color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:10px;flex-shrink:0;box-shadow:0 2px 10px #1a6abf47}.wf-body{text-align:center}.wf-name{font-size:12.5px;font-weight:700;color:var(--text-dark);line-height:1.35;margin-bottom:3px}.wf-sub{font-size:10.5px;color:var(--text-muted);line-height:1.3}.wf-arrow{font-size:18px;color:var(--blue-border);padding:0 6px;margin-top:13px;flex-shrink:0}.wf-note{margin-top:14px;padding-top:12px;border-top:1px dashed var(--border)}.preview-guide{border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-top:18px;background:#fff}.pg-header{display:flex;align-items:center;gap:10px;padding:11px 18px;background:var(--blue-xlight);border-bottom:1px solid var(--blue-border)}.pg-badge{font-size:11.5px;font-weight:700;background:var(--blue-xlight);border:1px solid var(--blue-border);color:var(--blue-dark);border-radius:20px;padding:3px 12px}.pg-layout{display:grid;grid-template-columns:1fr 280px;gap:0;border-bottom:1px solid var(--border)}.pg-mock{border-right:1px solid var(--border);background:#fafcff}.pg-mock-topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#fff;border-bottom:1px solid var(--border)}.pg-mock-quoteno{line-height:1.3}.pg-mock-btns{display:flex;gap:5px;flex-wrap:wrap}.pg-btn{font-size:10.5px;font-weight:600;padding:4px 10px;border-radius:6px;cursor:default}.pg-btn-blue{background:var(--blue);color:#fff}.pg-btn-dark{background:var(--blue-dark);color:#fff}.pg-btn-close{background:var(--border);color:var(--text-muted)}.pg-mock-header-row{display:flex;gap:20px;flex-wrap:wrap;padding:8px 16px;background:var(--blue-xlight);border-bottom:1px solid var(--blue-border);font-size:11px;color:var(--text-body)}.pg-mock-header-row strong{color:var(--text-muted);margin-right:4px}.pg-mock-banner{padding:10px 16px;background:var(--blue-xlight);border-bottom:1px solid var(--blue-border);text-align:center;font-size:12px;color:var(--blue-dark)}.pg-annotations{padding:14px 16px;display:flex;flex-direction:column;gap:12px}.pg-ann{display:flex;gap:10px;align-items:flex-start}.pg-ann-num{width:22px;height:22px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;margin-top:1px}.pg-ann-body{flex:1}.pg-ann-body strong{font-size:12px;font-weight:600;color:var(--text-dark);display:block;margin-bottom:2px}.pg-ann-body p{font-size:11.5px;color:var(--text-muted);line-height:1.5}.pg-checklist{padding:14px 18px;background:var(--green-light);border-top:1px solid #bbf7d0}.pg-cl-title{font-size:12px;font-weight:700;color:var(--green);margin-bottom:10px}.pg-cl-items{display:flex;flex-direction:column;gap:6px}.pg-cl-item{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#14532d;line-height:1.5}.pg-cl-check{width:18px;height:18px;background:var(--green);color:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.pg-cl-check.warn-check{background:var(--amber);color:#fff}.anchor-pill{background:#fff;border:1px solid var(--border);border-radius:20px;padding:5px 14px;font-size:12px;font-weight:500;color:var(--text-body);cursor:pointer;transition:all .13s;text-decoration:none}.anchor-pill:hover{background:var(--blue-xlight);color:var(--blue);border-color:var(--blue-border)}@media (max-width: 1024px){:root{--toc-w: 0px}.toc-sidebar{transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1),left .22s;box-shadow:none;z-index:250}.toc-sidebar.toc-open{transform:translate(0);box-shadow:4px 0 24px #0000001f}.htg-content{margin-left:0;padding:28px 32px 80px;max-width:100%}.toc-toggle-btn{display:flex!important}.topbar{padding:0 12px}.topbar-brand span{display:none}.topbar-brand{padding-right:12px;margin-right:4px}.topbar-tab{padding:5px 8px;font-size:11.5px;gap:4px}.toc-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:240}.toc-overlay.active{display:block}.frow{grid-template-columns:1fr}.fname{border-right:none;border-bottom:1px solid var(--border);background:var(--blue-xlight)}.pg-layout{grid-template-columns:1fr}.pg-mock{border-right:none;border-bottom:1px solid var(--border)}}@media (max-width: 680px){body{padding-bottom:20px}.topbar{padding:0 8px}.topbar-brand,.topbar-tab span{display:none}.topbar-tab{padding:6px 7px;gap:0}.htg-content{margin-left:0;padding:20px 16px 40px}.toc-sidebar{width:85vw;max-width:320px;top:0;height:100vh;transform:translate(-110%)}.toc-sidebar.toc-open{transform:translate(0)}.hero{padding:22px 20px}.hero h1{font-size:19px}.hero p{font-size:12.5px}.hero-tags{gap:6px}.hero-tag{font-size:10.5px;padding:2px 9px}.workflow-wrap{padding:14px 14px 12px;overflow-x:auto}.wf-step{min-width:76px}.wf-name{font-size:11px}.wf-sub{font-size:9.5px}.wf-dot{width:34px;height:34px;font-size:13px}.wf-arrow{font-size:15px;padding:0 3px;margin-top:10px}.anchor-bar{gap:5px}.anchor-pill{font-size:11px;padding:4px 10px}.frow{grid-template-columns:1fr}.fname{padding:8px 12px;border-right:none;border-bottom:1px solid var(--border)}.fdesc{padding:10px 12px}.sec-head h2{font-size:15px}.pg-layout{grid-template-columns:1fr}.pg-mock{border-right:none;border-bottom:1px solid var(--border)}.pg-mock-btns{flex-wrap:wrap;gap:4px}.pg-mock-header-row{flex-direction:column;gap:4px}.pg-annotations{padding:12px}.card-grid{grid-template-columns:1fr}.gtable{overflow-x:auto}.gtable table{min-width:480px}.prow{flex-direction:column;align-items:flex-start;gap:2px}.prow .pval{font-size:12px}}.toc-toggle-btn{display:none;position:fixed;top:12px;left:10px;z-index:260;width:34px;height:34px;background:var(--blue);border:none;border-radius:8px;color:#fff;font-size:15px;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 2px 8px #1a6abf4d;transition:background .13s;font-family:var(--font)}.toc-toggle-btn:hover{background:var(--blue-dark)}.feat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:8px}.feat-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:18px;display:flex;gap:14px;align-items:flex-start;transition:box-shadow .15s,border-color .15s}.feat-card:hover{box-shadow:0 4px 16px #1a6abf17;border-color:var(--blue-border)}.feat-icon-wrap{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feat-body h4{font-size:13.5px;font-weight:700;color:var(--text-dark);margin-bottom:6px;line-height:1.3}.feat-body p{font-size:12.5px;color:var(--text-muted);line-height:1.6;margin-bottom:10px}.feat-tags{display:flex;flex-wrap:wrap;gap:5px}.feat-tags span{font-size:11px;font-weight:500;background:var(--blue-xlight);border:1px solid var(--blue-border);color:var(--blue-dark);border-radius:20px;padding:2px 9px}.qs-steps{display:flex;flex-direction:column}.qs-step{display:flex;gap:14px}.qs-left{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.qs-dot{width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1}.qs-dot-final{background:var(--green)}.qs-line{width:2px;flex:1;background:var(--blue-border);margin:4px 0;min-height:18px}.qs-body{padding-bottom:24px;flex:1;padding-top:3px}.qs-body h4{font-size:13.5px;font-weight:600;color:var(--text-dark);margin-bottom:5px}.qs-body p{font-size:13px;color:var(--text-body);line-height:1.65}.qs-time{display:inline-flex;align-items:center;font-size:10.5px;font-weight:600;background:var(--blue-xlight);border:1px solid var(--blue-border);color:var(--blue-dark);border-radius:20px;padding:2px 10px;margin-bottom:7px}.qs-tip{margin-top:8px;background:var(--amber-light);border-left:3px solid var(--amber);border-radius:0 6px 6px 0;padding:6px 10px;font-size:12px;color:#78350f;line-height:1.5}.qs-result{margin-top:10px;background:var(--green-light);border:1px solid #bbf7d0;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600;color:var(--green)}.kbd{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:11px;font-weight:600;background:#fff;border:1px solid var(--border);border-bottom:2px solid var(--border);border-radius:5px;padding:1px 7px;color:var(--text-dark);box-shadow:0 1px 0 var(--border)}@media (max-width: 680px){.feat-grid{grid-template-columns:1fr}.feat-card{padding:14px}}.qs-widget{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 2px 16px #1a6abf12}.qs-widget-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--blue-dark);color:#fff;gap:12px}.qs-widget-title{display:flex;flex-direction:column;gap:3px}.qs-widget-label{font-size:13px;font-weight:700;color:#fff}.qs-widget-hint{font-size:11.5px;color:#fff9}.qs-progress-wrap{display:flex;align-items:center;gap:10px;flex-shrink:0}.qs-progress-bar{width:120px;height:5px;background:#fff3;border-radius:10px;overflow:hidden}.qs-progress-fill{height:100%;background:#4ade80;border-radius:10px;transition:width .3s;width:16.6%}.qs-progress-text{font-size:11.5px;color:#ffffffb3;white-space:nowrap}.qs-pill-row{display:flex;align-items:center;padding:10px 16px;background:var(--blue-xlight);border-bottom:1px solid var(--blue-border);overflow-x:auto;gap:4px;scrollbar-width:none}.qs-pill-row::-webkit-scrollbar{display:none}.qs-pill{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;border:1px solid var(--blue-border);background:#fff;cursor:pointer;font-size:11.5px;font-weight:500;color:var(--text-muted);transition:all .15s;white-space:nowrap;flex-shrink:0}.qs-pill:hover{background:var(--blue-xlight);color:var(--blue)}.qs-pill.active{background:var(--blue);color:#fff;border-color:var(--blue)}.qs-pill-num{font-weight:700;font-size:11px}.qs-pill-num-green{color:var(--green)}.qs-pill.active .qs-pill-num-green{color:#fff}.qs-pill-sep{color:var(--blue-border);font-size:13px;flex-shrink:0}.qs-panels{min-height:320px}.qs-panel{display:none}.qs-panel.active{display:block;animation:qsFadeIn .2s ease}@keyframes qsFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.qs-panel-layout{display:grid;grid-template-columns:1fr 1fr;gap:0}.qs-panel-left{padding:22px;border-right:1px solid var(--border)}.qs-step-badge{display:inline-flex;align-items:center;gap:7px;background:var(--blue-xlight);border:1px solid var(--blue-border);border-radius:20px;padding:3px 12px;font-size:11.5px;font-weight:700;color:var(--blue-dark);margin-bottom:10px}.qs-time-badge{font-size:10.5px;font-weight:600;background:var(--blue);color:#fff;border-radius:10px;padding:1px 8px}.qs-panel-title{font-size:15px;font-weight:700;color:var(--text-dark);margin-bottom:8px;line-height:1.3}.qs-panel-desc{font-size:12.5px;color:var(--text-body);line-height:1.65;margin-bottom:14px}.qs-fields{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.qs-field{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:7px;background:var(--slate-50, #f8fafc);border:1px solid var(--border);font-size:12px}.qs-field-req{border-left:3px solid var(--blue)}.qs-field-auto{border-left:3px solid #0e7490}.qs-field-label{font-weight:500;color:var(--text-dark)}.qs-field-note{font-size:11px;color:var(--text-muted)}.qs-field-or{text-align:center;font-size:11px;color:var(--text-light)}.qs-tip-box{background:var(--amber-light);border-left:3px solid var(--amber);border-radius:0 7px 7px 0;padding:8px 12px;font-size:12px;color:#78350f;line-height:1.5}.qs-auto-note{margin-top:10px;font-size:12px;color:var(--blue-dark);background:var(--blue-xlight);border-radius:6px;padding:7px 10px}.qs-service-note{background:var(--slate-50, #f8fafc);border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-bottom:12px}.qs-service-note-title{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:7px}.qs-service-note-item{display:flex;align-items:flex-start;gap:7px;font-size:12px;color:var(--text-body);margin-bottom:4px;line-height:1.5}.qs-sn-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px}.qs-sn-dot.blue{background:var(--blue)}.qs-sn-dot.red{background:var(--red)}.qs-sn-dot.gray{background:var(--text-muted)}.qs-panel-right{padding:18px;background:var(--app-bg)}.qs-mock-frame{background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden;font-family:var(--font);position:relative}.qs-mock-step-label{padding:8px 12px;background:var(--blue-xlight);border-bottom:1px solid var(--blue-border);font-size:11px;font-weight:600;color:var(--blue-dark)}.qs-mock-search-area{padding:10px 12px}.qs-mock-field-row{display:flex;align-items:center;gap:8px}.qs-mock-input{flex:1;border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:11px;color:var(--text-muted);background:#fff}.qs-mock-highlight{border-color:var(--blue)!important;box-shadow:0 0 0 2px #1a6abf1f}.qs-mock-auto{border-color:#0e7490!important}.qs-mock-filled{color:var(--text-dark)!important}.qs-mock-or-text{font-size:10.5px;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.qs-mock-info-row{margin-top:8px;font-size:11px;color:var(--text-muted);padding:0 2px}.qs-mock-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px}.qs-mock-formfield{display:flex;flex-direction:column;gap:4px}.qs-mock-flabel{font-size:10.5px;font-weight:600;color:var(--text-body)}.qs-req-star{color:var(--red);font-weight:700}.qs-mock-select{border:1px solid var(--border);border-radius:6px;padding:5px 8px;font-size:11px;color:var(--text-muted);background:#fff;cursor:default}.qs-mock-input-sm{border:1px solid var(--border);border-radius:6px;padding:5px 8px;font-size:11px;color:var(--text-muted);background:#fff}.qs-mock-options{border:1px solid var(--blue-border);border-radius:6px;overflow:hidden;margin-top:2px}.qs-mock-option{padding:4px 8px;font-size:10.5px;color:var(--text-body);border-bottom:1px solid var(--border);cursor:default}.qs-mock-option:last-child{border-bottom:none}.qs-mock-option:first-child{background:var(--blue-xlight);color:var(--blue);font-weight:600}.qs-mock-summary-mini{margin:8px 12px;padding:8px 10px;background:var(--blue-xlight);border:1px solid var(--blue-border);border-radius:7px}.qs-mock-sum-title{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px}.qs-mock-sum-row{display:flex;justify-content:space-between;font-size:11px;color:var(--text-body)}.qs-mock-sum-val{color:var(--blue);font-weight:600}.qs-mock-tab-hint{padding:6px 12px;background:#fffbeb;border-top:1px solid #fde68a;font-size:11px;color:#78350f;display:flex;align-items:center;gap:6px}.qs-mock-btn-row{display:flex;gap:8px;padding:10px 12px;background:var(--blue-xlight);border-top:1px solid var(--blue-border)}.qs-mock-btn-outline{flex:1;text-align:center;padding:7px;border-radius:7px;border:1.5px solid var(--blue);color:var(--blue);font-size:11.5px;font-weight:600;cursor:default;background:#fff}.qs-mock-btn-solid{flex:1;text-align:center;padding:7px;border-radius:7px;background:var(--blue);color:#fff;font-size:11.5px;font-weight:600;cursor:default}.qs-mock-preview{font-size:11.5px}.qs-mock-preview-topbar{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;border-bottom:1px solid var(--border)}.qs-mock-pbtn{padding:3px 7px;border-radius:5px;font-size:10px;font-weight:600;cursor:default}.qs-mock-pbtn.blue{background:var(--blue);color:#fff}.qs-mock-pbtn.dark{background:var(--blue-dark);color:#fff}.qs-mock-pbtn.close{background:var(--border);color:var(--text-muted)}.qs-mock-preview-meta{display:flex;gap:14px;padding:6px 10px;background:var(--blue-xlight);border-bottom:1px solid var(--blue-border);font-size:10.5px;flex-wrap:wrap}.qs-mock-preview-banner{padding:7px 10px;text-align:center;background:var(--blue-xlight);border-bottom:1px solid var(--blue-border);font-size:11px;color:var(--blue-dark)}.qs-mock-preview-body{padding:10px 12px;font-size:11.5px;color:var(--text-body);line-height:1.6}.qs-mock-preview-table{margin-top:8px;border:1px solid var(--border);border-radius:6px;overflow:hidden}.qs-mock-pt-head{padding:5px 8px;background:var(--blue-dark);color:#fff;font-size:10px;font-weight:600;text-align:center}.qs-mock-pt-row{display:flex;justify-content:space-between;padding:4px 8px;border-bottom:1px solid var(--border);font-size:10.5px}.qs-mock-pt-row:last-child{border-bottom:none}.qs-nav-row{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--blue-xlight);border-top:1px solid var(--blue-border)}.qs-nav-btn{padding:7px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:1.5px solid var(--blue-border);font-family:var(--font);background:#fff;color:var(--blue);transition:all .15s}.qs-nav-btn:hover:not(:disabled){background:var(--blue);color:#fff;border-color:var(--blue)}.qs-nav-btn:disabled{opacity:.35;cursor:not-allowed}.qs-nav-next{background:var(--blue);color:#fff;border-color:var(--blue)}.qs-nav-next:hover{background:var(--blue-dark)!important;border-color:var(--blue-dark)!important}.qs-nav-next:disabled{background:var(--border);border-color:var(--border);color:var(--text-muted)}.qs-dot-row{display:flex;gap:7px;align-items:center}.qs-nav-dot{width:8px;height:8px;border-radius:50%;background:var(--blue-border);cursor:pointer;transition:all .15s}.qs-nav-dot.active{background:var(--blue);transform:scale(1.3)}.qs-nav-dot:hover{background:var(--blue-mid)}.qs-mock-annotation{position:absolute;display:flex;align-items:center}.qs-ann-dot{width:8px;height:8px;border-radius:50%;background:var(--blue)}.qs-ann-line{height:1.5px;background:var(--blue)}.qs-ann-label{background:var(--blue);color:#fff;font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px;white-space:nowrap}.wf-legend{display:flex;gap:20px;align-items:center;padding:10px 0;margin-bottom:16px;flex-wrap:wrap}.wf-legend-item{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--text-body)}.wf-legend-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.wf-legend-dot.user{background:var(--blue)}.wf-legend-dot.auto{background:var(--green)}.wf-legend-dot.pending{background:var(--slate-300, #cbd5e1)}.wf-swimlanes{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#fff}.wf-lane-labels{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;border-bottom:2px solid var(--border)}.wf-lane-label{padding:10px 14px;text-align:center;font-size:11.5px;font-weight:700;letter-spacing:.3px;border-right:1px solid var(--border)}.wf-lane-label:last-child{border-right:none}.wf-lane-label.qt{background:#eff6ff;color:var(--blue-dark)}.wf-lane-label.email{background:#fffbeb;color:#78350f}.wf-lane-label.jira{background:#f0f9ff;color:#0369a1}.wf-lane-label.crm{background:#f0fdf4;color:#15803d}.wf-lane-label.drive{background:#fdf4ff;color:#7e22ce}.wf-phase-label{grid-column:1 / -1;padding:7px 16px;background:var(--slate-100, #f1f5f9);font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:.3px;text-transform:uppercase;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.wf-flow-col{display:flex;flex-direction:column}.wf-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;border-top:none}.wf-cell{padding:16px 12px;border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:8px;min-height:80px}.wf-cell:last-child{border-right:none}.wf-cell.qt{background:#fafeff}.wf-cell.email{background:#fffef5}.wf-cell.jira{background:#f7fcff}.wf-cell.crm{background:#f7fdf9}.wf-cell.drive{background:#fdf7ff}.wf-cell-empty{opacity:.3;background:repeating-linear-gradient(45deg,transparent,transparent 6px,rgba(0,0,0,.015) 6px,rgba(0,0,0,.015) 12px)}.wf-node{width:100%;border-radius:10px;padding:10px 12px;display:flex;align-items:flex-start;gap:8px;border:1.5px solid;cursor:pointer;transition:box-shadow .15s,transform .12s;position:relative}.wf-node:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0000001a}.wf-node.user{background:var(--blue-xlight);border-color:var(--blue-border)}.wf-node.auto{background:var(--green-light);border-color:#bbf7d0;cursor:default}.wf-node.auto:hover{transform:none;box-shadow:none}.wf-node.pending{background:var(--slate-100, #f1f5f9);border-color:var(--slate-200, #e2e8f0);border-style:dashed;cursor:default;opacity:.75}.wf-node.pending:hover{transform:none;box-shadow:none}.wf-node-icon{flex-shrink:0;margin-top:1px}.wf-node-icon svg{stroke:var(--blue)}.wf-node-icon.auto-icon svg{stroke:var(--green)}.wf-node-icon.pending-icon svg{stroke:var(--slate-400, #94a3b8)}.wf-node-body{flex:1;min-width:0}.wf-node-title{font-size:12px;font-weight:700;color:var(--text-dark);line-height:1.3;margin-bottom:2px}.wf-node-sub{font-size:10.5px;color:var(--text-muted);line-height:1.3}.wf-node-badge{position:absolute;top:-8px;right:8px;font-size:9px;font-weight:700;letter-spacing:.3px;border-radius:10px;padding:1px 7px;white-space:nowrap}.user-badge{background:var(--blue);color:#fff}.auto-badge{background:var(--green);color:#fff}.pending-badge{background:var(--slate-400, #94a3b8);color:#fff}.wf-detail{display:none;width:100%;background:#fff;border:1px solid var(--blue-border);border-radius:8px;padding:9px 12px;font-size:11.5px;color:var(--text-body);line-height:1.6;animation:wfDetailIn .18s ease}.wf-detail.open{display:block}@keyframes wfDetailIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.wf-code{display:inline-block;margin-top:5px;font-family:var(--font-mono);font-size:10.5px;background:var(--blue-xlight);border:1px solid var(--blue-border);border-radius:5px;padding:3px 8px;color:var(--blue-dark);line-height:1.6;white-space:normal;word-break:break-all}.wf-down-arrow{width:2px;height:16px;background:var(--border);position:relative;flex-shrink:0}.wf-down-arrow:after{content:"▼";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);font-size:8px;color:var(--border)}.wf-node-or{font-size:10.5px;color:var(--text-muted);text-align:center;font-style:italic}.wf-footnote{margin-top:12px;padding:10px 14px;background:var(--blue-xlight);border-radius:8px;font-size:12px;color:var(--text-muted);line-height:1.6}@media (max-width: 900px){.wf-lane-labels,.wf-row{grid-template-columns:1fr 1fr}.wf-cell.email,.wf-cell.drive,.wf-lane-label.email,.wf-lane-label.drive{display:none}}@media (max-width: 600px){.wf-lane-labels,.wf-row{grid-template-columns:1fr}.wf-cell.jira,.wf-cell.crm,.wf-lane-label.jira,.wf-lane-label.crm{display:none}}.ta-market-tabs{margin-top:16px}.ta-market-tab-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;padding:8px 0;margin-bottom:10px;border-bottom:1px solid var(--border)}.ta-markets{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.ta-market-card{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}.ta-market-header{padding:9px 14px;font-size:12.5px;font-weight:700;color:#fff}.ta-market-header.sg{background:#0d4a8a}.ta-market-header.hk{background:#991b1b}.ta-market-header.us{background:#1e3a5f}.ta-market-header.of{background:#065f46}.ta-market-body{padding:12px 14px}.ta-market-section-title{font-size:10.5px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.7px;margin:10px 0 6px}.ta-market-section-title:first-child{margin-top:0}#guidetouseView .ta-adj-list{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}#guidetouseView .ta-adj-row{display:flex;align-items:center;gap:7px;font-size:12px}#guidetouseView .ta-adj-disabled{opacity:.4}#guidetouseView .ta-adj-label{flex:1;color:var(--text-body)}#guidetouseView .ta-adj-target{font-size:11px;color:var(--text-muted)}#guidetouseView .ta-adj-badge{font-size:10px;font-weight:700;border-radius:4px;padding:2px 7px;white-space:nowrap;flex-shrink:0}#guidetouseView .ta-adj-badge.increase{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}#guidetouseView .ta-adj-badge.decrease{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}#guidetouseView .ta-adj-badge.neutral{background:var(--blue-xlight);color:var(--blue-dark);border:1px solid var(--blue-border)}.ta-summary-example{background:var(--blue-xlight);border:1px solid var(--blue-border);border-radius:8px;overflow:hidden}.ta-sum-title{font-size:10px;font-weight:700;color:var(--blue-dark);padding:5px 10px;background:var(--blue-xlight);border-bottom:1px solid var(--blue-border)}.ta-sum-row{display:flex;justify-content:space-between;padding:4px 10px;font-size:11.5px;border-bottom:1px solid var(--blue-border)}.ta-sum-row:last-child{border-bottom:none}@media (max-width: 768px){.ta-markets{grid-template-columns:1fr}}.wf-ext-link{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--blue);text-decoration:none;background:#fff;border:1px solid var(--blue-border);border-radius:6px;padding:4px 10px;margin-top:2px;transition:background .13s}.wf-ext-link:hover{background:var(--blue-xlight)}.cid-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.cid-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:18px;transition:box-shadow .15s,border-color .15s}.cid-card:hover{box-shadow:0 4px 14px #1a6abf14;border-color:var(--blue-border)}.cid-card-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:11px}.cid-card h4{font-size:13px;font-weight:700;color:var(--text-dark);margin-bottom:6px;line-height:1.35}.cid-card p{font-size:12.5px;color:var(--text-muted);line-height:1.65}.cid-format-box{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:20px}.cid-format-title{padding:10px 18px;background:var(--blue-dark);color:#fff;font-size:12px;font-weight:700}.cid-format-demo{display:grid;grid-template-columns:auto 1fr;gap:0;border-bottom:1px solid var(--border)}.cid-format-code{display:flex;align-items:center;gap:0;padding:20px 24px;border-right:1px solid var(--border);background:var(--blue-xlight);font-family:var(--font-mono);font-size:22px;font-weight:800;letter-spacing:1px}.cid-part{padding:4px 10px;border-radius:7px}.cid-part.prefix{background:var(--blue);color:#fff}.cid-part.yymm{background:var(--green-light);color:#14532d;border:2px solid #bbf7d0}.cid-part.seq{background:var(--amber-light);color:#78350f;border:2px solid #fde68a}.cid-sep{color:var(--text-muted);padding:0 2px;font-size:18px}.cid-format-legend{padding:14px 18px;display:flex;flex-direction:column;gap:8px}.cid-legend-row{display:flex;align-items:flex-start;gap:9px}.cid-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:4px}.cid-legend-key{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--text-dark);min-width:44px;flex-shrink:0}.cid-legend-desc{font-size:12.5px;color:var(--text-body);line-height:1.5}.cid-format-examples{padding:12px 18px;background:var(--slate-50, #f8fafc);display:flex;align-items:center;gap:16px;flex-wrap:wrap}.cid-example-label{font-size:10.5px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px}.cid-examples-row{display:flex;gap:16px;flex-wrap:wrap}.cid-example{display:flex;align-items:center;gap:8px}.cid-example-note{font-size:12px;color:var(--text-muted)}.cid-lifecycle{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}.cid-lifecycle-title{padding:10px 18px;background:var(--blue-xlight);border-bottom:1px solid var(--blue-border);font-size:12px;font-weight:700;color:var(--blue-dark)}.cid-timeline{display:flex;align-items:flex-start;padding:18px 20px;gap:0}.cid-tl-item{display:flex;flex-direction:column;align-items:center;flex:1;gap:8px;text-align:center}.cid-tl-dot{width:32px;height:32px;border-radius:50%;flex-shrink:0;box-shadow:0 2px 8px #00000026}.cid-tl-body{text-align:center}.cid-tl-stage{font-size:13px;font-weight:700;color:var(--text-dark);margin-bottom:5px}.cid-tl-desc{font-size:12px;color:var(--text-muted);line-height:1.6}.cid-tl-connector{flex-shrink:0;margin-top:15px;width:40px;height:2px;background:repeating-linear-gradient(90deg,var(--blue-border) 0,var(--blue-border) 6px,transparent 6px,transparent 10px)}@media (max-width: 768px){.cid-grid,.cid-format-demo{grid-template-columns:1fr}.cid-format-code{border-right:none;border-bottom:1px solid var(--border)}.cid-timeline{flex-direction:column;align-items:flex-start;gap:12px}.cid-tl-connector{width:2px;height:20px;margin:0 15px;background:var(--blue-border)}.cid-tl-item{flex-direction:row;text-align:left}.cid-tl-body{text-align:left}}.wf-sync-fields{display:flex;flex-direction:column;gap:5px}.wf-sync-row{display:flex;align-items:center;gap:8px}.wf-sync-tag{font-size:10.5px;font-weight:700;font-family:var(--font-mono);background:var(--green-light);border:1px solid #bbf7d0;color:#14532d;border-radius:5px;padding:2px 8px;white-space:nowrap;flex-shrink:0}.wf-sync-desc{font-size:11.5px;color:var(--text-muted)}.qs-btn-options{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.qs-btn-opt{border:1px solid var(--border);border-radius:9px;overflow:hidden}.qs-btn-opt-alt{opacity:.92}.qs-btn-opt-header{display:flex;align-items:center;gap:8px;padding:7px 12px;background:var(--blue-xlight);border-bottom:1px solid var(--blue-border)}.qs-btn-opt-tag{font-size:10.5px;font-weight:700;border-radius:5px;padding:2px 9px}.qs-btn-opt-via{font-size:11px;color:var(--text-muted)}.qs-btn-opt-steps{padding:8px 12px;display:flex;flex-direction:column;gap:5px}.qs-bos-item{display:flex;align-items:flex-start;gap:7px;font-size:12px;color:var(--text-body);line-height:1.5}.qs-bos-n{width:18px;height:18px;border-radius:50%;flex-shrink:0;background:var(--blue-xlight);border:1px solid var(--blue-border);color:var(--blue);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.qs-bos-icon{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;font-family:var(--font-mono);font-size:10px;font-weight:700;border-radius:4px;padding:1px 5px}.qs-btn-opt-note{margin:0 12px 8px;background:var(--blue-xlight);border:1px solid var(--blue-border);border-radius:6px;padding:5px 10px;font-size:11px;color:var(--blue-dark);font-style:italic}.qs-priority-box{background:#fff;border:1px solid var(--border);border-radius:9px;overflow:hidden}.qs-priority-title{padding:7px 12px;background:var(--blue-dark);color:#fff;font-size:11px;font-weight:700}.qs-priority-items{padding:8px 12px;display:flex;flex-direction:column;gap:6px}.qs-pri-item{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--text-body);line-height:1.5}.qs-pri-badge{width:20px;height:20px;border-radius:50%;flex-shrink:0;background:var(--blue);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.qs-pri-neutral{background:var(--text-muted)}.qs-mock-pbtn{position:relative}.qs-btn-tooltip{display:none;position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%);background:var(--blue-dark);color:#fff;font-size:10px;font-weight:500;white-space:nowrap;padding:3px 8px;border-radius:5px;pointer-events:none;z-index:10}.qs-mock-pbtn:hover .qs-btn-tooltip{display:block}.qs-flow-demo{padding:10px 12px;background:#fff}.qs-flow-title{font-size:10.5px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.7px;margin-bottom:8px}.qs-flow-steps{display:flex;flex-direction:column;gap:6px}.qs-flow-step{display:flex;align-items:center;gap:8px}.qs-flow-step-num{width:20px;height:20px;border-radius:50%;flex-shrink:0;background:var(--blue-xlight);border:1px solid var(--blue-border);color:var(--blue);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.qs-flow-step-content{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:1}.qs-flow-mock-btn{font-size:10.5px;font-weight:600;padding:3px 9px;border-radius:5px;cursor:default}.qs-flow-mock-btn.blue{background:var(--blue);color:#fff}.qs-flow-arrow{color:var(--blue-border);font-size:13px}.qs-zoho-toolbar{display:flex;align-items:center;gap:3px;background:var(--slate-100, #f1f5f9);border:1px solid var(--border);border-radius:6px;padding:4px 8px;position:relative}.qs-ztool{font-size:11px;padding:2px 5px;border-radius:4px;color:var(--text-muted);cursor:default}.qs-ztool-active{background:var(--blue);color:#fff;font-weight:700;font-family:var(--font-mono)}.qs-ztool-tooltip{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);background:var(--blue-dark);color:#fff;font-size:10px;font-weight:600;white-space:nowrap;padding:3px 8px;border-radius:5px}