@import"https://fonts.googleapis.com/css2?family=Syne:wght@600;700&family=DM+Sans:wght@300;400;500&display=swap";.PhotoView-Portal{direction:ltr;height:100%;left:0;overflow:hidden;position:fixed;top:0;touch-action:none;width:100%;z-index:2000}@keyframes PhotoView__rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes PhotoView__delayIn{0%,50%{opacity:0}to{opacity:1}}.PhotoView__Spinner{animation:PhotoView__delayIn .4s linear both}.PhotoView__Spinner svg{animation:PhotoView__rotate .6s linear infinite}.PhotoView__Photo{cursor:grab;max-width:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.PhotoView__Photo:active{cursor:grabbing}.PhotoView__icon{display:inline-block;left:0;position:absolute;top:0;transform:translate(-50%,-50%)}.PhotoView__PhotoBox,.PhotoView__PhotoWrap{bottom:0;direction:ltr;left:0;position:absolute;right:0;top:0;touch-action:none;width:100%}.PhotoView__PhotoWrap{overflow:hidden;z-index:10}.PhotoView__PhotoBox{transform-origin:left top}@keyframes PhotoView__fade{0%{opacity:0}to{opacity:1}}.PhotoView-Slider__clean .PhotoView-Slider__ArrowLeft,.PhotoView-Slider__clean .PhotoView-Slider__ArrowRight,.PhotoView-Slider__clean .PhotoView-Slider__BannerWrap,.PhotoView-Slider__clean .PhotoView-Slider__Overlay,.PhotoView-Slider__willClose .PhotoView-Slider__BannerWrap:hover{opacity:0}.PhotoView-Slider__Backdrop{background:#000;height:100%;left:0;position:absolute;top:0;transition-property:background-color;width:100%;z-index:-1}.PhotoView-Slider__fadeIn{animation:PhotoView__fade linear both;opacity:0}.PhotoView-Slider__fadeOut{animation:PhotoView__fade linear reverse both;opacity:0}.PhotoView-Slider__BannerWrap{align-items:center;background-color:#00000080;color:#fff;display:flex;height:44px;justify-content:space-between;left:0;position:absolute;top:0;transition:opacity .2s ease-out;width:100%;z-index:20}.PhotoView-Slider__BannerWrap:hover{opacity:1}.PhotoView-Slider__Counter{font-size:14px;opacity:.75;padding:0 10px}.PhotoView-Slider__BannerRight{align-items:center;display:flex;height:100%}.PhotoView-Slider__toolbarIcon{fill:#fff;box-sizing:border-box;cursor:pointer;opacity:.75;padding:10px;transition:opacity .2s linear}.PhotoView-Slider__toolbarIcon:hover{opacity:1}.PhotoView-Slider__ArrowLeft,.PhotoView-Slider__ArrowRight{align-items:center;bottom:0;cursor:pointer;display:flex;height:100px;justify-content:center;margin:auto;opacity:.75;position:absolute;top:0;transition:opacity .2s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:70px;z-index:20}.PhotoView-Slider__ArrowLeft:hover,.PhotoView-Slider__ArrowRight:hover{opacity:1}.PhotoView-Slider__ArrowLeft svg,.PhotoView-Slider__ArrowRight svg{fill:#fff;background:#0000004d;box-sizing:content-box;height:24px;padding:10px;width:24px}.PhotoView-Slider__ArrowLeft{left:0}.PhotoView-Slider__ArrowRight{right:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:.5px solid var(--border);background:var(--primary-bg);flex-shrink:0}.logo{display:flex;align-items:center;gap:10px}.logo:hover{cursor:pointer}.logo-mark{width:28px;height:28px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.logo-mark img{width:100%;height:100%;object-fit:cover}.logo-name{font-size:14px;font-weight:500}.nav{display:flex;gap:24px}.nav a{font-size:13px;color:var(--text-muted);text-decoration:none;cursor:pointer;transition:color 1.333s}.nav a:hover{color:var(--text-color)}.nav a.active{color:var(--accent-color)}.user-pill{display:flex;align-items:center;justify-content:center;gap:8px;background:#ffffff0f;border:.5px solid var(--border);border-radius:20px;padding:5px 12px 5px 5px;min-width:110px;height:32px;cursor:pointer;transition:all .8s ease}.user-pill.logout-hover{background:#00e5ff1a;border-color:#00e5ff66}.logout-text{font-size:12px;font-weight:500;color:var(--accent-color)}.avatar{width:22px;height:22px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;color:#110e20}.avatar-img{width:22px;height:22px;border-radius:50%;object-fit:cover}.user-name{font-size:12px;color:var(--text-muted)}@keyframes transition-fade{0%{opacity:0}to{opacity:1}}@keyframes transition-up{0%{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes transition-spin{to{transform:rotate(360deg)}}.transition-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#020612eb;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(20px);animation:transition-fade .25s ease}.transition-content{display:flex;flex-direction:column;align-items:center;gap:24px;animation:transition-up .3s cubic-bezier(.34,1.4,.64,1)}.transition-spinner{width:48px;height:48px;border:3px solid rgba(0,229,255,.15);border-top-color:#00e5ff;border-radius:50%;animation:transition-spin .8s linear infinite;box-shadow:0 0 24px #00e5ff40}.transition-text{font-family:DM Sans,sans-serif;font-size:15px;font-weight:400;color:#ffffffb3;letter-spacing:.3px;margin:0}.dashboard-container{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.active-bar{background:var(--secondary-bg);border:.5px solid rgba(0,229,255,.2);border-radius:12px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between}.active-left{display:flex;align-items:center;gap:12px}.pulse-wrap{position:relative;width:36px;height:36px;flex-shrink:0}.pulse-dot{width:10px;height:10px;border-radius:50%;background:var(--accent-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pulse-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid rgba(0,229,255,.3);animation:pulse 2s ease-out infinite}@keyframes pulse{0%{transform:scale(.4);opacity:1}to{transform:scale(1);opacity:0}}.active-name{font-size:14px;font-weight:500}.active-sub{font-size:12px;color:#ffffff59;margin-top:2px}.open-btn{display:flex;align-items:center;gap:6px;background:#00e5ff1a;border:.5px solid rgba(0,229,255,.3);border-radius:8px;padding:8px 14px;font-size:12px;font-weight:500;color:var(--accent-color);cursor:pointer;transition:all .2s}.open-btn:hover{background:#00e5ff26;border-color:#00e5ff80}.open-btn svg{width:13px;height:13px;stroke:var(--accent-color);fill:none;stroke-width:1.8}.new-wf-btn{display:flex;align-items:center;gap:5px;background:transparent;border:.5px solid rgba(0,229,255,.3);border-radius:20px;padding:5px 12px;font-size:11px;font-weight:500;color:var(--accent-color);cursor:pointer;transition:all .2s}.new-wf-btn:hover{background:#00e5ff14}.new-wf-btn svg{width:11px;height:11px;stroke:var(--accent-color);fill:none;stroke-width:2}.workflow-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}@media (max-width: 1200px){.workflow-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.workflow-grid{grid-template-columns:1fr}}.wf-card{background:var(--secondary-bg);border:.5px solid var(--border);border-radius:12px;padding:16px;cursor:pointer;position:relative;overflow:hidden;transition:border-color .15s}.wf-card:hover{border-color:#00e5ff40}.wf-card.selected{border:1.5px solid var(--accent-color);background:#00e5ff0d}.wf-card.selected:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary)}.wf-card.new-card{border:.5px dashed rgba(0,229,255,.2);background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:160px}.wf-card.new-card:hover{border-color:#00e5ff73;background:#00e5ff0a}.plus-circle{width:38px;height:38px;border-radius:50%;border:.5px solid rgba(0,229,255,.3);display:flex;align-items:center;justify-content:center}.plus-circle svg{width:16px;height:16px;stroke:var(--accent-color);fill:none;stroke-width:2}.new-card-label{font-size:13px;color:#00e5ffb3;font-weight:500}.new-card-sub{font-size:11px;color:#ffffff40;text-align:center;line-height:1.5}.wf-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.wf-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wf-icon svg{width:18px;height:18px;fill:none;stroke-width:1.5}.status-badge{display:flex;align-items:center;gap:4px;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:500;text-transform:capitalize}.status-dot{width:5px;height:5px;border-radius:50%}.status-running{background:#00e5ff1a;color:var(--accent-color)}.status-running .status-dot{background:var(--accent-color);animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.status-paused{background:#fff1761a;color:var(--secondary-accent)}.status-paused .status-dot{background:var(--secondary-accent)}.status-terminated{background:#ef44441a;color:#ef4444}.status-terminated .status-dot{background:#ef4444}.wf-name{font-size:13px;font-weight:500;margin-bottom:4px}.wf-desc{font-size:11px;color:#ffffff59;line-height:1.5;margin-bottom:10px}.wf-card-running{border-color:#00e5ff26}.wf-card-running:hover{border-color:#00e5ff59}.wf-card-paused{border-color:#fff17626}.wf-card-paused:hover{border-color:#fff17659}.wf-card-terminated{border-color:#ef44441a;opacity:.7}.wf-card-terminated:hover{border-color:#ef444440;opacity:.85}.wf-icon-running{background:#00e5ff1a}.wf-icon-running svg{stroke:#00e5ff}.wf-icon-paused{background:#fff17614}.wf-icon-paused svg{stroke:#fff176}.wf-icon-terminated{background:#ef444414}.wf-icon-terminated svg{stroke:#ef444480}.wf-timer-row{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding:8px 10px;background:#ffffff08;border-radius:6px}.timer-icon{display:flex;align-items:center;justify-content:center}.timer-icon svg{width:14px;height:14px;stroke:#fff6;fill:none;stroke-width:1.5;stroke-linecap:round}.timer-text{font-size:14px;font-weight:600;font-family:SF Mono,Fira Code,Consolas,monospace;letter-spacing:.5px}.timer-running{color:#00e5ff}.timer-paused{color:#fff176;display:flex;align-items:center;gap:8px}.timer-paused-label{font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;opacity:.7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.timer-low{color:#ef4444;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.timer-expired{color:#ef4444}.timer-terminated{color:#ffffff40}.wf-open-btn{display:flex;align-items:center;gap:5px;background:#00e5ff1a;border:.5px solid rgba(0,229,255,.25);border-radius:6px;padding:6px 10px;font-size:10px;font-weight:500;color:var(--accent-color);cursor:pointer;transition:all .2s}.wf-open-btn:hover{background:#00e5ff2e;border-color:#00e5ff66}.wf-open-btn svg{width:11px;height:11px;stroke:var(--accent-color);fill:none;stroke-width:1.5}.wf-terminated-label{font-size:10px;color:#ffffff4d;font-style:italic}.wf-footer{border-top:.5px solid var(--border);padding-top:10px;display:flex;align-items:center;justify-content:space-between}.gpu-tag{display:flex;align-items:center;gap:5px;font-size:11px;color:#fff6}.gpu-tag svg{width:12px;height:12px;stroke:#ffffff4d;fill:none;stroke-width:1.5}.select-indicator{font-size:10px;font-weight:500;color:#ffffff40}.wf-card.selected .select-indicator{color:var(--accent-color)}.credits-section{background:var(--secondary-bg);border:.5px solid var(--border);border-radius:14px;overflow:hidden}.credits-top{padding:18px 20px;border-bottom:.5px solid var(--border);display:flex;align-items:center;justify-content:space-between}.balance-num{font-size:32px;font-weight:600;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.balance-unit{font-size:13px;color:#fff6}.balance-label{font-size:11px;color:#ffffff4d;margin-top:2px}.credits-body{padding:18px 20px;display:flex;flex-direction:column;gap:16px}.selected-workflow-card{background:var(--secondary-bg);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:border-color .2s}.selected-workflow-card:before{content:"";display:block;height:3px;background:var(--gradient-primary)}.selected-workflow-running{border-color:#00e5ff40}.selected-workflow-running:before{background:linear-gradient(90deg,#00e5ff,#00b8d4)}.selected-workflow-paused{border-color:#fff17640}.selected-workflow-paused:before{background:linear-gradient(90deg,#fff176,#ffd54f)}.selected-workflow-terminated{border-color:#ef444433;opacity:.8}.selected-workflow-terminated:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.selected-workflow-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:.5px solid var(--border)}.selected-workflow-info{display:flex;align-items:center;gap:14px}.selected-workflow-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.selected-workflow-icon svg{width:22px;height:22px;fill:none;stroke-width:1.5}.selected-workflow-icon-running{background:#00e5ff1f}.selected-workflow-icon-running svg{stroke:#00e5ff}.selected-workflow-icon-paused{background:#fff1761a}.selected-workflow-icon-paused svg{stroke:#fff176}.selected-workflow-icon-terminated{background:#ef44441a}.selected-workflow-icon-terminated svg{stroke:#ef444499}.selected-workflow-details{display:flex;flex-direction:column;gap:4px}.selected-workflow-name{font-size:15px;font-weight:600;color:#fff}.selected-workflow-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#fff6}.meta-divider{opacity:.5}.selected-workflow-body{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.selected-workflow-timer{display:flex;flex-direction:column;gap:4px}.timer-label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#ffffff59}.timer-value{display:flex;align-items:center;gap:8px}.timer-value svg{width:16px;height:16px;stroke:#fff6;fill:none;stroke-width:1.5;stroke-linecap:round}.selected-workflow-actions{display:flex;align-items:center;gap:10px}.action-btn{display:flex;align-items:center;gap:6px;padding:9px 16px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;border:.5px solid transparent}.action-btn svg{width:14px;height:14px;fill:none;stroke-width:1.5}.action-btn-generate{background:#8b5cf61a;border-color:#8b5cf640;color:#a78bfa}.action-btn-generate:hover{background:#8b5cf62e;border-color:#8b5cf666}.action-btn-generate svg{stroke:#a78bfa}.action-btn-pause{background:#fff1761a;border-color:#fff17640;color:#fff176}.action-btn-pause:hover{background:#fff1762e;border-color:#fff17666}.action-btn-pause svg{stroke:#fff176;fill:#fff176}.action-btn-stop{background:#ef44441a;border-color:#ef444440;color:#ef4444}.action-btn-stop:hover{background:#ef44442e;border-color:#ef444466}.action-btn-stop svg{stroke:#ef4444;fill:#ef4444}.action-btn-resume{background:#22c55e1a;border-color:#22c55e40;color:#22c55e}.action-btn-resume:hover{background:#22c55e2e;border-color:#22c55e66}.action-btn-resume svg{stroke:#22c55e;fill:#22c55e}.action-btn-open{background:#00e5ff1a;border-color:#00e5ff40;color:var(--accent-color)}.action-btn-open:hover{background:#00e5ff2e;border-color:#00e5ff66}.action-btn-open svg{stroke:var(--accent-color)}.terminated-message{display:flex;align-items:center;gap:8px;font-size:13px;color:#fff6;font-style:italic}.terminated-message svg{width:16px;height:16px;stroke:#ef444480;fill:none;stroke-width:1.5;stroke-linecap:round}:root{--primary-bg: #110e20;--secondary-bg: #1a142f;--accent-color: #00e5ff;--secondary-accent: #fff176;--text-color: #ffffff;--text-muted: rgba(255, 255, 255, .6);--border: rgba(255, 255, 255, .08)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#110e20d9;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000}.modal{background:var(--secondary-bg);border:.5px solid rgba(255,255,255,.1);border-radius:16px;width:100%;max-width:520px;max-height:calc(100vh - 48px);overflow:hidden;animation:modalSlideIn .3s ease-out;display:flex;flex-direction:column}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:20px 24px 16px;border-bottom:.5px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0}.modal-title{font-size:15px;font-weight:500;color:var(--text-color)}.modal-sub{font-size:12px;color:#ffffff59;margin-top:3px}.close-btn{width:28px;height:28px;border-radius:8px;background:#ffffff0f;border:.5px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .15s}.close-btn:hover{background:#ffffff1a}.close-btn:disabled{opacity:.3;cursor:not-allowed}.close-btn svg{width:12px;height:12px;stroke:#ffffff80;fill:none;stroke-width:2}.step-bar{display:flex;align-items:center;padding:14px 24px;border-bottom:.5px solid var(--border);gap:8px;flex-shrink:0}.step{display:flex;align-items:center;gap:7px}.step-num{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;border:.5px solid rgba(255,255,255,.15);color:#ffffff4d;transition:all .2s}.step-num.active{background:linear-gradient(135deg,var(--accent-color),var(--secondary-accent));color:#110e20;border-color:transparent}.step-num.done{background:#00e5ff26;color:var(--accent-color);border-color:#00e5ff4d}.step-label{font-size:11px;color:#ffffff4d;transition:color .2s}.step-label.active{color:var(--text-color)}.step-label.done{color:#00e5ffb3}.step-connector{flex:1;height:.5px;background:var(--border)}.modal-body{padding:20px 24px;min-height:280px;flex:1;overflow-y:auto}.step-panel{display:none}.step-panel.visible{display:block;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.method-card{border:.5px solid var(--border);border-radius:12px;padding:18px 16px;cursor:pointer;text-align:center;background:var(--primary-bg);transition:all .15s}.method-card:hover{border-color:#00e5ff4d}.method-card.selected{border:1.5px solid var(--accent-color);background:#00e5ff0f}.method-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.method-icon svg{width:22px;height:22px;fill:none;stroke-width:1.4}.method-name{font-size:13px;font-weight:500;margin-bottom:5px;color:var(--text-color)}.method-desc{font-size:11px;color:#ffffff59;line-height:1.5}.template-hint{margin-top:12px;padding:10px 14px;background:#fff1760f;border:.5px solid rgba(255,241,118,.15);border-radius:8px;font-size:11px;color:#fff176b3;line-height:1.5}.field{margin-bottom:16px}.field-label{font-size:11px;color:#fff6;margin-bottom:7px;letter-spacing:.04em;text-transform:uppercase}.field-input{width:100%;background:var(--primary-bg);border:.5px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;font-size:13px;color:var(--text-color);outline:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:border-color .15s}.upload-zone{border:.5px dashed rgba(0,229,255,.2);border-radius:10px;padding:20px;text-align:center;background:#00e5ff08;cursor:pointer;transition:all .15s;margin-bottom:16px}.upload-zone:hover{border-color:#00e5ff66}.upload-info{border:.5px solid rgba(255,241,118,.2);border-radius:10px;padding:20px;text-align:center;background:#fff1760a;margin-bottom:16px}.upload-info .upload-icon-wrap{background:#fff1761a;border-color:#fff17633}.upload-info .upload-icon-wrap svg{stroke:var(--secondary-accent)}.upload-info .upload-text{color:#fff176e6;font-weight:500}.upload-info .upload-sub{color:#fff6;line-height:1.5;max-width:280px;margin:6px auto 0}.upload-icon-wrap{width:36px;height:36px;border-radius:10px;background:#00e5ff14;border:.5px solid rgba(0,229,255,.2);display:flex;align-items:center;justify-content:center;margin:0 auto 10px}.upload-icon-wrap svg{width:16px;height:16px;stroke:var(--accent-color);fill:none;stroke-width:1.6}.upload-text{font-size:12px;color:#ffffff80}.upload-sub{font-size:10px;color:#ffffff40;margin-top:3px}.gpu-qty-row{display:flex;align-items:center;gap:0;background:var(--primary-bg);border:.5px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;width:fit-content}.qty-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;border:none;color:#ffffff80;font-size:18px;transition:background .15s,color .15s}.qty-btn:hover{background:#00e5ff14;color:var(--accent-color)}.qty-val{min-width:48px;text-align:center;font-size:15px;font-weight:500;color:var(--text-color);border-left:.5px solid rgba(255,255,255,.08);border-right:.5px solid rgba(255,255,255,.08);line-height:40px}.gpu-hint{font-size:11px;color:#ffffff40;margin-top:8px}.gpu-hint span{color:var(--secondary-accent)}.slot-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.slot-chip{border:.5px solid var(--border);border-radius:8px;padding:10px 12px;cursor:pointer;background:var(--primary-bg);transition:all .15s;display:flex;align-items:center;justify-content:space-between}.slot-chip:hover{border-color:#00e5ff40}.slot-chip.selected{border:1.5px solid var(--accent-color);background:#00e5ff0f}.slot-time{font-size:12px;font-weight:500;color:var(--text-color)}.slot-dur{font-size:10px;color:#ffffff59;margin-top:2px}.slot-cost{font-size:11px;color:var(--secondary-accent);font-weight:500}.modal-footer{padding:16px 24px;border-top:.5px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.back-btn{background:transparent;border:.5px solid rgba(255,255,255,.12);border-radius:8px;padding:9px 16px;font-size:13px;color:#ffffff80;cursor:pointer;transition:all .15s}.back-btn:hover{color:var(--text-color);border-color:#fff3}.next-btn{background:linear-gradient(135deg,var(--accent-color),var(--secondary-accent));border:none;border-radius:8px;padding:9px 20px;font-size:13px;font-weight:600;color:#110e20;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s}.next-btn:hover:not(:disabled){opacity:.9}.next-btn:disabled{opacity:.35;cursor:not-allowed}.next-btn svg{width:13px;height:13px;stroke:#110e20;fill:none;stroke-width:2}.template-filter{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px}.template-filter::-webkit-scrollbar{height:4px}.template-filter::-webkit-scrollbar-track{background:transparent}.template-filter::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.filter-chip{padding:6px 12px;background:transparent;border:.5px solid rgba(255,255,255,.1);border-radius:8px;color:#fff9;font-size:12px;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .15s ease;font-family:inherit}.filter-chip:hover{border-color:#00e5ff33;color:#fffc}.filter-chip.active{background:#00e5ff1f;border-color:var(--accent-color);color:var(--accent-color)}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.template-card{border:.5px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;background:var(--primary-bg);transition:all .15s}.template-card:hover{border-color:#00e5ff4d;transform:translateY(-2px)}.template-card.selected{border:1.5px solid var(--accent-color);background:#00e5ff0f}.template-image{width:100%;height:140px;background:var(--secondary-bg);position:relative;overflow:hidden}.template-image img{width:100%;height:100%;object-fit:cover}.template-badge{position:absolute;top:8px;left:8px;background:#9333eae6;color:#fff;font-size:10px;font-weight:600;padding:4px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.05em}.template-content{padding:12px}.template-name{font-size:13px;font-weight:500;color:var(--text-color);margin-bottom:4px}.template-desc{font-size:11px;color:#ffffff59;line-height:1.4}.duration-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.duration-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff05;border:.5px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .15s ease;font-family:inherit}.duration-card:hover{background:#ffffff0a;border-color:#fff3}.duration-card.selected{background:#00e5ff14;border-color:var(--accent-color)}.duration-pill{width:6px;height:6px;border-radius:50%;flex-shrink:0}.duration-text{display:flex;flex-direction:column;gap:2px}.duration-hours{font-size:12px;font-weight:500;color:#ffffffe6}.duration-cost{font-size:10px;color:var(--accent-color);font-weight:600}.cost-summary{background:#00e5ff05;border:.5px solid rgba(0,229,255,.1);border-radius:12px;padding:20px}.cost-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.cost-label{font-size:13px;color:#ffffffb3;font-weight:400}.cost-rate{font-size:13px;color:#fff9}.cost-amount{font-size:13px;color:#ffffffe6;font-weight:500}.cost-item.total{padding:16px 0 12px;border-top:1px solid rgba(0,229,255,.1);border-bottom:1px solid rgba(0,229,255,.1)}.cost-item.total .cost-amount{font-size:18px;color:var(--accent-color);font-weight:600}.cost-divider{height:1px;background:#00e5ff1a;margin:0}.cost-info{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px;background:#ffc1071a;border-left:2px solid #FFC107;border-radius:6px}.info-icon{font-size:16px;flex-shrink:0}.info-text{font-size:12px;color:#ffc107e6}.loader-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#110e20d9;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:9999}.loader-modal{background:var(--secondary-bg, #1a142f);border:.5px solid rgba(255,255,255,.1);border-radius:16px;width:100%;max-width:320px;overflow:hidden;animation:loaderSlideIn .3s ease-out}@keyframes loaderSlideIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.loader-content{padding:32px 24px;display:flex;flex-direction:column;align-items:center;text-align:center}.loader-icon-wrap{position:relative;width:64px;height:64px;margin-bottom:20px}.loader-spinner{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid rgba(0,229,255,.1);border-top-color:var(--accent-color, #00e5ff);border-radius:50%;animation:loader-spin 1s linear infinite}.loader-pulse{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;animation:loader-pulse 2s ease-in-out infinite}.loader-logo{width:100%;height:100%;object-fit:cover;border-radius:50%}@keyframes loader-spin{to{transform:rotate(360deg)}}@keyframes loader-pulse{0%,to{transform:scale(.9);opacity:.5}50%{transform:scale(1);opacity:1}}.loader-text{font-size:15px;font-weight:500;color:#fff;margin-bottom:6px}.loader-sub{font-size:12px;color:#ffffff59;line-height:1.5}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.prompt-inputs{display:flex;flex-direction:column;gap:8px;width:100%;flex:1;min-height:0;overflow:hidden}.prompt-field{display:flex;flex-direction:column;gap:4px;flex:1;min-height:40px;overflow:hidden}.prompt-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.label-icon{width:16px;height:16px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.label-icon.positive{background:#00e5ff26;color:#00e5ff}.label-icon.negative{background:#ff646426;color:#ff6464}.prompt-textarea{background:#ffffff08;border:.5px solid rgba(255,255,255,.1);border-radius:10px;padding:8px 12px;font-size:14px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;resize:none;outline:none;transition:border-color .2s,background .2s;flex:1;min-height:24px;overflow-y:auto}.prompt-textarea::placeholder{color:#ffffff40}.prompt-textarea:focus{border-color:#00e5ff66;background:#ffffff0d}.prompt-textarea.negative:focus{border-color:#ff646466}.generate-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.output-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;background:var(--primary-bg);position:relative;overflow:hidden}.grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,229,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.04) 1px,transparent 1px);background-size:40px 40px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;z-index:1}.empty-icon-wrap{width:72px;height:72px;border-radius:20px;border:.5px solid rgba(0,229,255,.2);background:#00e5ff0d;display:flex;align-items:center;justify-content:center}.empty-icon-wrap svg{width:32px;height:32px;stroke:var(--accent-color);fill:none;stroke-width:1.2;opacity:.7}.empty-title{font-size:16px;font-weight:500;color:#fffc}.empty-sub{font-size:13px;color:#ffffff59;text-align:center;max-width:280px;line-height:1.6}.prompt-area-resizable{flex-shrink:0;width:100%!important}.prompt-area-resizable .react-resizable-handle-n{top:0;left:50%;transform:translate(-50%);width:60px;height:12px;cursor:ns-resize;background:transparent}.prompt-area-resizable .react-resizable-handle-n:after{content:"";position:absolute;top:4px;left:50%;transform:translate(-50%);width:40px;height:4px;background:#fff3;border-radius:2px;transition:background .2s}.prompt-area-resizable:hover .react-resizable-handle-n:after{background:var(--accent-color)}.prompt-area{background:var(--secondary-bg);border-top:.5px solid var(--border);padding:16px 24px 12px;height:100%;display:flex;flex-direction:column;overflow:hidden}.prompt-wrap{background:var(--primary-bg);border:.5px solid rgba(0,229,255,.25);border-radius:14px;padding:14px 16px 12px;display:flex;flex-direction:column;gap:8px;transition:border-color .2s;flex:1;min-height:80px;overflow:hidden}.prompt-wrap:focus-within{border-color:#00e5ff99}.prompt-input{background:transparent;border:none;outline:none;resize:none;font-size:14px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;min-height:24px;height:100%;width:100%;flex:1 1 auto;overflow-y:auto}.prompt-input::placeholder{color:#ffffff40}.prompt-actions{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.prompt-meta{display:flex;align-items:center;gap:8px}.meta-pill{display:flex;align-items:center;gap:5px;background:#ffffff0d;border:.5px solid rgba(255,255,255,.1);border-radius:20px;padding:4px 10px;font-size:11px;color:#ffffff73;cursor:pointer}.meta-pill svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.5}.gpu-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-color)}.gen-btn{display:flex;align-items:center;gap:8px;background:var(--gradient-primary);border:none;border-radius:10px;padding:10px 20px;font-size:13px;font-weight:600;color:#110e20;cursor:pointer;transition:transform .2s}.gen-btn:hover{transform:scale(1.02)}.gen-btn svg{width:14px;height:14px;fill:#110e20}.credit-bar{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:0 2px;flex-shrink:0}.credit-info{font-size:11px;color:#ffffff4d}.credit-info span{color:var(--secondary-accent)}.loading-state{display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;z-index:1}.loading-spinner{width:48px;height:48px;border:3px solid rgba(0,229,255,.1);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}.loading-text{font-size:14px;color:#fff9}.output-gallery{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:800px;position:relative;z-index:1}.current-output{width:100%;display:flex;justify-content:center}.output-image{max-width:100%;max-height:60vh;border-radius:12px;cursor:zoom-in;box-shadow:0 8px 32px #0006;transition:transform .2s}.output-image:hover{transform:scale(1.01)}.history-strip{width:100%;display:flex;flex-direction:column;gap:10px}.history-label{font-size:12px;font-weight:500;color:#fff6;text-transform:uppercase;letter-spacing:.5px}.history-items{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px}.history-items::-webkit-scrollbar{height:4px}.history-items::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.history-items::-webkit-scrollbar-thumb{background:#00e5ff4d;border-radius:2px}.history-thumb{width:80px;height:80px;object-fit:cover;border-radius:8px;cursor:zoom-in;border:2px solid transparent;transition:border-color .2s,transform .2s;flex-shrink:0}.history-thumb:hover{border-color:var(--accent-color);transform:scale(1.05)}.gen-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.gen-btn:disabled:hover{transform:none}.prompt-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.prompt-content.with-images{flex-direction:row;gap:16px}.prompt-content.with-images .prompt-wrap{flex:1;min-width:0}.image-upload-section{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.prompt-content.with-images .image-upload-section{width:auto}.image-upload-label{font-size:10px;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.5px}.image-upload-row{display:flex;gap:8px;flex-direction:column}.image-drop-zone{width:100px;height:100px;border:1.5px dashed rgba(0,229,255,.3);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .2s ease;background:#00e5ff08}.image-drop-zone:hover{border-color:#00e5ff80;background:#00e5ff0f}.drop-zone-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center}.drop-zone-icon svg{width:22px;height:22px;stroke:var(--accent-color);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.6}.drop-zone-text{font-size:10px;color:#ffffff59;text-align:center}.uploaded-image-card{width:100px;height:100px;border-radius:10px;overflow:hidden;position:relative;border:1.5px solid rgba(0,229,255,.25);transition:border-color .2s}.uploaded-image-card:hover{border-color:#00e5ff80}.uploaded-image-card img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#000000b3;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s,background .2s}.uploaded-image-card:hover .remove-image-btn{opacity:1}.remove-image-btn:hover{background:#ff5050cc}.remove-image-btn svg{width:10px;height:10px;stroke:#fff;stroke-width:2;stroke-linecap:round}.empty-instructions{font-size:13px;color:#ffffff80;margin-top:4px}.empty-steps{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:10px}.empty-step{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#ffffff73;line-height:1.5}.empty-step-arrow{color:var(--secondary-accent, #f59e0b);flex-shrink:0;margin-top:1px}.history-container{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.history-title{font-size:16px;font-weight:500}.history-count{font-size:13px;color:#ffffff59;margin-left:8px}.filter-row{display:flex;gap:8px}.filter-pill{font-size:12px;padding:5px 14px;border-radius:20px;cursor:pointer;border:.5px solid rgba(255,255,255,.1);color:#ffffff73;background:transparent;transition:all .2s}.filter-pill:hover{border-color:#00e5ff4d}.filter-pill.active{border-color:#00e5ff66;color:var(--accent-color);background:#00e5ff12}.masonry{columns:3;column-gap:12px}@media (max-width: 1400px){.masonry{columns:2}}@media (max-width: 768px){.masonry{columns:1}}.card{break-inside:avoid;margin-bottom:12px;border-radius:12px;overflow:hidden;background:var(--secondary-bg);border:.5px solid var(--border);position:relative;cursor:pointer;transition:border-color .2s}.card:hover .card-overlay{opacity:1}.card:hover .card-img,.card:hover .img-placeholder{filter:brightness(.75)}.card-img{width:100%;display:block;transition:filter .2s}.img-placeholder{width:100%;display:flex;align-items:center;justify-content:center;transition:filter .2s}.img-placeholder svg{stroke:#ffffff14;fill:none;stroke-width:.8}.card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:12px;opacity:0;transition:opacity .2s;background:linear-gradient(to top,rgba(17,14,32,.9) 0%,transparent 50%)}.dl-btn{align-self:flex-end;width:32px;height:32px;border-radius:8px;background:#00e5ff26;border:.5px solid rgba(0,229,255,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.dl-btn:hover{background:#00e5ff40;border-color:#00e5ff80}.dl-btn svg{width:14px;height:14px;stroke:var(--accent-color);fill:none;stroke-width:1.8}.card-meta{display:flex;flex-direction:column;gap:4px}.card-prompt{font-size:11px;color:#ffffffd9;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-time{font-size:10px;color:#ffffff59}.skeleton-shimmer{background:linear-gradient(90deg,#ffffff08,#ffffff14,#ffffff08);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-line{background:#ffffff1a;border-radius:4px;animation:pulse 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.7}}.img-placeholder img{width:100%;height:100%;object-fit:cover;display:block}.billing-container{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.section-label{font-size:11px;letter-spacing:.08em;color:#ffffff4d;margin-bottom:12px}.top-row{display:grid;grid-template-columns:1fr 2fr;gap:14px}@media (max-width: 1000px){.top-row{grid-template-columns:1fr}}.balance-card{background:var(--secondary-bg);border:.5px solid rgba(0,229,255,.2);border-radius:14px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:16px}.balance-num{font-size:36px;font-weight:600;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.balance-unit{font-size:13px;color:#fff6;margin-top:4px}.topup-btn{display:flex;align-items:center;justify-content:center;gap:6px;background:var(--gradient-primary);border:none;border-radius:8px;padding:9px;font-size:12px;font-weight:600;color:#110e20;cursor:pointer;transition:transform .2s}.topup-btn:hover{transform:scale(1.02)}.topup-btn svg{width:13px;height:13px;stroke:#110e20;fill:none;stroke-width:2}.usage-card{background:var(--secondary-bg);border:.5px solid var(--border);border-radius:14px;padding:20px}.usage-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.usage-title{font-size:13px;font-weight:500}.usage-period{font-size:11px;color:#ffffff4d}.usage-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:16px}.stat{background:var(--primary-bg);border-radius:8px;padding:12px}.stat-val{font-size:18px;font-weight:500}.stat-label{font-size:10px;color:#ffffff4d;margin-top:3px}.inline-loader{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-right:8px;vertical-align:middle}.usage-bar-label{display:flex;justify-content:space-between;font-size:10px;color:#ffffff4d;margin-bottom:6px}.usage-bar-bg{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.usage-bar-fill{height:100%;background:var(--accent-color);border-radius:4px;transition:width .3s ease}.credits-card{background:var(--secondary-bg);border:.5px solid var(--border);border-radius:14px;overflow:hidden}.credits-inner{padding:18px 20px;display:flex;flex-direction:column;gap:14px}.packs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width: 768px){.packs-grid{grid-template-columns:repeat(2,1fr)}}.pack-card{border:.5px solid var(--border);border-radius:10px;padding:14px 12px;cursor:pointer;text-align:center;background:var(--primary-bg);position:relative;transition:all .15s}.pack-card:hover{border-color:#00e5ff4d}.pack-card.popular{border-color:#00e5ff59}.pack-card.selected{border-color:var(--accent-color);border-width:1.5px}.popular-badge{position:absolute;top:-9px;left:50%;transform:translate(-50%);background:var(--gradient-primary);color:#110e20;font-size:9px;font-weight:700;padding:2px 10px;border-radius:20px;white-space:nowrap}.pack-credits{font-size:18px;font-weight:600;margin-bottom:2px}.pack-unit{font-size:10px;color:#ffffff59}.pack-price{font-size:13px;font-weight:500;color:var(--accent-color);margin-top:8px}.pack-ppu{font-size:10px;color:#ffffff40;margin-top:2px}.divider{display:flex;align-items:center;gap:10px}.divider-line{flex:1;height:.5px;background:var(--border)}.divider-text{font-size:11px;color:#ffffff40}.custom-row{display:flex;gap:10px;align-items:center}.custom-input-wrap{flex:1;display:flex;align-items:center;background:var(--primary-bg);border:.5px solid rgba(255,255,255,.1);border-radius:8px;padding:0 12px;gap:8px}.custom-prefix{font-size:13px;color:#ffffff4d}.custom-input{background:transparent;border:none;outline:none;font-size:14px;color:#fff;width:100%;padding:10px 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.custom-input::placeholder{color:#fff3}.custom-suffix{font-size:11px;color:#ffffff40;white-space:nowrap}.buy-btn{background:var(--gradient-primary);border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600;color:#110e20;cursor:pointer;white-space:nowrap;transition:transform .2s}.buy-btn:hover{transform:scale(1.02)}.cost-preview{font-size:11px;color:#ffffff40;margin-top:8px}.cost-preview span{color:var(--secondary-accent)}.invoices-card{background:var(--secondary-bg);border:.5px solid var(--border);border-radius:14px;overflow:hidden}.invoices-header{padding:14px 20px;border-bottom:.5px solid var(--border);display:flex;align-items:center;justify-content:space-between}.invoices-title{font-size:13px;font-weight:500}.inv-row{display:flex;align-items:center;padding:12px 20px;border-bottom:.5px solid rgba(255,255,255,.05);transition:background .15s;cursor:default}.inv-row:last-child{border-bottom:none}.inv-row:hover{background:#ffffff08}.inv-icon{width:32px;height:32px;border-radius:8px;background:#ffffff0d;border:.5px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:12px}.inv-icon svg{width:14px;height:14px;stroke:#fff6;fill:none;stroke-width:1.5}.inv-info{flex:1}.inv-desc{font-size:12px;font-weight:500}.inv-date{font-size:10px;color:#ffffff4d;margin-top:2px}.inv-amount{font-size:13px;font-weight:500;margin-right:16px}.inv-status{font-size:10px;font-weight:500;padding:3px 8px;border-radius:20px;margin-right:12px}.s-paid{background:#1d9e7526;color:#1d9e75}.dl-btn{width:28px;height:28px;border-radius:7px;background:#ffffff0d;border:.5px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.dl-btn:hover{background:#00e5ff1a;border-color:#00e5ff4d}.dl-btn svg{width:12px;height:12px;stroke:#ffffff80;fill:none;stroke-width:1.8}.support-settings-layout{display:flex;flex:1;overflow:hidden}.sidebar{width:180px;min-width:180px;border-right:.5px solid var(--border);padding:20px 12px;display:flex;flex-direction:column;gap:4px;background:var(--primary-bg);overflow-y:auto}.sidebar-item{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:12px;color:#fff6;transition:all .15s}.sidebar-item:hover{background:#ffffff0d;color:#ffffffb3}.sidebar-item.active{background:#00e5ff14;color:var(--accent-color)}.sidebar-item svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5;flex-shrink:0}.sidebar-divider{height:.5px;background:var(--border);margin:8px 4px}.sidebar-group-label{font-size:10px;color:#fff3;letter-spacing:.06em;padding:4px 12px}.content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.section-label{font-size:11px;letter-spacing:.08em;color:#ffffff4d;margin-bottom:14px;margin-top:16px}.section-label:first-of-type{margin-top:0}.support-top{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}@media (max-width: 1000px){.support-top{grid-template-columns:1fr}}.action-card{background:var(--secondary-bg);border:.5px solid var(--border);border-radius:12px;padding:16px;cursor:pointer;transition:all .15s;display:flex;align-items:flex-start;gap:12px}.action-card:hover{border-color:#00e5ff40}.action-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.action-icon svg{width:18px;height:18px;fill:none;stroke-width:1.4}.action-name{font-size:13px;font-weight:500;margin-bottom:3px}.action-desc{font-size:11px;color:#ffffff59;line-height:1.5}.action-arrow{font-size:14px;color:#fff3;margin-left:auto;padding-top:2px}.ticket-card{background:var(--secondary-bg);border:.5px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:16px}.ticket-header{padding:14px 18px;border-bottom:.5px solid var(--border);display:flex;align-items:center;justify-content:space-between}.ticket-title{font-size:13px;font-weight:500}.ticket-body{padding:16px 18px;display:flex;flex-direction:column;gap:12px}.field-label{font-size:11px;color:#fff6;margin-bottom:6px;letter-spacing:.04em}.field-input{width:100%;background:var(--primary-bg);border:.5px solid rgba(255,255,255,.1);border-radius:8px;padding:9px 12px;font-size:13px;color:#fff;outline:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:border-color .15s}.field-input:focus{border-color:#00e5ff66}.field-input::placeholder{color:#fff3}.field-select{width:100%;background:var(--primary-bg);border:.5px solid rgba(255,255,255,.1);border-radius:8px;padding:9px 12px;font-size:13px;color:#ffffffb3;outline:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;cursor:pointer}.field-textarea{width:100%;background:var(--primary-bg);border:.5px solid rgba(255,255,255,.1);border-radius:8px;padding:9px 12px;font-size:13px;color:#fff;outline:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;resize:none;height:80px;transition:border-color .15s}.field-textarea:focus{border-color:#00e5ff66}.field-textarea::placeholder{color:#fff3}.submit-btn{background:var(--gradient-primary);border:none;border-radius:8px;padding:9px 20px;font-size:13px;font-weight:600;color:#110e20;cursor:pointer;align-self:flex-start;transition:transform .2s}.submit-btn:hover{transform:scale(1.02)}.faq-card{background:var(--secondary-bg);border:.5px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:16px}.faq-item{padding:13px 18px;border-bottom:.5px solid rgba(255,255,255,.05);cursor:pointer;transition:background .15s}.faq-item:last-child{border-bottom:none}.faq-item:hover{background:#ffffff08}.faq-q{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#ffffffb3}.faq-q svg{width:12px;height:12px;stroke:#ffffff4d;fill:none;stroke-width:2;flex-shrink:0;transition:transform .2s}.faq-a{font-size:11px;color:#ffffff59;line-height:1.6;margin-top:8px;display:none}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q svg{transform:rotate(180deg)}.settings-card{background:var(--secondary-bg);border:.5px solid var(--border);border-radius:12px;overflow:hidden}.settings-header{padding:14px 18px;border-bottom:.5px solid var(--border)}.settings-title{font-size:13px;font-weight:500}.settings-body{padding:16px 18px;display:flex;flex-direction:column;gap:14px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 768px){.field-row{grid-template-columns:1fr}}.save-btn{background:var(--gradient-primary);border:none;border-radius:8px;padding:9px 20px;font-size:13px;font-weight:600;color:#110e20;cursor:pointer;align-self:flex-start;transition:transform .2s}.save-btn:hover{transform:scale(1.02)}.notif-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:.5px solid rgba(255,255,255,.05)}.notif-row:last-child{border-bottom:none}.notif-name{font-size:12px}.notif-desc{font-size:11px;color:#ffffff4d;margin-top:2px}.toggle{width:36px;height:20px;border-radius:20px;background:#ffffff1a;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0}.toggle.on{background:var(--accent-color)}.toggle-knob{width:14px;height:14px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:left .2s}.toggle.on .toggle-knob{left:19px}.api-key-row{display:flex;gap:8px;align-items:center}.api-key-box{flex:1;background:var(--primary-bg);border:.5px solid rgba(255,255,255,.1);border-radius:8px;padding:9px 12px;font-size:12px;color:#fff6;font-family:monospace;letter-spacing:.05em}.ghost-btn{background:transparent;border:.5px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 14px;font-size:12px;color:#ffffff80;cursor:pointer;transition:all .15s;white-space:nowrap}.ghost-btn:hover{border-color:#00e5ff4d;color:var(--accent-color)}.danger-zone{background:#e24b4a0d;border:.5px solid rgba(226,75,74,.2);border-radius:12px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between}.danger-title{font-size:13px;font-weight:500;color:#e24b4a}.danger-desc{font-size:11px;color:#ffffff4d;margin-top:3px}.danger-btn{background:transparent;border:.5px solid rgba(226,75,74,.4);border-radius:8px;padding:8px 16px;font-size:12px;color:#e24b4a;cursor:pointer;transition:all .15s;white-space:nowrap}.danger-btn:hover{background:#e24b4a1a}.support-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;flex-wrap:wrap;gap:12px}.support-subtitle{font-size:12px;color:#fff6;margin-top:4px}.status-badge{display:flex;align-items:center;gap:6px;font-size:11px;color:#fff9;background:#2ecc7114;padding:6px 10px;border-radius:16px;border:.5px solid rgba(46,204,113,.2)}.status-dot{width:6px;height:6px;border-radius:50%;background:#2ecc71;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.quick-issues{background:var(--secondary-bg);border:.5px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:16px}.quick-issues-label{font-size:11px;color:#fff6;margin-bottom:10px;letter-spacing:.04em}.quick-issues-grid{display:flex;flex-wrap:wrap;gap:8px}.quick-issue-btn{background:#ffffff08;border:.5px solid rgba(255,255,255,.1);border-radius:6px;padding:8px 12px;font-size:11px;color:#ffffffb3;cursor:pointer;transition:all .15s}.quick-issue-btn:hover{background:#00e5ff14;border-color:#00e5ff40;color:var(--accent-color)}.support-code-badge{font-size:10px;color:var(--accent-color);background:#00e5ff14;padding:4px 8px;border-radius:4px;font-family:monospace;letter-spacing:.03em}.char-count{font-size:10px;color:#ffffff40;text-align:right;margin-top:4px}.info-display{background:#00000026;border:.5px solid rgba(255,255,255,.05);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.info-row{display:flex;align-items:center;gap:8px;font-size:11px}.info-label{color:#fff6}.info-value{color:#ffffffb3}.submit-status{padding:12px 14px;border-radius:8px;font-size:12px;line-height:1.5}.submit-status.success{background:#2ecc7114;border:.5px solid rgba(46,204,113,.2);color:#2ecc71}.submit-status.error{background:#e24b4a14;border:.5px solid rgba(226,75,74,.2);color:#e24b4a}.ticket-id-display{margin-top:6px;font-size:11px;color:#ffffff80}.telegram-link-btn{display:inline-block;margin-top:8px;padding:6px 12px;background:#00e5ff1a;border:.5px solid rgba(0,229,255,.3);border-radius:6px;font-size:11px;color:var(--accent-color);text-decoration:none;transition:all .15s}.telegram-link-btn:hover{background:#00e5ff26}.spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(17,14,32,.3);border-top-color:#110e20;border-radius:50%;animation:spin .8s linear infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.submit-btn:disabled:hover{transform:none}.pro-tips-card{background:#00e5ff08;border:.5px solid rgba(0,229,255,.15);border-left:3px solid var(--accent-color);border-radius:8px;padding:14px 16px;margin-bottom:16px}.pro-tips-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.pro-tips-icon{font-size:14px}.pro-tips-title{font-size:12px;font-weight:500;color:var(--accent-color)}.pro-tips-list{list-style:none;padding:0;margin:0}.pro-tips-list li{font-size:11px;color:#fff9;padding:4px 0 4px 16px;position:relative}.pro-tips-list li:before{content:"•";position:absolute;left:4px;color:#00e5ff80}.alt-contact{display:flex;align-items:center;gap:6px;font-size:11px;color:#ffffff4d;padding-top:8px}.alt-contact-label{color:#fff6}.alt-contact-link{color:var(--accent-color);text-decoration:none}.alt-contact-link:hover{text-decoration:underline}.alt-contact-note{color:#ffffff40;font-size:10px}.igpu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;background:#020612e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:igpu-fade .18s ease}@keyframes igpu-fade{0%{opacity:0}to{opacity:1}}@keyframes igpu-up{0%{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes igpu-pulse{0%,to{opacity:.3}50%{opacity:1}}@keyframes igpu-spin{to{transform:rotate(360deg)}}.igpu-modal{position:relative;width:100%;max-width:432px;background:linear-gradient(160deg,#0c1a2e,#08111f 60%,#040c18);border-radius:22px;padding:2.5rem 2.5rem 2rem;font-family:DM Sans,sans-serif;animation:igpu-up .28s cubic-bezier(.34,1.4,.64,1);box-shadow:0 0 0 1px #00e5ff1f,0 0 0 1px #ffffff0a inset,0 40px 100px #000000b3}.igpu-modal:before{content:"";position:absolute;top:-1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,#00e5ff 40%,#fff176 60%,transparent);border-radius:1px;animation:igpu-pulse 3.5s ease-in-out infinite}.igpu-close{position:absolute;top:1.1rem;right:1.1rem;width:30px;height:30px;border-radius:50%;background:#ffffff0d;border:.5px solid rgba(255,255,255,.1);color:#ffffff59;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;transition:all .15s}.igpu-close:hover{background:#ffffff1a;color:#fffc}.igpu-logo{display:flex;align-items:center;gap:9px;margin-bottom:1.5rem}.igpu-logo-mark{width:50px;height:50px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.igpu-logo-mark img{width:100%;height:100%;object-fit:contain}.igpu-logo-text{font-family:Syne,sans-serif;font-size:17px;font-weight:700;color:#fff;letter-spacing:-.3px}.igpu-logo-text span{color:#00e5ff}.igpu-pill{display:inline-flex;align-items:center;gap:5px;background:#fff17612;border:.5px solid rgba(255,241,118,.25);border-radius:20px;padding:3px 10px;font-size:11.5px;font-weight:500;color:#fff176;margin-bottom:1.1rem}.igpu-pill-dot{width:5px;height:5px;border-radius:50%;background:#fff176;box-shadow:0 0 5px #fff176cc}.igpu-h{font-family:Syne,sans-serif;font-size:25px;font-weight:700;color:#fff;margin:0 0 .3rem;letter-spacing:-.5px}.igpu-sub{font-size:13px;font-weight:300;color:#ffffff61;margin:0 0 1.6rem}.igpu-toggle{display:flex;background:#ffffff0a;border:.5px solid rgba(255,255,255,.08);border-radius:10px;padding:3px;margin-bottom:1.6rem;gap:3px}.igpu-tab{flex:1;padding:8px 0;border-radius:8px;border:none;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;cursor:pointer;transition:all .18s;background:transparent;color:#ffffff52}.igpu-tab.active{background:#00e5ff1a;color:#00e5ff;box-shadow:0 0 0 .5px #00e5ff40 inset}.igpu-divider{display:flex;align-items:center;gap:10px;margin-bottom:1.1rem}.igpu-divider-line{flex:1;height:.5px;background:#ffffff14}.igpu-divider-text{font-size:11px;color:#fff3;white-space:nowrap}.igpu-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:12.5px 20px;border-radius:11px;border:.5px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffffb8;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;cursor:pointer;transition:all .18s;margin-bottom:9px}.igpu-btn:hover:not(:disabled){background:#ffffff14;border-color:#ffffff2e;color:#fff;transform:translateY(-1px);box-shadow:0 8px 24px #00000040}.igpu-btn:active:not(:disabled){transform:translateY(0)}.igpu-btn:disabled{opacity:.45;cursor:not-allowed}.igpu-btn svg{width:17px;height:17px;flex-shrink:0}.igpu-spinner{width:16px;height:16px;flex-shrink:0;border:1.5px solid rgba(255,255,255,.15);border-top-color:#00e5ff;border-radius:50%;animation:igpu-spin .65s linear infinite}.igpu-gpu-bar{display:flex;align-items:center;gap:5px;margin-top:1.4rem;padding-top:1rem;border-top:.5px solid rgba(255,255,255,.06)}.igpu-pip{width:7px;height:7px;border-radius:2px;animation:igpu-pulse 1.8s ease-in-out infinite}.igpu-pip:nth-child(1){background:#00e5ffb3;animation-delay:0s}.igpu-pip:nth-child(2){background:#00e5ff80;animation-delay:.2s}.igpu-pip:nth-child(3){background:#00e5ff66;animation-delay:.4s}.igpu-pip:nth-child(4){background:#00e5ff40;animation-delay:.6s}.igpu-pip:nth-child(5){background:#00e5ff26;animation-delay:.8s}.igpu-gpu-label{font-size:10.5px;color:#fff3;margin-left:3px;font-weight:300}.igpu-footer{margin-top:1.25rem;text-align:center;font-size:11px;color:#ffffff2e;line-height:1.6}.igpu-footer a{color:#00e5ff73;text-decoration:none}.igpu-footer a:hover{color:#00e5ff}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:400px}.toast{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-radius:8px;color:#fff;font-size:14px;box-shadow:0 4px 20px #0000004d;animation:slideIn .3s ease}.toast-success{background:linear-gradient(135deg,#10b981,#059669)}.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626)}.toast-warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.toast-info{background:linear-gradient(135deg,#3b82f6,#2563eb)}.toast-message{flex:1;margin-right:12px}.toast-close{background:none;border:none;color:#fffc;font-size:20px;cursor:pointer;padding:0;line-height:1;transition:color .2s}.toast-close:hover{color:#fff}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.app-container,.app-layout{display:flex;flex-direction:column;height:100vh;width:100%;background:var(--primary-bg)}.page-content{flex:1;overflow:hidden;display:flex;flex-direction:column}:root{--primary-bg: #110e20;--secondary-bg: #1a142f;--accent-color: #00e5ff;--secondary-accent: #fff176;--text-color: #ffffff;--text-muted: rgba(255, 255, 255, .6);--gradient-primary: linear-gradient(135deg, #00e5ff, #fff176);--border: rgba(255, 255, 255, .08)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--primary-bg);color:var(--text-color)}html,body,#root{height:100%;width:100%}