:root{--blue: #2F60FF;--blue-dark: #1A3FCC;--blue-light: #EEF2FF;--blue-mid: #C7D4FF;--lime: #DAFF01;--ypym-black: #0B0F41;--ypym-white: #FBFBFB;--bg: #F4F7FF;--surface: #FFFFFF;--surface-2: #F0F4FF;--border: #D8E2FF;--border-2: #E8EDFF;--text: #0B0F41;--text-2: #4B5A8A;--text-3: #8B96C0;--sidebar-bg: #FFFFFF;--panel-bg: #FFFFFF;--input-bg: #F8FAFF;--tag-bg: #EEF2FF;--tag-text: #2F60FF;--scroll: #C7D4FF;--shadow-sm: 0 1px 3px rgba(47,96,255,.08);--shadow-md: 0 4px 16px rgba(47,96,255,.1);--shadow-lg: 0 8px 32px rgba(47,96,255,.12);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--font-sans: --font-display: "Google Sans Flex", --btn-height: 39.5px;--btn-height-sm: 30px;--btn-radius: 6px;--btn-shadow: 0 4px 0 0 rgba(0,0,0,.15), 0 6px 16px rgba(0,0,0,.1);--btn-shadow-hover: 0 2px 0 0 rgba(0,0,0,.15), 0 3px 8px rgba(0,0,0,.1);--btn-shadow-active: 0 1px 0 0 rgba(0,0,0,.15), 0 1px 4px rgba(0,0,0,.08)}[data-theme=dark]{--bg: #07092B;--surface: #0D1145;--surface-2: #111850;--border: #1E2765;--border-2: #182060;--text: #F0F4FF;--text-2: #8B9DD8;--text-3: #4A5898;--sidebar-bg: #0D1145;--panel-bg: #0D1145;--input-bg: #111850;--tag-bg: #1A2870;--tag-text: #7DA0FF;--scroll: #1E2765}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;overflow-x:clip}body{height:100%;font-family:var(--font-sans);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;transition:background .2s,color .2s;overflow-x:clip}input,textarea,select,button{font-family:inherit;font-size:inherit}button{cursor:pointer;border:none;background:none}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:99px}.m-topbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 14px;background:var(--surface);border-bottom:1px solid var(--border)}.m-topbar-left{display:flex;align-items:center;gap:8px}.m-topbar-logo-img{height:20px;width:auto;-o-object-fit:contain;object-fit:contain;display:block}.m-topbar-logo-light{display:block}.m-topbar-logo-dark,[data-theme=dark] .m-topbar-logo-light{display:none}[data-theme=dark] .m-topbar-logo-dark{display:block}.m-logo-text{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--blue);letter-spacing:-.3px}.m-topbar-right{display:flex;align-items:center;gap:6px}.m-btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--btn-radius);color:var(--text-2);transition:background .15s,color .15s}.m-btn-icon:hover{background:var(--blue-light);color:var(--blue);transform:translateY(1px)}[data-theme=dark] .m-btn-icon:hover{background:var(--tag-bg);color:#7da0ff}.m-arrow-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--btn-radius);background:var(--blue);color:#fff;box-shadow:var(--btn-shadow);transition:all .15s}.m-arrow-btn:hover{background:var(--blue-dark);transform:translateY(1px);box-shadow:var(--btn-shadow-hover)}.m-arrow-btn:active{transform:translateY(3px);box-shadow:var(--btn-shadow-active)}.m-content{padding:48px 0 100px;min-height:100vh}.m-section-hdr{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 8px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);background:var(--surface);border-bottom:1px solid var(--border-2);position:sticky;top:48px;z-index:10}.m-tab-bar{display:flex;gap:0;border-bottom:1px solid var(--border-2);background:var(--surface);padding:0 14px;position:sticky;top:48px;z-index:10}.m-tab{display:inline-flex;align-items:center;gap:5px;padding:10px 14px;font-size:14px;font-weight:600;color:var(--text-3);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s;border-radius:0;flex:1;justify-content:center}.m-tab:hover{color:var(--text-2)}.m-tab.active{color:var(--blue);border-bottom-color:var(--blue)}.m-tab-panel{display:none}.m-tab-panel.active{display:block}.m-group-hdr{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);padding:10px 14px 4px}.m-radio-item{display:flex;align-items:flex-start;gap:9px;padding:9px 14px;cursor:pointer;transition:background .1s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.m-radio-item:hover,.m-radio-item.active{background:var(--blue-light)}[data-theme=dark] .m-radio-item:hover,[data-theme=dark] .m-radio-item.active{background:#2f60ff1f}.m-radio-item input[type=radio]{accent-color:var(--blue);margin-top:3px;flex-shrink:0;width:15px;height:15px;cursor:pointer}.m-ri-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.m-ri-name{font-size:14px;font-weight:500;color:var(--text);line-height:1.3}.m-ri-desc{font-size:14px;color:var(--text-3);line-height:1.3}.m-ri-price{font-size:14px;font-weight:600;color:var(--blue);white-space:nowrap;flex-shrink:0;padding-top:2px}.m-ri-price small{font-weight:400;font-size:14px}.m-ri-badge{font-size:14px;background:#5ab00126;color:#4a8000;padding:1px 5px;border-radius:99px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;display:inline-flex;align-items:center;vertical-align:middle;margin-left:4px}[data-theme=dark] .m-ri-badge{background:#daff011f;color:#b8d400}.m-addon-section-hdr{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);padding:12px 14px 6px;background:var(--surface);border-top:1px solid var(--border)}.m-addon-section-hdr.no-border{border-top:none}.m-addon-section-hdr.clickable{cursor:pointer}.m-addon-section-hdr.clickable:hover{color:var(--text-2)}.m-addon-body.collapsed{display:none}.m-addon-item{display:flex;align-items:flex-start;gap:9px;padding:8px 14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .1s}.m-addon-item:hover:not(.m-addon-locked){background:var(--blue-light)}[data-theme=dark] .m-addon-item:hover:not(.m-addon-locked){background:#2f60ff1a}.m-addon-item input[type=checkbox]{accent-color:var(--blue);margin-top:2px;flex-shrink:0;width:15px;height:15px;cursor:pointer}.m-addon-item.m-addon-locked{opacity:.65;cursor:default}.m-addon-item.m-addon-locked input{cursor:not-allowed}.m-addon-lbl{font-size:14px;font-weight:500;color:var(--text);line-height:1.3;display:block}.m-addon-price{font-size:14px;color:var(--text-3);display:block;margin-top:1px}.m-addon-included{font-size:14px;color:var(--blue);font-weight:600;display:block;margin-top:1px}.m-llm-row{padding:3px 14px 8px 38px;display:flex;flex-direction:column;gap:4px}.m-llm-tags{display:flex;flex-wrap:wrap;gap:4px}.m-llm-tag{font-size:14px;font-weight:600;padding:3px 8px;border-radius:99px;background:var(--blue-light);color:var(--blue-dark);border:1px solid var(--blue-mid);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .1s}.m-llm-tag.active{background:var(--blue);color:#fff;border-color:var(--blue)}[data-theme=dark] .m-llm-tag{background:#2f60ff1a;color:var(--blue-mid)}[data-theme=dark] .m-llm-tag.active{background:var(--blue);color:#fff}.m-form-body{padding:14px}.m-form-section-title{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--blue);margin-bottom:10px;margin-top:16px;display:flex;align-items:center;gap:6px}.m-form-section-title:first-child{margin-top:0}.m-form-section-title:after{content:"";flex:1;height:1px;background:var(--border-2)}.m-fg{display:grid;gap:10px;margin-bottom:10px}.m-fg-2{grid-template-columns:1fr 1fr}.m-field{display:flex;flex-direction:column;gap:4px}.m-field label{font-size:14px;font-weight:500;color:var(--text-2)}.m-field label .req{color:#ef4444;margin-left:2px}.m-field input,.m-field select,.m-field textarea{background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 10px;color:var(--text);transition:border-color .15s,box-shadow .15s;outline:none;font-size:14px}.m-field input::-moz-placeholder,.m-field textarea::-moz-placeholder{color:var(--text-3)}.m-field input::placeholder,.m-field textarea::placeholder{color:var(--text-3)}.m-field input:focus,.m-field select:focus,.m-field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2f60ff1a}.m-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238B96C0'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}.m-field textarea{resize:vertical;min-height:60px}.m-bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:90;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -4px 20px #2f60ff14;gap:10px}.m-bottom-total{display:flex;flex-direction:column;font-size:14px;color:var(--text-3);line-height:1.2}.m-bottom-total strong{font-size:16px;font-weight:700;color:var(--blue);font-family:var(--font-display)}.m-preview-btn{display:flex;align-items:center;gap:7px;height:var(--btn-height);padding:0 20px;background:var(--blue);color:#fff;border-radius:var(--btn-radius);box-shadow:var(--btn-shadow);font-weight:600;font-size:14px;transition:all .15s;white-space:nowrap;flex-shrink:0}.m-preview-btn:hover{background:var(--blue-dark);transform:translateY(1px);box-shadow:var(--btn-shadow-hover)}.m-preview-btn:active{transform:translateY(3px);box-shadow:var(--btn-shadow-active)}.m-steps-bar{position:fixed;bottom:60px;left:0;right:0;z-index:90;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 14px;background:var(--surface);border-top:1px solid var(--border-2)}.m-step{width:0;flex:1;height:6px;border-radius:3px;background:var(--border);transition:background .25s}.m-step.active,.m-step.done{background:#000}.m-overlay{position:fixed;inset:0;z-index:200;display:none;flex-direction:column}.m-overlay.open{display:flex}.m-overlay-backdrop{flex-shrink:0;height:15%;background:#00000026;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);cursor:pointer}.m-overlay-panel{flex:1;background:var(--surface);border-radius:0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -8px 40px #2f60ff2e}.m-overlay-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.m-overlay-header-title{font-size:14px;font-weight:600;color:var(--text)}.m-overlay-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--btn-radius);color:var(--text-2);transition:background .15s,color .15s}.m-overlay-close:hover{background:var(--blue-light);color:var(--blue);transform:translateY(1px)}.m-overlay-body{flex:1;overflow-y:auto;padding:16px}.m-overlay-actions{padding:12px 16px;border-top:1px solid var(--border);flex-shrink:0;display:flex;gap:8px}.m-overlay-actions .m-btn-primary{display:flex;align-items:center;justify-content:center;gap:6px;height:var(--btn-height-sm);padding:0 18px;background:var(--blue);color:#fff;border-radius:var(--btn-radius);font-weight:600;font-size:14px;transition:background .15s;white-space:nowrap}.m-overlay-actions .m-btn-primary:hover{background:var(--blue-dark);transform:translateY(1px);box-shadow:var(--btn-shadow-hover)}.m-overlay-actions .m-btn-primary:active{transform:translateY(3px);box-shadow:var(--btn-shadow-active)}.m-overlay-actions .m-btn-secondary{display:flex;align-items:center;justify-content:center;gap:6px;height:var(--btn-height-sm);padding:0 16px;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--btn-radius);font-weight:500;font-size:14px;transition:all .15s;white-space:nowrap}.m-overlay-actions .m-btn-secondary:hover{border-color:var(--blue);color:var(--blue);transform:translateY(1px);box-shadow:var(--btn-shadow-hover)}.m-overlay-actions .m-btn-secondary:active{transform:translateY(3px);box-shadow:var(--btn-shadow-active)}.m-preview-card{border:1px solid #e0e0e0;border-radius:var(--radius-md);overflow:hidden;background:#fff;color:#1a1a2e}.m-preview-card .meta-group label{color:#6b7280}.m-preview-card .meta-group span{color:#1a1a2e}.m-preview-card .preview-items-hdr{color:#6b7280;border-bottom-color:#e5e7eb}.m-preview-card .preview-line{border-bottom-color:#f3f4f6}.m-preview-card .preview-line span{color:#4b5563}.m-preview-card .preview-line span:last-child{color:#1a1a2e}.m-preview-card .total-row{color:#4b5563}.m-preview-card .total-row.grand{color:#1a1a2e;border-top-color:#d1d5db}.m-preview-card .preview-items,.m-preview-card .preview-meta{border-bottom-color:#e5e7eb}.m-preview-card .preview-note{background:#f9fafb;color:#6b7280;border-color:#e5e7eb}.preview-top{background:linear-gradient(135deg,var(--blue),rgba(47,96,255,.7));padding:10px 14px;display:flex;align-items:flex-start;justify-content:space-between;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.preview-logo-img{height:20px;width:auto;-o-object-fit:contain;object-fit:contain;display:block;filter:brightness(0) invert(1)}.preview-inv-num{text-align:right;color:#fffc;font-size:14px}.preview-inv-num strong{display:block;font-size:14px;font-weight:700;color:#fff}.preview-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border)}.meta-group label{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);display:block;margin-bottom:2px}.meta-group span{font-size:14px;font-weight:500;color:var(--text)}.preview-items{padding:12px 14px;border-bottom:1px solid var(--border)}.preview-items-hdr{display:grid;grid-template-columns:1fr 36px 72px;gap:4px;padding-bottom:6px;margin-bottom:4px;border-bottom:1px solid var(--border-2);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.preview-items-hdr span:last-child{text-align:right}.preview-line{display:grid;grid-template-columns:1fr 36px 72px;gap:4px;padding:5px 0;border-bottom:1px solid var(--border-2);font-size:14px;align-items:center}.preview-line:last-child{border-bottom:none}.preview-line span{color:var(--text-2)}.preview-line span:last-child{text-align:right;color:var(--text);font-weight:600}.preview-totals{padding:12px 14px}.total-row{display:flex;justify-content:space-between;font-size:14px;color:var(--text-2);padding:3px 0}.total-row.grand{margin-top:8px;padding-top:10px;border-top:2px solid var(--border);font-size:15px;font-weight:700;color:var(--text);font-family:var(--font-display)}.total-row.grand span:last-child{color:var(--blue)}.preview-note{margin:10px 14px 14px;padding:10px;background:var(--surface-2);border-radius:var(--radius-sm);font-size:14px;color:var(--text-3);border:1px solid var(--border-2)}.preview-payment{padding:12px 14px;border-bottom:1px solid var(--border)}.payment-row{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;color:var(--text-2);padding:4px 0;border-bottom:1px solid var(--border-2)}.payment-row:last-child{border-bottom:none}.payment-row strong{color:var(--text);font-weight:600}.payment-badge{display:inline-flex;padding:1px 6px;background:var(--blue-light);color:var(--blue);border-radius:99px;font-size:14px;font-weight:700}[data-theme=dark] .payment-badge{background:var(--tag-bg);color:#7da0ff}.m-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(60px);padding:10px 18px;background:var(--ypym-black);color:#fff;border-radius:var(--radius-md);font-size:14px;font-weight:500;box-shadow:var(--shadow-lg);z-index:999;opacity:0;transition:transform .25s,opacity .25s;max-width:280px;white-space:nowrap}[data-theme=dark] .m-toast{background:#fff;color:var(--ypym-black)}.m-toast.show{transform:translate(-50%) translateY(0);opacity:1}.m-inv-badge{display:inline-flex;align-items:center;padding:2px 7px;background:var(--blue-light);color:var(--blue);border-radius:99px;font-size:14px;font-weight:700;letter-spacing:.04em}[data-theme=dark] .m-inv-badge{background:var(--tag-bg);color:#7da0ff}.m-btn-new{display:flex;align-items:center;gap:5px;height:28px;padding:0 10px;background:var(--surface-2);color:var(--text-2);border:1px solid var(--border);border-radius:var(--btn-radius);font-weight:600;font-size:14px;transition:all .15s;white-space:nowrap}.m-btn-new:hover{border-color:var(--blue);color:var(--blue)}.m-divider{height:6px;background:var(--bg);border-top:1px solid var(--border-2);border-bottom:1px solid var(--border-2)}