@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Tajawal:wght@400;500;700&display=swap";.theme-lang-toggle{z-index:1000;gap:1rem;display:flex}.icon-btn{background:var(--surface-glass);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;width:3rem;height:3rem;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);border-radius:50%;justify-content:center;align-items:center;font-family:inherit;font-size:1rem;display:flex}.icon-btn:hover{box-shadow:var(--shadow-md);border-color:var(--primary-400);color:var(--primary-500);transform:translateY(-2px)}.layout-container{background-color:var(--bg-color);height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--surface-color);border-inline-end:1px solid var(--border-color);width:260px;transition:width var(--transition-normal);flex-direction:column;flex-shrink:0;display:flex}.sidebar-logo{height:var(--header-height);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:0 1rem;display:flex}.sidebar-brand{align-items:center;gap:.6rem;display:flex}.sidebar-brand-icon{background:linear-gradient(135deg, var(--primary-500), var(--primary-700));color:#fff;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sidebar-brand-name{color:var(--text-primary);font-size:1.1rem;font-weight:700}.sidebar-new-chat-wrap{border-bottom:1px solid var(--border-color);padding:.75rem 1rem}.sidebar-new-chat-btn{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 15px #22c55e40}.sidebar-new-chat-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e59}.sidebar-new-chat-btn:active{transform:translateY(0)}.recent-chats-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.5rem;padding:.75rem 1rem .4rem;font-size:.75rem;font-weight:700;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:.1rem;padding:.5rem .75rem;display:flex;overflow-y:auto}.nav-item{color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.75rem;width:100%;padding:.6rem .75rem;font-family:inherit;font-size:.95rem;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background-color:var(--primary-50);color:var(--primary-600)}.nav-item.active{background-color:var(--primary-50);color:var(--primary-600);font-weight:600}[data-theme=dark] .nav-item:hover,[data-theme=dark] .nav-item.active{color:var(--primary-400);background-color:#22c55e1a}.sidebar-footer{border-top:1px solid var(--border-color);padding:1rem}.logout-btn{color:#ef4444;cursor:pointer;background-color:#ef44441a;border:1px solid #ef444433;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.65rem 1rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.logout-btn:hover{color:#fff;background-color:#ef4444;transform:translateY(-1px);box-shadow:0 4px 12px #ef444440}.logout-btn:active{transform:translateY(0)}.main-content{background-color:var(--bg-color);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.main-header{height:var(--header-height);background:var(--surface-color);border-bottom:1px solid var(--border-color);z-index:10;flex-shrink:0;justify-content:flex-end;align-items:center;padding:0 1.25rem;display:flex}.page-content-wrapper{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden auto}.desktop-toggle-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.desktop-toggle-btn:hover{background:var(--primary-50);color:var(--primary-600)}[data-theme=dark] .desktop-toggle-btn:hover{color:var(--primary-400);background:#22c55e1a}.sidebar.collapsed{width:76px}.sidebar.collapsed .sidebar-text{display:none!important}.sidebar.collapsed .sidebar-logo{height:var(--header-height);justify-content:center;padding:0}.sidebar.collapsed .sidebar-brand{display:none}.sidebar.collapsed .sidebar-new-chat-wrap{justify-content:center;padding:1rem 0;display:flex}.sidebar.collapsed .sidebar-new-chat-btn{border-radius:50%;width:44px;height:44px;padding:.75rem}.sidebar.collapsed .sidebar-new-chat-btn svg{margin:0}.sidebar.collapsed .recent-chats-header{justify-content:center;padding:.75rem 0 .4rem}.sidebar.collapsed .recent-chats-header span{display:none}.sidebar.collapsed .recent-chats-header svg{margin:0}.sidebar.collapsed .nav-item{justify-content:center;width:44px;height:44px;margin:0 auto;padding:.65rem}.sidebar.collapsed .nav-item svg{margin:0}.sidebar.collapsed .delete-btn{display:none!important}.sidebar.collapsed .chat-link{justify-content:center;padding:.6rem!important}.sidebar.collapsed .logout-btn{border-radius:50%;width:44px;height:44px;margin:0 auto;padding:.65rem}.sidebar.collapsed .logout-btn svg{margin:0}.page-container{width:100%;height:100%}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;margin-inline-end:auto;padding:.5rem;display:none}.mobile-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.5rem;display:none}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;opacity:0;transition:opacity var(--transition-normal);background:#00000080;display:none;position:fixed;inset:0}@media (width<=1024px){.desktop-toggle-btn{display:none}.sidebar{z-index:50;width:280px;position:fixed;top:0;bottom:0;left:-280px}.rtl .sidebar{left:auto;right:-280px}.sidebar.mobile-open{transform:translate(280px)}.rtl .sidebar.mobile-open{transform:translate(-280px)}.sidebar-overlay.mobile-open{opacity:1;display:block}.mobile-menu-btn{align-items:center;display:flex}.mobile-close-btn{align-items:center;margin-inline-start:auto;display:flex}.sidebar-text{display:block!important}.sidebar-logo{justify-content:space-between}.nav-item{justify-content:flex-start}.delete-btn{display:flex!important}.recent-chats-header{justify-content:flex-start}.chat-link{justify-content:flex-start;padding:.6rem 1rem!important}}.rail-tip{z-index:60;background:var(--text-primary);max-width:240px;color:var(--surface-color);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;border-radius:.4rem;padding:.4rem .7rem;font-family:inherit;font-size:.82rem;font-weight:600;line-height:1.4;animation:.12s ease-out rail-tip-in;position:fixed;overflow:hidden;transform:translateY(-50%);box-shadow:0 6px 18px #00000040}@keyframes rail-tip-in{0%{opacity:0;transform:translateY(-50%)scale(.96)}to{opacity:1;transform:translateY(-50%)scale(1)}}@media (width<=1024px){.rail-tip{display:none}}.attachment-loading{animation:1.4s ease-in-out infinite attachmentPulse}@keyframes attachmentPulse{0%,to{opacity:.35}50%{opacity:.75}}.mn-note{border:1px solid var(--border-color);background:var(--floating-bg);border-radius:11px;align-items:flex-start;gap:10px;margin:0 0 10px;padding:10px 14px;animation:.25s mn-in;display:flex}@keyframes mn-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.mn-note>svg{color:var(--accent-text);flex-shrink:0;margin-top:2px}.mn-note p{color:var(--text-secondary);flex:1;margin:0;font-size:.79rem;line-height:1.75}.mn-note b{color:var(--text-primary);font-weight:600}.mn-note a{color:var(--accent-text);white-space:nowrap;text-decoration:none}.mn-note a:hover{text-decoration:underline}.mn-note button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px;line-height:0}.mn-note button:hover{background:var(--bg-color);color:var(--text-primary)}.re-note{border:1px solid var(--border-color);border-inline-start:3px solid var(--bad-text,#b3261e);background:var(--floating-bg);border-radius:11px;align-items:flex-start;gap:10px;margin:0 0 10px;padding:11px 14px;display:flex}.re-note>svg{color:var(--bad-text,#b3261e);flex-shrink:0;margin-top:2px}.re-note>div{flex:1;min-width:0}.re-note strong{color:var(--text-primary);margin-bottom:3px;font-size:.82rem;display:block}.re-note p{color:var(--text-secondary);word-break:break-word;max-height:7.5em;margin:0;font-size:.76rem;line-height:1.7;overflow-y:auto}.re-note button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px;line-height:0}.re-note button:hover{background:var(--bg-color);color:var(--text-primary)}.qd-backdrop{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;padding:20px;animation:.15s ease-out qd-fade;display:flex;position:fixed;inset:0}@keyframes qd-fade{0%{opacity:0}to{opacity:1}}.qd-dialog{text-align:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:1rem;width:100%;max-width:390px;padding:28px 26px 22px;animation:.18s ease-out qd-in;position:relative;box-shadow:0 24px 60px #0006}@keyframes qd-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}.qd-close{top:12px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.4rem;padding:.3rem;display:flex;position:absolute;inset-inline-end:12px}.qd-close:hover{color:var(--text-primary)}.qd-mark{color:#eab308;background:#eab3081f;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto 14px;display:flex}.qd-dialog h3{color:var(--text-primary);margin:0 0 8px;font-size:1.1rem;font-weight:800;line-height:1.6}.qd-sub{color:var(--text-secondary);margin:0 0 18px;font-size:.86rem;line-height:1.8}.qd-offer{border:1px solid var(--primary-500);background:#22c55e0f;border-radius:.75rem;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.qd-count{align-items:baseline;gap:7px;display:flex}.qd-count b{color:var(--primary-500);font-size:1.5rem;font-weight:800}.qd-count span{color:var(--text-secondary);font-size:.82rem}.qd-price{color:var(--text-primary);font-size:1.05rem;font-weight:800}.qd-buy{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.92rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 6px 18px #22c55e47}.qd-buy:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #22c55e59}.qd-buy:disabled{opacity:.6;cursor:not-allowed}.qd-error{color:#ef4444;margin:0 0 12px;font-size:.82rem}.qd-note{color:var(--text-secondary);opacity:.8;margin:12px 0 0;font-size:.74rem;line-height:1.7}.qd-buy.is-second{margin-top:10px}.qd-inline-price{white-space:nowrap;margin-inline-start:auto;font-weight:800}.bs-wrap{z-index:2;flex-direction:column;align-items:center;gap:18px;padding:26px 22px;display:flex;position:absolute;inset:0;overflow:hidden;container:bs/inline-size}.bs-header{text-align:center;flex-shrink:0;max-width:460px}.bs-line{color:var(--text-primary);margin:12px 0 0;font-size:1.02rem;font-weight:700;line-height:1.7;animation:.45s ease-out bs-line-in}@keyframes bs-line-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.bs-pulse{justify-content:center;align-items:flex-end;gap:6px;height:26px;display:flex}.bs-pulse span{background:var(--primary-500);border-radius:999px;width:8px;height:8px;animation:1.25s ease-in-out infinite bs-pulse}.bs-pulse span:nth-child(2){animation-delay:.16s}.bs-pulse span:nth-child(3){animation-delay:.32s}@keyframes bs-pulse{0%,to{opacity:.45;transform:translateY(0)scale(1)}40%{opacity:1;transform:translateY(-9px)scale(1.15)}}.bs-stage{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.is-web .bs-stage{align-items:stretch}.bs-bar.is-grow{flex:1;min-height:0}.bs-bar{background:var(--border-color);opacity:.55;flex-shrink:0;animation:.42s ease-out backwards bs-block-in;position:relative;overflow:hidden}@keyframes bs-block-in{0%{opacity:0;transform:translateY(7px)scale(.985)}to{opacity:.55;transform:none}}.bs-bar.is-mint{background:linear-gradient(135deg, var(--accent-mint), var(--accent-bold));opacity:.3}.bs-bar.is-blue{opacity:.26;background:linear-gradient(135deg,#5b9dd9,#6f7ee0)}.bs-bar.is-mint,.bs-bar.is-blue{animation-name:bs-block-in-tinted}@keyframes bs-block-in-tinted{0%{opacity:0;transform:translateY(7px)scale(.985)}to{transform:none}}.bs-bar:after{content:"";background:linear-gradient(90deg,#0000,#ffffff24,#0000);animation:1.6s ease-in-out infinite bs-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes bs-shimmer{to{transform:translate(100%)}}.bs-page,.bs-app{animation:.5s ease-out bs-swap}@keyframes bs-swap{0%{opacity:0}to{opacity:1}}.bs-page{border:1px solid var(--border-color);background:var(--surface-color);direction:ltr;border-radius:14px;flex-direction:column;width:100%;height:100%;padding:18px;display:flex;overflow:hidden;box-shadow:0 18px 40px #0000002e}.bs-topbar{border-bottom:1px solid var(--border-color);align-items:center;gap:14px;padding-bottom:14px;display:flex}.bs-nav{gap:14px;min-width:0;margin-inline-start:auto;display:flex;overflow:hidden}.bs-nav .bs-bar{flex-shrink:1;min-width:0}.bs-hero{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-height:0;padding:26px 0 22px;display:flex}.bs-cta{gap:10px;margin-top:14px;display:flex}.bs-cards{flex:0 0 42%;grid-template-columns:repeat(3,1fr);gap:12px;min-height:0;display:grid}.bs-card{border:1px solid var(--border-color);border-radius:10px;flex-direction:column;min-height:0;padding:10px;display:flex}.bs-split{flex:1;grid-template-columns:1fr 1fr;align-items:stretch;gap:22px;min-height:0;padding:22px 0 20px;display:grid}.bs-split-text{flex-direction:column;gap:8px;display:flex}.bs-strip{border-top:1px solid var(--border-color);grid-template-columns:repeat(5,1fr);gap:12px;padding-top:16px;display:grid}.bs-tiles{flex:1;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:12px;min-height:0;display:grid}.bs-tile{flex-direction:column;min-height:0;display:flex}.bs-app{background:#0f1015;flex-direction:column;height:100%;padding:30px 14px 0;display:flex}.bs-app-head{justify-content:space-between;align-items:center;padding-top:6px;display:flex}.bs-rows{flex-direction:column;gap:14px;display:flex}.bs-row{align-items:center;gap:12px;display:flex}.bs-row-text{flex-direction:column;flex:1;gap:7px;display:flex}.bs-app-body{flex-direction:column;flex:1;min-height:0;animation:.5s ease-out bs-swap;display:flex}.bs-tabs{border-top:1px solid #ffffff12;justify-content:space-around;align-items:center;padding:12px 0 18px;display:flex}.bs-tab{flex-direction:column;align-items:center;gap:6px;display:flex}.bs-grid{flex:1;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:12px;min-height:0;display:grid}.bs-cell{flex-direction:column;min-height:0;display:flex}.bs-profile{flex-direction:column;align-items:center;padding:18px 0 20px;display:flex}.bs-stats{border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 0;display:grid}.bs-stat{flex-direction:column;align-items:center;display:flex}.bs-app .bs-bar{opacity:1;background:#ffffff17}.bs-app .bs-bar.is-mint{background:linear-gradient(135deg, var(--accent-mint), var(--accent-bold));opacity:.34}.bs-app .bs-bar.is-blue{opacity:.3;background:linear-gradient(135deg,#5b9dd9,#6f7ee0)}@keyframes bs-block-in-phone{0%{opacity:0;transform:translateY(7px)scale(.985)}to{opacity:1;transform:none}}.bs-app .bs-bar{animation-name:bs-block-in-phone}.bs-app .bs-bar.is-mint,.bs-app .bs-bar.is-blue{animation-name:bs-block-in-tinted}@container bs (width<=700px){.bs-cards,.bs-split{grid-template-columns:1fr}.bs-tiles{grid-template-columns:repeat(2,1fr)}.bs-card:nth-child(n+3){display:none}}@container bs (width<=460px){.bs-wrap{padding:20px 12px}.bs-page{padding:12px}.bs-nav{display:none}}@media (prefers-reduced-motion:reduce){.bs-bar:after,.bs-pulse span,.bs-line,.bs-page,.bs-app{animation:none}.bs-bar{opacity:.55;animation:none;transform:none}}.sbx-err{z-index:6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fde68a;background:#291a04f0;border:1px solid #d9770659;border-radius:9px;align-items:center;gap:8px;padding:7px 10px;font-size:12.5px;animation:.22s ease-out sbx-err-in;display:flex;position:absolute;top:8px;left:8px;right:8px;box-shadow:0 4px 14px #00000040}@keyframes sbx-err-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sbx-err-mark{color:#f59e0b;flex-shrink:0}.sbx-err-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sbx-err-fix{color:#fff;cursor:pointer;background:#d97706;border:none;border-radius:7px;flex-shrink:0;align-items:center;gap:5px;padding:5px 11px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s;display:inline-flex}.sbx-err-fix:hover:not(:disabled){background:#b45309}.sbx-err-fix:disabled{opacity:.65;cursor:default}.sbx-err-spin{animation:.9s linear infinite sbx-err-turn}@keyframes sbx-err-turn{to{transform:rotate(360deg)}}.sbx-err-close{color:#fbbf24;cursor:pointer;opacity:.75;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px;transition:opacity .15s,background .15s;display:inline-flex}.sbx-err-close:hover:not(:disabled){opacity:1;background:#f59e0b26}.sbx-err-close:disabled{opacity:.4;cursor:default}@container (width<=420px){.sbx-err-fix span{display:none}.sbx-err-fix{padding:6px 8px}}.project-actions-fab{position:relative}.project-actions-fab.is-idle:after{content:"";border:2px solid var(--primary-500);opacity:0;pointer-events:none;border-radius:50%;animation:1.8s ease-out infinite fabPulse;position:absolute;inset:-3px}.project-actions-fab.is-idle:before{content:"";border:2px solid var(--primary-500);opacity:0;pointer-events:none;border-radius:50%;animation:1.8s ease-out .9s infinite fabPulse;position:absolute;inset:-3px}.project-actions-fab:hover:after,.project-actions-fab:hover:before,.project-actions-fab:focus-visible:after,.project-actions-fab:focus-visible:before{animation:none}@keyframes fabPulse{0%{opacity:.5;transform:scale(.9)}to{opacity:0;transform:scale(1.5)}}.project-actions-icon{place-items:center;width:22px;height:22px;display:grid;position:relative}.project-actions-icon>svg{grid-area:1/1;transition:transform .32s cubic-bezier(.4,0,.2,1),opacity .2s}.project-actions-icon>.icon-menu{opacity:1;transform:rotate(0)}.project-actions-icon>.icon-close{opacity:0;transform:rotate(-90deg)}.is-open .project-actions-icon>.icon-menu{opacity:0;transform:rotate(90deg)}.is-open .project-actions-icon>.icon-close{opacity:1;transform:rotate(0)}.project-actions-pill{border:1px solid var(--pill-line,var(--floating-border));background:var(--pill-bg,var(--floating-bg));color:var(--pill-ink,var(--text-primary));font:inherit;white-space:nowrap;cursor:pointer;border-radius:30px;align-items:center;gap:8px;max-width:260px;padding:10px 16px;font-weight:500;transition:border-color .16s,box-shadow .16s,filter .16s;display:flex;box-shadow:0 8px 24px #00000047}.project-actions-pill:hover:not(:disabled),.project-actions-pill:focus-visible:not(:disabled){border-color:var(--primary-500);filter:brightness(.94);box-shadow:0 10px 26px #0000004d,0 0 0 3px #5ed6ad2e}.project-actions-pill:disabled{opacity:.55;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.project-actions-fab.is-idle:after,.project-actions-fab.is-idle:before,.project-actions-pill{animation:none!important}.project-actions-icon>svg{transition:none}}@keyframes fabPillIn{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fabPillOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(10px)scale(.96)}}@media (prefers-reduced-motion:reduce){.project-actions-pill{animation:none!important}}.project-actions-strip{border-top:1px solid var(--border-color);background:var(--surface-color);scrollbar-width:thin;flex-shrink:0;align-items:center;gap:8px;width:100%;padding:10px 12px;display:flex;overflow-x:auto}.cd-wrap{margin-top:14px}.cd-error{color:var(--bad-text,#b3261e);margin:8px 0 0;font-size:.78rem}.cd-row{border:1px solid var(--border-color);background:var(--bg-color);border-radius:11px;margin-top:12px;padding:12px 14px}.cd-row.is-active{border-color:var(--primary-600)}.cd-head{align-items:center;gap:10px;display:flex}.cd-name{text-overflow:ellipsis;white-space:nowrap;direction:ltr;font-size:.86rem;font-weight:600;overflow:hidden}.cd-name a{color:var(--accent-text);text-decoration:none}.cd-name a:hover{text-decoration:underline}.cd-state{border:1px solid var(--border-color);white-space:nowrap;border-radius:20px;padding:2px 9px;font-size:.7rem}.cd-state.is-active{color:var(--ok-text,#12805a);background:var(--accent-tint)}.cd-state.is-failed{color:var(--bad-text,#b3261e)}.cd-state.is-pending{color:var(--warn-text,#b8860b)}.cd-icon{border:1px solid var(--border-color);background:var(--surface-color);color:var(--text-secondary);cursor:pointer;border-radius:7px;margin-inline-start:auto;padding:6px;line-height:0}.cd-icon+.cd-icon{margin-inline-start:0}.cd-icon:hover{color:var(--text-primary);border-color:var(--primary-500)}.cd-icon.is-danger:hover{color:var(--bad-text,#b3261e);border-color:currentColor}.cd-icon:disabled{opacity:.5;cursor:default}.cd-spin{animation:.9s linear infinite cd-turn}@keyframes cd-turn{to{transform:rotate(360deg)}}.cd-howto{margin-top:12px}.cd-howto>p{color:var(--text-secondary);margin:0 0 8px;font-size:.78rem}.cd-record{background:var(--surface-color);border:1px solid var(--border-color);border-radius:9px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;display:flex}.cd-cell{align-items:center;gap:7px;min-width:0;font-size:.78rem;display:flex}.cd-cell.cd-grow{flex:1;min-width:200px}.cd-cell b{color:var(--text-secondary);font-size:.68rem;font-weight:600}.cd-cell code{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;direction:ltr;font-size:.78rem;overflow:hidden}.cd-copy{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:3px;line-height:0}.cd-copy:hover{color:var(--primary-600)}.cd-why{color:var(--bad-text,#b3261e);align-items:center;gap:6px;margin:9px 0 0;font-size:.76rem;display:flex}.cd-note{color:var(--text-secondary);margin:8px 0 0;font-size:.71rem;line-height:1.6}.cd-purpose{color:var(--accent-text);flex-basis:100%;font-size:.7rem;font-weight:600}.home-dashboard{background:var(--bg-color);width:100%;height:100%;display:flex}.mobile-tabs{display:none}.chat-side-panel{background:var(--surface-color);border:1px solid var(--border-color);width:30%;min-width:300px;max-width:420px;height:calc(100% - 2rem);box-shadow:var(--shadow-sm);border-radius:1.5rem;flex-direction:column;margin:1rem 0 1rem 1rem;display:flex;overflow:hidden}[dir=rtl] .chat-side-panel{margin:1rem 1rem 1rem 0}.sandbox-preview{background:var(--surface-color);border:1px solid var(--border-color);height:calc(100% - 2rem);box-shadow:var(--shadow-sm);border-radius:1.5rem;flex-direction:column;flex:1;justify-content:center;align-items:center;margin:1rem;display:flex;position:relative;overflow:hidden}.sandbox-iframe-container iframe{border:none;width:100%;height:100%}.chat-welcome-container{border-radius:12px;overflow:hidden}.welcome-icons svg{animation:4s ease-in-out infinite floatIcon}.welcome-icons svg:nth-child(2){animation-delay:1s}.welcome-icons svg:nth-child(3){animation-delay:2s}.welcome-icons svg:nth-child(4){animation-delay:3s}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.sandbox-placeholder{width:100%;height:100%;color:var(--text-secondary);border:1px solid var(--border-color);opacity:.6;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:1rem;display:flex}.chat-messages{flex-direction:column;flex:1;padding:1.5rem;display:flex;overflow-y:auto}.chat-welcome h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem}.chat-welcome p{color:var(--text-secondary);font-size:.95rem}.chat-input-container{background:0 0;padding:0 1rem 1.5rem}.chat-input-wrapper{background:var(--bg-color);border:1px solid var(--border-color);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:2rem;align-items:flex-end;gap:1rem;padding:.85rem 1.5rem;display:flex;box-shadow:0 4px 12px #0000000d}.chat-input-wrapper:focus-within{border-color:var(--primary-400);box-shadow:var(--shadow-primary)}.chat-textarea{color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;flex:1;max-height:150px;padding:.25rem 0;font-family:inherit;font-size:1rem;line-height:1.5;overflow-y:auto}.chat-textarea::placeholder{color:var(--text-secondary)}.icon-btn-small{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;display:flex}.icon-btn-small:hover{color:var(--primary-500);background:var(--primary-50)}[data-theme=dark] .icon-btn-small:hover{background:#22c55e1a}.send-btn{background:var(--primary-500);color:#fff;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;display:flex}.send-btn:hover{background:var(--primary-600);transform:scale(1.05)}@keyframes spin{to{transform:rotate(360deg)}}.agent-status-indicator{background-color:var(--primary-50);border:1px solid var(--primary-200);border-radius:999px;align-self:flex-start;align-items:center;gap:.75rem;margin-top:.5rem;margin-bottom:1rem;padding:.5rem 1rem;animation:.3s ease-out fadeIn;display:flex}[data-theme=dark] .agent-status-indicator{background-color:#22c55e1a;border-color:#22c55e4d}.agent-status-badge{align-items:center;gap:.5rem;display:flex}.agent-status-icon{font-size:1.1rem}.agent-status-text{color:var(--primary-700);font-size:.85rem;font-weight:600}[data-theme=dark] .agent-status-text{color:var(--primary-400)}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.typing-indicator{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:.75rem .75rem .75rem .2rem;align-self:flex-start;align-items:center;gap:4px;height:44px;padding:.75rem 1rem;display:flex}.typing-dot{background-color:var(--text-secondary);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both typingPulse}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typingPulse{0%,80%,to{opacity:.3;transform:scale(0)}40%{opacity:1;transform:scale(1)}}@media (width<=1024px){.home-dashboard{flex-direction:column}.mobile-tabs{background:var(--surface-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);z-index:5;width:100%;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-weight:600;display:flex}.tab-btn.active{color:var(--primary-600);border-bottom-color:var(--primary-500);background:var(--primary-50)}[data-theme=dark] .tab-btn.active{background:#22c55e0d}.chat-side-panel,[dir=rtl] .chat-side-panel{border:none;border-radius:0;flex:1;width:100%;min-width:0;max-width:none;height:auto;min-height:0;margin:0;display:none}.sandbox-preview{border:none;border-radius:0;flex:1;height:auto;min-height:0;margin:0;padding:1rem;display:none}.chat-side-panel.active-panel,.sandbox-preview.active-panel{display:flex}}.markdown-body{font-size:.95rem;line-height:1.6}.markdown-body p{margin-bottom:.75rem}.markdown-body p:last-child{margin-bottom:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{color:var(--text-primary);margin-top:1.5rem;margin-bottom:.75rem;font-weight:600}.markdown-body h1{font-size:1.5rem}.markdown-body h2{font-size:1.3rem}.markdown-body h3{font-size:1.1rem}.markdown-body ul,.markdown-body ol{margin-bottom:1rem;padding-inline-start:1.5rem}.markdown-body li{margin-bottom:.25rem}.markdown-body code{background-color:var(--bg-secondary);color:var(--primary-600);border-radius:.3rem;padding:.2rem .4rem;font-family:monospace;font-size:.85em}.markdown-body pre code{color:inherit;background-color:#0000;padding:0}.markdown-body pre{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;margin-bottom:1rem;padding:1rem;overflow-x:auto}[data-theme=dark] .markdown-body code{color:var(--primary-400)}.subdomain-field{direction:ltr;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;align-items:stretch;max-width:420px;margin:4px auto 0;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.subdomain-field:focus-within{border-color:#22c55e8c;box-shadow:0 0 0 3px #22c55e1f}.subdomain-field.is-invalid{border-color:#ef444480}.subdomain-field input{min-width:0;color:var(--text-primary,#fff);text-align:left;background:0 0;border:0;outline:0;flex:1;padding:12px 14px;font-family:inherit;font-size:.95rem}.subdomain-field input::placeholder{opacity:.35}.subdomain-suffix{white-space:nowrap;color:var(--text-secondary,#9ca3af);background:#ffffff0a;border-left:1px solid #ffffff14;align-items:center;padding:0 14px;font-size:.9rem;display:flex}.subdomain-note{text-align:center;min-height:20px;margin-top:10px;font-size:.8rem}.subdomain-note.ok{color:#22c55e}.subdomain-note.bad{color:#ef4444}.subdomain-note.busy{color:var(--text-secondary,#9ca3af)}.support-input{box-sizing:border-box;width:100%;color:var(--text-primary,#fff);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;outline:0;margin:0 0 10px;padding:11px 14px;font-family:inherit;font-size:.92rem;transition:border-color .15s,box-shadow .15s;display:block}.support-input:focus{border-color:#22c55e8c;box-shadow:0 0 0 3px #22c55e1f}.support-input::placeholder{opacity:.4}.support-textarea{resize:vertical;min-height:120px;line-height:1.7}.format-choice{gap:10px;display:flex}.format-choice label{cursor:pointer;background:#ffffff08;border:1px solid #ffffff1f;border-radius:10px;flex:1;align-items:flex-start;gap:9px;padding:11px 13px;transition:border-color .15s,background .15s;display:flex}.format-choice label:hover{border-color:#ffffff38}.format-choice label:has(input:checked){background:#22c55e14;border-color:#22c55e8c}.format-choice input{flex-shrink:0;margin-top:3px}.format-choice span{text-align:start;flex-direction:column;gap:3px;display:flex}.format-choice b{font-size:.88rem}.format-choice small{opacity:.6;font-size:.7rem;line-height:1.5}.addr-choice{background:var(--bg-color);border:1px solid var(--border-color);border-radius:11px;gap:6px;margin:0 0 16px;padding:4px;display:flex}.addr-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 10px;font-size:.82rem;font-weight:600;transition:background .15s,color .15s}.addr-tab:hover{color:var(--text-primary)}.addr-tab.is-active{background:var(--surface-color);color:var(--text-primary);box-shadow:0 1px 3px #0000001f}.dns-record{border:1px solid var(--border-color);text-align:start;border-radius:10px;overflow:hidden}.dns-record>div{align-items:center;gap:12px;padding:9px 13px;font-size:.82rem;display:flex}.dns-record>div+div{border-top:1px solid var(--border-color)}.dns-record span{min-width:58px;color:var(--text-secondary);font-size:.7rem}.dns-record code{color:var(--text-primary);word-break:break-all;font-size:.82rem}.addr-tab.is-locked{opacity:.75}.addr-lock{opacity:.8;margin-inline-start:5px;font-size:.72rem}.addr-upsell{border:1px solid var(--border-color);background:var(--accent-tint);text-align:center;border-radius:11px;padding:18px 16px}.addr-upsell p{color:var(--text-primary);margin:0;font-size:.88rem}.addr-upsell-sub{line-height:1.7;color:var(--text-secondary)!important;margin-top:7px!important;font-size:.78rem!important}.addr-upsell-btn{background:var(--primary-600);color:#0d2b20;cursor:pointer;border:none;border-radius:9px;margin-top:15px;padding:9px 22px;font-size:.86rem;font-weight:600}.addr-upsell-btn:hover{filter:brightness(1.07)}.chat-composer-busy{color:var(--text-secondary);opacity:.75;flex-shrink:0;align-self:flex-end;align-items:center;margin-inline-start:4px;padding:8px;animation:.9s linear infinite chat-composer-spin;display:inline-flex}@keyframes chat-composer-spin{to{transform:rotate(360deg)}}.not-found-container{text-align:center;background-color:var(--bg-primary);height:100vh;color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.home-btn{background-color:var(--primary-600);color:#fff;transition:all var(--transition-fast);border-radius:.5rem;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.75rem 1.5rem;text-decoration:none;display:inline-flex}.home-btn:hover{background-color:var(--primary-700);transform:translateY(-2px)}.settings-page{background-color:var(--bg-color);justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem;display:flex}.settings-loading{justify-content:center;align-items:center;gap:8px;height:200px;display:flex}.settings-container{background-color:var(--surface-color);width:100%;max-width:600px;box-shadow:var(--shadow-md);border:1px solid var(--border-color);border-radius:1rem;overflow:hidden}.settings-header{border-bottom:1px solid var(--border-color);background-color:#22c55e08;padding:2rem}.settings-title{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.settings-title h2{color:var(--text-primary);font-size:1.5rem;font-weight:700}.settings-icon{color:var(--primary-600)}.settings-subtitle{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.settings-form{padding:2rem}.settings-section{margin-bottom:2rem}.settings-section h3{color:var(--text-primary);border-bottom:1px dashed var(--border-color);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.1rem;font-weight:600}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-primary);margin-bottom:.5rem;font-weight:600;display:block}.select-wrapper{position:relative}.settings-select{width:100%;color:var(--text-primary);background-color:var(--bg-color);border:1px solid var(--border-color);appearance:none;cursor:pointer;transition:all var(--transition-fast);border-radius:.5rem;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.settings-select:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 3px #22c55e1a}.select-wrapper:after{content:"▼";pointer-events:none;color:var(--text-secondary);font-size:.8rem;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.rtl .select-wrapper:after{left:1rem;right:auto}.field-hint{color:var(--text-secondary);align-items:flex-start;gap:.5rem;margin-top:.5rem;font-size:.85rem;display:flex}.field-hint svg{flex-shrink:0;margin-top:2px}.settings-actions{border-top:1px solid var(--border-color);justify-content:flex-end;padding-top:1rem;display:flex}.save-btn{background-color:var(--primary-600);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;display:flex}.save-btn:hover:not(:disabled){background-color:var(--primary-700);transform:translateY(-1px)}.save-btn:disabled{opacity:.7;cursor:not-allowed}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite spin}.settings-tabs{border:1px solid var(--border-color);background:#ffffff08;border-radius:12px;flex-wrap:wrap;gap:6px;margin-bottom:24px;padding:5px;display:flex}.settings-tab{color:var(--text-secondary);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9px;flex:auto;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.88rem;font-weight:500;transition:background .2s,color .2s;display:flex}.settings-tab:hover{color:var(--text-primary)}.settings-tab.is-active{background:var(--primary-600);color:var(--text-on-accent);font-weight:600}.settings-locked{border:1px solid var(--border-color);background:var(--accent-tint);color:var(--text-primary);border-radius:12px;align-items:center;gap:14px;margin:0 0 22px;padding:16px 18px;display:flex}.settings-locked>svg{color:var(--accent-text);flex-shrink:0}.settings-locked strong{margin-bottom:4px;font-size:.94rem;display:block}.settings-locked p{color:var(--text-secondary);margin:0;font-size:.83rem;line-height:1.6}.settings-upgrade{background:var(--primary-600);color:#0d2b20;white-space:nowrap;transition:filter var(--transition-fast);border-radius:9px;flex-shrink:0;margin-inline-start:auto;padding:9px 18px;font-size:.85rem;font-weight:600;text-decoration:none}.settings-upgrade:hover{filter:brightness(1.08)}.settings-section.is-locked .settings-select,.settings-section.is-locked label{opacity:.62}.settings-section.is-locked .settings-select{cursor:not-allowed}@media (width<=620px){.settings-locked{flex-wrap:wrap}.settings-upgrade{text-align:center;width:100%;margin-inline-start:0}}.model-band{border:1px solid var(--border-color);background:var(--bg-color);border-radius:20px;margin:10px 0 0;padding:4px 12px;font-size:.78rem;display:inline-block}.model-band.is-economy{color:var(--ok-text,#12805a)}.model-band.is-standard{color:var(--text-secondary)}.model-band.is-premium{color:var(--warn-text,#b8860b)}.admin-shell{background:var(--bg-dark);height:100%;min-height:0;display:flex}.admin-nav{border-inline-end:1px solid var(--border-color,#ffffff14);background:#ffffff04;flex-direction:column;flex:0 0 220px;gap:4px;padding:24px 14px;display:flex}.admin-nav-title{letter-spacing:.08em;text-transform:uppercase;opacity:.45;padding:0 12px 14px;font-size:.78rem}.admin-nav-item{color:var(--text-secondary,#9ca3af);border-radius:10px;align-items:center;gap:11px;padding:11px 12px;font-size:.92rem;text-decoration:none;transition:background .15s,color .15s;display:flex}.admin-nav-item:hover{color:var(--text-primary,#fff);background:#ffffff0a}.admin-nav-item.is-active{color:#22c55e;background:#22c55e1f}.admin-nav-back{opacity:.7;margin-top:auto;font-size:.88rem}.admin-content{flex:1;min-width:0;padding:28px 32px;overflow-y:auto}.admin-page-title{margin:0 0 6px;font-size:1.35rem}.admin-page-sub{opacity:.6;margin:0 0 26px;font-size:.88rem;line-height:1.7}@media (width<=860px){.admin-shell{flex-direction:column}.admin-nav{border-inline-end:0;border-block-end:1px solid var(--border-color,#ffffff14);flex-direction:row;flex:none;padding:12px;overflow-x:auto}.admin-nav-title{display:none}.admin-nav-item{white-space:nowrap}.admin-nav-back{margin-top:0}.admin-content{padding:20px 16px}}.st-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;display:flex}.st-range{border:1px solid var(--border-color);color:var(--text-secondary);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border-radius:9px;padding:8px 15px;font-size:.85rem}.st-range:hover{color:var(--text-primary);border-color:var(--text-secondary)}.st-range.is-active{background:var(--primary-600);border-color:var(--primary-600);color:var(--text-on-accent);font-weight:600}.st-date{border:1px solid var(--border-color);background:var(--inset-bg);color:var(--text-primary);font:inherit;border-radius:9px;padding:8px 11px;font-size:.83rem}.st-cards{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:18px;display:grid}.st-card{border:1px solid var(--border-color);background:var(--surface-color);border-radius:13px;padding:15px 17px}.st-card-label{color:var(--text-secondary);align-items:center;gap:7px;margin-bottom:9px;font-size:.78rem;display:flex}.st-card-value{text-align:start;direction:ltr;font-size:1.6rem;font-weight:700;line-height:1.1}.st-card-foot{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px;font-size:.76rem;display:flex}.st-delta{direction:ltr;align-items:center;gap:3px;display:inline-flex}.st-delta.up{color:var(--ok-text)}.st-delta.down{color:var(--bad-strong)}.st-delta.flat{color:var(--text-secondary)}.st-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;margin-bottom:14px;display:grid}.st-panel{border:1px solid var(--border-color);background:var(--surface-color);border-radius:13px;min-width:0;padding:17px 18px}.st-panel h3{margin:0 0 4px;font-size:.97rem;font-weight:600}.st-panel .st-sub{color:var(--text-secondary);margin:0 0 14px;font-size:.78rem;line-height:1.7}.st-wide{grid-column:1/-1}.st-table{border-collapse:collapse;width:100%;font-size:.85rem}.st-table th{text-align:start;color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:0 8px 9px;font-size:.75rem;font-weight:500}.st-table td{border-bottom:1px solid var(--border-color);padding:10px 8px}.st-table tr:last-child td{border-bottom:none}.st-table .st-num{text-align:end;white-space:nowrap;direction:ltr}.st-note{color:var(--text-primary);background:#eab30817;border:1px solid #eab30859;border-radius:10px;gap:9px;margin-bottom:16px;padding:11px 14px;font-size:.8rem;line-height:1.8;display:flex}.dai-wrap{max-width:620px}.dai-title{color:var(--text-primary);align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1.25rem;font-weight:700;display:flex}.dai-lede{color:var(--text-secondary);margin:0 0 1.25rem;font-size:.9rem;line-height:1.9}.dai-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:.75rem;padding:1.25rem}.dai-field{margin-bottom:1rem;display:block}.dai-field>span{color:var(--text-secondary);margin-bottom:.4rem;font-size:.82rem;font-weight:700;display:block}.dai-field select{background:var(--bg-color);width:100%;color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:.45rem;padding:.6rem .75rem;font-family:inherit;font-size:.9rem}.dai-warn{color:#f59e0b;align-items:center;gap:.4rem;margin:0 0 1rem;font-size:.82rem;display:flex}.dai-actions{flex-wrap:wrap;gap:.6rem;margin-bottom:.9rem;display:flex}.dai-save,.dai-reset{cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.dai-save{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff;border:none}.dai-save:disabled{opacity:.45;cursor:not-allowed}.dai-reset{color:var(--text-secondary);border:1px solid var(--border-color);background:0 0}.dai-reset:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-secondary)}.dai-foot{color:var(--text-secondary);opacity:.85;margin:0;font-size:.8rem}.license-page{box-sizing:border-box;width:100%;max-width:1600px;color:var(--text-primary);margin:0 auto;padding:40px}.license-header{text-align:center;margin-bottom:50px}.license-header h1{background:linear-gradient(135deg, var(--text-primary), var(--primary-500));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:10px;font-size:2.5rem}.license-header p{color:var(--text-secondary);font-size:1.1rem}.pricing-grid{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:24px;margin-bottom:60px;display:flex}.pricing-grid>*{flex:0 340px;max-width:380px}@media (width<=768px){.pricing-grid>*{flex-basis:100%;max-width:none}.pricing-grid{grid-template-columns:1fr}}.pricing-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;padding:30px;transition:transform .3s,box-shadow .3s;display:flex;position:relative}.pricing-card:hover{box-shadow:var(--shadow-primary);transform:translateY(-5px)}.pricing-card.popular{border-color:var(--primary-500);box-shadow:var(--shadow-primary);transform:scale(1.02)}.pricing-card.popular:hover{transform:scale(1.02)translateY(-5px)}.popular-badge{background:var(--primary-500);color:var(--primary-dark);border-radius:20px;padding:4px 12px;font-size:.85rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pkg-name{text-align:center;margin-bottom:15px;font-size:1.5rem}.pkg-price-container{text-align:center;min-height:50px;margin-bottom:25px}.pkg-price{color:var(--primary-500);font-size:2.5rem;font-weight:700}.pkg-period{color:var(--text-secondary);margin-right:5px;font-size:1rem}.pricing-card .btn{cursor:pointer;background:var(--panel-bg);width:100%;color:var(--text-primary);border:none;border-radius:8px;margin-bottom:30px;padding:12px;font-size:1rem;font-weight:700;transition:all .3s}.pricing-card .btn:hover{background:var(--border-color)}.pricing-card .popular-btn{background:var(--primary-500);color:var(--primary-dark)}.pricing-card .popular-btn:hover{background:var(--primary-600)}.pkg-features{flex-direction:column;gap:12px;display:flex}.feature-item{color:var(--text-secondary);align-items:center;gap:10px;font-size:.95rem;display:flex}.check-icon{color:var(--primary-500);flex-shrink:0}.topup-section{background:var(--surface-color);border:1px solid var(--border-color);text-align:center;border-radius:16px;padding:40px}.topup-section h2{margin-bottom:30px;font-size:1.8rem}.topup-grid{flex-wrap:wrap;justify-content:center;gap:30px;display:flex}.topup-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;min-width:250px;padding:25px}.topup-card h3{margin-bottom:10px;font-size:1.2rem}.topup-card p{color:var(--primary-500);margin-bottom:20px;font-size:1.1rem;font-weight:700}.topup-card .btn{border:1px solid var(--primary-500);width:100%;color:var(--primary-500);cursor:pointer;background:0 0;border-radius:8px;padding:10px;font-weight:700;transition:all .3s}.topup-card .btn:hover{background:var(--primary-500);color:var(--primary-dark)}.license-current{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;flex-wrap:wrap;justify-content:center;gap:24px;max-width:fit-content;margin:0 auto 32px;padding:14px 22px;font-size:.9rem;display:flex}.license-current b{color:var(--primary-400,#22c55e)}.cb-dock{bottom:24px;z-index:30;flex-direction:column;align-items:flex-end;gap:.6rem;display:flex;position:fixed;inset-inline-end:28px}.cb-fab{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.7rem 1.15rem;font-family:inherit;font-size:.9rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 8px 24px #22c55e4d}.cb-fab:hover{transform:translateY(-2px);box-shadow:0 12px 28px #22c55e66}.cb-backdrop{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;padding:20px;animation:.15s ease-out cb-fade;display:flex;position:fixed;inset:0}.cb-modal{text-align:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:1rem;width:100%;max-width:380px;padding:28px 26px 24px;animation:.18s ease-out cb-in;position:relative;box-shadow:0 24px 60px #0006}.cb-close{top:12px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.4rem;padding:.3rem;display:flex;position:absolute;inset-inline-end:12px}.cb-close:hover{color:var(--text-primary)}.cb-mark{width:52px;height:52px;color:var(--primary-500);background:#22c55e1f;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 14px;display:flex}.cb-modal h3{color:var(--text-primary);margin:0 0 6px;font-size:1.15rem;font-weight:800}.cb-sub{color:var(--text-secondary);margin:0 0 18px;font-size:.85rem;line-height:1.7}@keyframes cb-fade{0%{opacity:0}to{opacity:1}}.cb-row{gap:.4rem;display:flex}.cb-row input{background:var(--bg-color);min-width:0;color:var(--text-primary);border:1px solid var(--border-color);letter-spacing:.05em;border-radius:.45rem;flex:1;padding:.55rem .7rem;font-family:inherit;font-size:.88rem}.cb-row input:focus{border-color:var(--primary-500);outline:none}.cb-row button{background:var(--primary-600);color:#fff;cursor:pointer;border:none;border-radius:.45rem;padding:.55rem .9rem;font-family:inherit;font-size:.85rem;font-weight:700}.cb-row button:disabled{opacity:.45;cursor:not-allowed}@keyframes cb-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.cb-error{color:#ef4444;margin:.55rem 0 0;font-size:.8rem}.cb-dock.is-applied{background:var(--surface-color);border:1px solid var(--primary-500);color:var(--primary-500);border-radius:999px;flex-direction:row;align-items:center;gap:.5rem;padding:.6rem .9rem;box-shadow:0 8px 24px #0003}.cb-dock.is-applied .cb-code{letter-spacing:.06em;direction:ltr;font-weight:800}.cb-dock.is-applied .cb-off{color:var(--text-secondary);font-size:.82rem}.cb-dock.is-applied button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.15rem;display:flex}.cb-dock.is-applied button:hover{color:#ef4444}.pkg-price-was{color:var(--text-secondary);opacity:.6;font-size:1rem;font-weight:600;text-decoration:line-through;display:block}.pkg-price.is-cut{color:var(--primary-500)}.pkg-saving{color:var(--primary-500);margin:-6px 0 14px;font-size:.8rem;font-weight:700}@media (width<=640px){.cb-dock{inset-inline:16px;align-items:stretch;bottom:16px}.cb-fab{justify-content:center}}.license-remaining{margin:-30px 0 50px}.license-remaining h3{color:var(--text-primary);margin:0 0 14px;font-size:1.05rem;font-weight:700}.lr-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;display:grid}.lr-item{border:1px solid var(--border-color);background:var(--surface-color);border-radius:.75rem;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.lr-label{color:var(--text-secondary);font-size:.85rem}.lr-count b{color:var(--primary-500);font-size:1.15rem;font-weight:800}.lr-count em{color:var(--text-secondary);opacity:.7;font-size:.82rem;font-style:normal}.lr-item.is-empty{border-color:#ef444473}.lr-item.is-empty .lr-count b{color:#ef4444}.feature-count{color:var(--primary-500);direction:ltr;background:#22c55e24;border-radius:999px;margin-inline-start:6px;padding:1px 7px;font-size:.75rem;font-weight:700;display:inline-block}.topup-was{color:var(--text-secondary);opacity:.6;margin:8px 0 0;font-size:.8rem;text-decoration:line-through}.billing-page{max-width:1000px;color:var(--text-primary);margin:0 auto;padding:40px}.billing-page.loading{height:50vh;color:var(--text-secondary);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.billing-header{margin-bottom:40px}.billing-header h1{color:var(--primary-500);margin-bottom:10px;font-size:2rem}.billing-header p{color:var(--text-secondary)}.balance-card{background:linear-gradient(135deg, var(--surface-color), var(--bg-color));border:1px solid var(--primary-500);text-align:center;box-shadow:var(--shadow-primary);border-radius:16px;margin-bottom:50px;padding:40px}.balance-card h2{color:var(--text-secondary);margin-bottom:15px;font-size:1.2rem}.balance-amount{color:var(--primary-500);text-shadow:0 0 20px #5ed6ad66;margin-bottom:15px;font-size:4rem;font-weight:700}.balance-desc{color:var(--text-secondary);font-size:.95rem}.history-section h2{margin-bottom:25px;font-size:1.5rem}.no-history{background:var(--surface-color);text-align:center;color:var(--text-secondary);border-radius:12px;padding:30px}.table-responsive{overflow-x:auto}.history-table{border-collapse:collapse;background:var(--surface-color);border-radius:12px;width:100%;overflow:hidden}.history-table th,.history-table td{text-align:right;border-bottom:1px solid var(--border-color);padding:15px 20px}.history-table th{color:var(--text-secondary);background:#0003;font-weight:600}.history-table tr:last-child td{border-bottom:none}.history-table tr:hover{background:#ffffff05}.tokens-col{color:var(--primary-500);font-weight:700}.pay-return{background:var(--bg-color);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.pay-card{border:1px solid var(--border-color);background:var(--surface-color);text-align:center;width:100%;max-width:440px;color:var(--text-primary);border-radius:16px;padding:38px 30px 26px}.pay-card>svg{color:var(--text-secondary)}.pay-card.is-paid>svg{color:var(--primary-600)}.pay-card.is-failed>svg{color:var(--bad-text,#b3261e)}.pay-card h1{margin:16px 0 8px;font-size:1.25rem}.pay-card>p{color:var(--text-secondary);margin:0;font-size:.9rem}.pay-spin{animation:1.1s linear infinite pay-turn}@keyframes pay-turn{to{transform:rotate(360deg)}}.pay-lines{background:var(--bg-color);border:1px solid var(--border-color);text-align:start;border-radius:11px;margin:24px 0 6px;padding:14px 16px}.pay-lines div{justify-content:space-between;gap:14px;padding:5px 0;font-size:.85rem;display:flex}.pay-lines span{color:var(--text-secondary)}.pay-lines code{font-size:.8rem}.pay-back{background:var(--primary-600);color:#0d2b20;border-radius:9px;margin-top:18px;padding:10px 22px;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-block}.pay-hint{color:var(--text-secondary);margin:18px 0 0;font-size:.75rem}.pa-tabs{background:var(--inset-bg);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;gap:6px;margin-bottom:20px;padding:5px;display:flex}.pa-tab{color:var(--text-secondary);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9px;flex:auto;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.88rem;font-weight:500;transition:background .2s,color .2s;display:flex}.pa-tab:hover{color:var(--text-primary)}.pa-tab.is-active{background:var(--primary-600);color:var(--text-on-accent);font-weight:600}.pa-row{border:1px solid var(--border-color);background:var(--surface-color);border-radius:12px;margin-bottom:10px;transition:border-color .16s;overflow:hidden}.pa-row.is-open{border-color:var(--primary-500)}.pa-row.is-dirty{border-color:#eab3088c}.pa-summary{width:100%;color:var(--text-primary);font:inherit;text-align:start;cursor:pointer;background:0 0;border:none;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 16px;display:flex}.pa-summary:hover{background:var(--inset-bg)}.pa-name{min-width:130px;font-size:.95rem;font-weight:600}.pa-key{background:var(--inset-strong);color:var(--accent-text);direction:ltr;border-radius:6px;padding:2px 8px;font-size:.72rem}.pa-figure{color:var(--text-secondary);white-space:nowrap;font-size:.85rem}.pa-figure b{color:var(--text-primary);font-weight:600}.pa-flags{align-items:center;gap:10px;margin-inline-start:auto;display:flex}.pa-chip{border:1px solid var(--border-color);color:var(--text-secondary);white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:.72rem}.pa-chip.is-on{border-color:var(--accent-line);background:var(--accent-tint);color:var(--accent-text)}.pa-chip.is-warn{color:#a16207;background:#eab3081f;border-color:#eab30880}:root[data-theme=dark] .pa-chip.is-warn{color:#eab308}.pa-editor{border-top:1px solid var(--border-color);padding:4px 16px 16px}.pa-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:14px;display:grid}.pa-field label{color:var(--text-secondary);margin-bottom:5px;font-size:.75rem;display:block}.pa-field input[type=text],.pa-field input[type=number]{border:1px solid var(--border-color);background:var(--inset-bg);width:100%;color:var(--text-primary);font:inherit;border-radius:9px;padding:9px 11px;font-size:.9rem}.pa-field input:focus{border-color:var(--primary-500);outline:none}.pa-check{cursor:pointer;color:var(--text-primary);align-items:center;gap:8px;font-size:.85rem;display:flex}.pa-feature-toggle{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:7px;padding:7px 13px;font-family:inherit;font-size:.83rem;transition:border-color .15s,background .15s,color .15s;display:flex}.pa-feature-toggle:hover{border-color:var(--primary-500)}.pa-feature-toggle.is-on{border-color:var(--accent-line);background:var(--accent-tint);color:var(--accent-text);font-weight:500}.pa-actions{border-top:1px dashed var(--border-color);align-items:center;gap:10px;margin-top:18px;padding-top:14px;display:flex}.pa-save,.pa-revert{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:7px;padding:9px 18px;font-size:.87rem;font-weight:500;display:flex}.pa-save{background:var(--primary-600);border-color:var(--primary-600);color:#fff}.pa-save:disabled{opacity:.6;cursor:not-allowed}.pa-revert{border-color:var(--border-color);color:var(--text-secondary);background:0 0}.pa-revert:hover{border-color:var(--text-secondary);color:var(--text-primary)}.pa-hint{color:var(--text-secondary);margin-inline-start:auto;font-size:.78rem}.pa-unit{color:var(--text-secondary);margin-top:5px;font-size:.72rem;display:block}.mp-warn{border:1px solid var(--border-color);border-inline-start:3px solid var(--warn-text,#b8860b);background:var(--floating-bg);border-radius:10px;align-items:flex-start;gap:13px;margin:0 0 18px;padding:14px 16px;display:flex}.mp-warn>svg{color:var(--warn-text,#b8860b);flex-shrink:0;margin-top:2px}.mp-warn strong{margin-bottom:3px;font-size:.9rem;display:block}.mp-warn p{color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.6}.mp-table-scroll{border:1px solid var(--border-color);background:var(--surface-color);border-radius:12px;overflow-x:auto}.mp-table{border-collapse:collapse;width:100%;min-width:780px}.mp-table th{text-align:start;color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:11px 12px;font-size:.74rem;font-weight:600}.mp-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:9px 12px}.mp-table tr:last-child td{border-bottom:none}.mp-table tr.is-missing{background:var(--accent-tint)}.mp-name code{color:var(--text-primary);background:0 0;padding:0;font-size:.79rem}.mp-chip{background:var(--bg-color);color:var(--warn-text,#b8860b);border:1px solid var(--border-color);border-radius:20px;margin-inline-start:8px;padding:2px 8px;font-size:.68rem;display:inline-block}.mp-table input{border:1px solid var(--border-color);background:var(--bg-color);width:92px;color:var(--text-primary);border-radius:7px;padding:6px 8px;font-size:.82rem}.mp-table input:focus{border-color:var(--primary-500);outline:none}.mp-band{border:1px solid var(--border-color);white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:3px 10px;font-size:.73rem;display:inline-flex}.mp-band b{font-variant-numeric:tabular-nums}.mp-band.is-economy{color:var(--ok-text,#12805a)}.mp-band.is-standard{color:var(--text-secondary)}.mp-band.is-premium{color:var(--bad-text,#b3261e)}.mp-actions{white-space:nowrap;align-items:center;gap:6px;display:flex}.mp-foot{color:var(--text-secondary);margin:14px 2px 0;font-size:.76rem}.cp-new{border:1px dashed var(--border-color);background:var(--surface-color);color:var(--text-primary);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;display:inline-flex}.cp-new:hover{border-color:var(--primary-500);border-style:solid}.cp-form{border:1px solid var(--border-color);background:var(--surface-color);border-radius:13px;padding:20px 22px}.cp-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.cp-grid label{display:block}.cp-grid .cp-wide{grid-column:1/-1}.cp-grid span{color:var(--text-secondary);margin-bottom:6px;font-size:.76rem;display:block}.cp-grid input{border:1px solid var(--border-color);background:var(--bg-color);width:100%;color:var(--text-primary);border-radius:8px;padding:9px 11px;font-size:.88rem}.cp-grid input:focus{border-color:var(--primary-500);outline:none}.cp-grid small{color:var(--text-secondary);margin-top:5px;font-size:.7rem;line-height:1.5;display:block}.cp-form-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;display:flex}.cp-table td{font-size:.84rem}.cp-code{border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-primary);cursor:pointer;letter-spacing:.04em;border-radius:7px;align-items:center;gap:7px;padding:3px 8px;font-size:.82rem;display:inline-flex}.cp-code:hover{border-color:var(--primary-500)}.cp-code svg{opacity:.5}.cp-note{color:var(--text-secondary);margin-top:4px;font-size:.72rem}.cp-state{border:1px solid var(--border-color);border-radius:20px;padding:2px 10px;font-size:.72rem;display:inline-block}.cp-state.is-live{color:var(--ok-text,#12805a);background:var(--accent-tint)}.cp-state.is-expired{color:var(--text-secondary)}.cp-state.is-off{color:var(--bad-text,#b3261e)}.cp-toggle{border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-secondary);cursor:pointer;border-radius:7px;padding:6px;line-height:0}.cp-toggle:hover{color:var(--text-primary);border-color:var(--primary-500)}.cp-empty{text-align:center;color:var(--text-secondary);padding:26px!important}:root{--primary-dark:#1f2a2e;--primary-gray-blue:#263238;--accent-mint:#5ed6ad;--accent-bold:#2ed39a;--accent-alt:#4fe3a5;--primary-400:#5ed6a0;--primary-500:#5ed6ad;--primary-600:#2ed39a;--primary-700:#1f2a2e;--bg-color:#d9ddda;--surface-color:#e8e8e8;--surface-glass:#e8e8e8d9;--text-primary:#1f2a2e;--text-secondary:#263238;--text-inverse:#f8f8f8;--border-color:#c6ccc8;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-primary:0 10px 15px -3px #5ed6ad40;--inset-bg:#1f2a2e0d;--inset-border:#1f2a2e17;--inset-strong:#1f2a2e14;--muted-on-surface:#1f2a2e73;--accent-text:#12805a;--accent-tint:#dff5ec;--accent-line:#12805a4d;--ok-text:#15803d;--warn-text:#a16207;--bad-text:#b91c1c;--bad-strong:#dc2626;--text-on-accent:#0d2b20;--floating-bg:#f2f2f2;--floating-border:#1f2a2e1f;--transition-fast:.15s ease-in-out;--transition-normal:.3s ease-in-out}:root[data-theme=dark]{--bg-color:#1f2a2e;--surface-color:#1a2428;--surface-glass:#1a2428d9;--text-primary:#f8f8f8;--text-secondary:#b0b6bb;--border-color:#2f3a3f;--panel-bg:#263238;--primary-500:#5ed6a0;--shadow-md:0 4px 6px -1px #0006;--inset-bg:#0003;--inset-border:#ffffff0f;--inset-strong:#0000004d;--muted-on-surface:#ffffff6b;--accent-text:#5ed6a0;--accent-tint:#17402f;--accent-line:#22c55e59;--ok-text:#22c55e;--warn-text:#eab308;--bad-text:#fca5a5;--bad-strong:#ef4444;--floating-bg:#191a1f;--floating-border:#ffffff1a}:root{--header-height:60px}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-500)}*{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-color)}body{background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);background-image:radial-gradient(circle at 15%,#5ed6ad14,#0000 25%),radial-gradient(circle at 85% 30%,#5ed6ad0d,#0000 25%);margin:0;font-family:Tajawal,Inter,sans-serif}.swal2-popup{border:1px solid var(--border-color);background:var(--bg-color)!important;color:var(--text-primary)!important;border-radius:12px!important}.swal2-title,.swal2-content{color:var(--text-primary)!important}.blob{filter:blur(80px);opacity:.15;pointer-events:none;contain:strict;border-radius:50%;position:absolute}.blob-1{background:radial-gradient(circle, var(--accent-mint), transparent 70%);width:500px;height:500px;top:-100px;left:-100px}.blob-2{background:radial-gradient(circle, var(--accent-bold), transparent 70%);width:400px;height:400px;bottom:-80px;right:-80px}.blob-3{background:radial-gradient(circle, var(--accent-alt), transparent 70%);opacity:.08;width:300px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes blobFloat{0%,to{transform:translateY(0)scale(1)}33%{transform:translateY(-20px)scale(1.05)}66%{transform:translateY(15px)scale(.95)}}@keyframes blob3Float{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.2)}}