body{background:#020617;color:#fff;min-height:100vh;display:flex;flex-direction:column}.nav-item{transition:all .15s ease}.nav-item.active{background:#4ade8014;color:#4ade80;border-color:#4ade8040}.nav-item:not(.active):hover{background:#ffffff0a;color:#e2e8f0}.tab-panel{display:none}.tab-panel.active{display:block}.card-tile{transition:transform .15s ease,box-shadow .15s ease}.card-tile:hover{transform:translateY(-1px);box-shadow:0 4px 15px #00000026}.status-chip-draft{color:#facc15;background:#facc151a;border-color:#facc1533}.template-switch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.template-switch-btn{display:inline-flex;align-items:center;justify-content:center;gap:.38rem;min-height:2rem;padding:.45rem .6rem;border-radius:.85rem;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#cbd5e1;font-size:.68rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease,opacity .15s ease}.template-switch-btn:hover{transform:translateY(-1px);background:#ffffff12;color:#fff}.template-switch-btn.is-active{border-color:#34d39959;background:linear-gradient(135deg,#10b9812e,#34d3991a);color:#d1fae5;box-shadow:inset 0 0 0 1px #6ee7b724}.template-switch-btn.is-busy{opacity:.65;cursor:progress;transform:none}.template-switch-meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.72rem;color:#94a3b8}.sub-strip{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;background:linear-gradient(135deg,#ffffff0b,#ffffff05);border:1px solid rgba(255,255,255,.07);border-radius:1rem;padding:.65rem .75rem}.sub-strip-main{display:flex;align-items:flex-start;gap:.55rem;min-width:0;flex:1}.sub-icon{width:1.55rem;height:1.55rem;border-radius:.65rem;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.06);flex-shrink:0}.sub-copy{min-width:0;display:flex;flex-direction:column;gap:.16rem}.sub-copy-top{display:flex;align-items:center;gap:.35rem;row-gap:.2rem;flex-wrap:wrap}.sub-status-label{font-size:.69rem;font-weight:700;line-height:1.1}.sub-plan-pill{display:inline-flex;align-items:center;min-height:1.2rem;padding:0 .42rem;border-radius:999px;border:1px solid rgba(255,255,255,.06);background:#ffffff0a;color:#94a3b8;font-size:.64rem;line-height:1;white-space:nowrap}.sub-copy-note{font-size:.64rem;color:#64748b;line-height:1.25}.sub-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;display:inline-block}.sub-dot-trial{background:#60a5fa}.sub-dot-active{background:#34d399}.sub-dot-expired{background:#f87171}.sub-dot-none{background:#475569}.pay-btn{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:0 .8rem;border-radius:.8rem;border:1px solid rgba(52,211,153,.22);background:#10b9811f;font-size:.67rem;font-weight:800;color:#6ee7b7;white-space:nowrap;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s,border-color .15s,transform .15s}.pay-btn:hover{color:#d1fae5;background:#10b9812e;border-color:#6ee7b74d;transform:translateY(-1px)}.sub-actions{display:flex;align-items:center;gap:.4rem;width:100%}.sub-plan-select{appearance:none;-webkit-appearance:none;min-height:2rem;padding:0 1.9rem 0 .65rem;border-radius:.8rem;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;background-size:.8rem;color:#cbd5e1;font-size:.66rem;font-weight:700;cursor:pointer;flex:1;min-width:0}.sub-plan-select:hover{border-color:#ffffff1f}.sub-plan-select:focus{outline:none;border-color:#34d39952}.sub-plan-select option{background:#1e293b;color:#cbd5e1}.sub-pay-feedback{display:block;font-size:.62rem;color:#94a3b8;min-height:.8rem}@media(max-width:420px){.sub-actions{flex-direction:column;align-items:stretch}.pay-btn{width:100%}}.template-dot{width:.55rem;height:.55rem;border-radius:999px;flex-shrink:0}.template-dot-fire{background:linear-gradient(135deg,#fb923c,#f43f5e)}.template-dot-soft{background:linear-gradient(135deg,#f9a8d4,#c084fc)}.template-dot-strong{background:linear-gradient(135deg,#22c55e,#18181b)}.template-dot-glass{background:linear-gradient(135deg,#93c5fd,#6366f1)}.card-template-band{height:.25rem;background:linear-gradient(90deg,#4ade80,#10b981,#14b8a6)}.card-template-band-fire{background:linear-gradient(90deg,#fb923c,#f97316,#f43f5e)}.card-template-band-soft{background:linear-gradient(90deg,#f9a8d4,#e879f9,#c084fc)}.card-template-band-strong{background:linear-gradient(90deg,#22c55e,#16a34a,#14532d)}.card-template-band-glass{background:linear-gradient(90deg,#93c5fd,#818cf8,#c4b5fd)}.card-link-primary{color:#dbeafe;background:#3b82f624;border:1px solid rgba(96,165,250,.2);box-shadow:0 10px 24px #2563eb1f}.card-link-primary:hover{color:#eff6ff;background:#3b82f638;border-color:#818cf84d}.promo-activate-btn{color:#f0abfc;background:#a855f71f;border-color:#a855f729}.promo-activate-btn:hover{color:#fae8ff;background:#a855f733;border-color:#c084fc3d}.card-link-secondary{color:#cbd5e1;background:#94a3b814;border-color:#94a3b824}.card-link-secondary:hover{color:#f8fafc;background:#94a3b824;border-color:#94a3b838}#promo-card-select{appearance:none;-webkit-appearance:none;background-image:none;padding-right:1rem}#promo-apply-btn{color:#fff;background:linear-gradient(135deg,#a21caf,#ec4899);border:1px solid rgba(236,72,153,.22);box-shadow:0 10px 24px #ec48992e}#promo-apply-btn:hover{background:linear-gradient(135deg,#86198f,#db2777)}.template-select{background:#0f172acc;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;font-size:.72rem;font-weight:700;border-radius:.75rem;padding:.4rem .6rem;outline:none;cursor:pointer;transition:border-color .15s ease,background .15s ease}.template-select:hover{border-color:#fff3;background:#0f172ae6}.template-select:focus{border-color:#34d39959;background:#0f172af2}.template-select option{background:#0f172a;color:#cbd5e1}.template-switch-feedback-success{color:#6ee7b7}.template-switch-feedback-error{color:#fda4af}.status-text-pending{color:#facc15}.history-page-btn{min-width:2.25rem;height:2.25rem;padding:0 .8rem;border-radius:.85rem;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#94a3b8;font-size:.75rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.history-page-btn:hover:not(:disabled){background:#ffffff14;color:#e2e8f0;border-color:#ffffff24}.history-page-btn.active{background:#4ade801f;color:#4ade80;border-color:#4ade8047}.sidebar-overlay{display:none}.sidebar-overlay.open{display:block}@media(max-width:767px){.sidebar{transform:translate(-100%);transition:transform .25s ease;position:fixed;top:0;left:0;bottom:0;z-index:45;width:260px}.sidebar.open{transform:translate(0)}}@media(min-width:768px){.sidebar{position:sticky;top:80px;height:fit-content}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}html.light body{background:#f8fafc;color:#0f172a}html.light .bg-slate-900,html.light .bg-slate-800{background:#f1f5f9!important}html.light .border-white\/10{border-color:#00000014!important}html.light .border-white\/\[0\.06\]{border-color:#0000000f!important}html.light .border-white\/\[0\.08\]{border-color:#00000014!important}html.light .border-white\/5{border-color:#0000000d!important}html.light .border-white\/\[0\.04\]{border-color:#0000000a!important}html.light .text-white{color:#0f172a!important}html.light .text-white\/90{color:#0f172ae6!important}html.light .text-slate-300{color:#475569!important}html.light .text-slate-400{color:#64748b!important}html.light .text-slate-500{color:#475569!important}html.light .text-slate-600{color:#334155!important}html.light .bg-white\/\[0\.03\]{background:#ffffffb3!important}html.light .bg-white\/\[0\.04\]{background:#00000008!important}html.light .bg-white\/5{background:#0000000a!important}html.light .nav-item.active{background:#22c55e0f!important;border-color:#22c55e33!important}html.light .nav-item:not(.active):hover{background:#00000008!important}html.light header .bg-white\/\[0\.03\]{background:#ffffffb3!important;border-color:#00000014!important;backdrop-filter:blur(20px) saturate(1.5)}html.light .sidebar{background:#f1f5f9!important}@media(min-width:768px){html.light .sidebar{background:transparent!important}}html.light .sidebar-overlay{background:#0f172a47!important}html.light .tab-panel>h2,html.light .tab-panel .text-white,html.light .tab-panel .font-bold.text-white{color:#0f172a!important}html.light #cards-grid .text-slate-700,html.light #history-list .text-slate-700,html.light #payments-list .text-slate-700{color:#94a3b8!important}html.light .card-tile{background:#f1f5f9!important;border-color:#00000014!important}html.light .card-tile .text-slate-600{color:#64748b!important}html.light .card-tile .text-white{color:#0f172a!important}html.light .card-tile .bg-white\/\[0\.04\]{background:#00000008!important}html.light .card-tile .bg-white\/5{background:#0000000a!important}html.light .card-tile .border-white\/\[0\.06\]{border-color:#0000000f!important}html.light .card-tile .border-white\/10{border-color:#00000014!important}html.light .card-tile .status-chip-draft{color:#92400e!important;background:#fef3c7!important;border-color:#fcd34d!important}html.light .status-text-pending{color:#b45309!important}html.light .template-select{background:#f1f5f9e6!important;border-color:#0000001f!important;color:#334155!important}html.light .template-select:hover{border-color:#0003!important;background:#f1f5f9!important}html.light .template-select:focus{border-color:#22c55e59!important;background:#fff!important}html.light .template-select option{background:#f1f5f9!important;color:#0f172a!important}html.light .template-switch-btn{color:#334155!important;background:#94a3b81a!important;border-color:#94a3b82e!important;box-shadow:inset 0 0 0 1px #ffffff59!important}html.light .card-tile .card-link-secondary{color:#0f766e!important;background:#14b8a614!important;border-color:#14b8a624!important}html.light .card-tile .card-link-secondary:hover{color:#115e59!important;background:#14b8a624!important;border-color:#0d948833!important}html.light .card-link-primary{color:#1e3a8a!important;background:#3b82f61a!important;border-color:#3b82f629!important;box-shadow:0 10px 24px #3b82f614!important}html.light .card-link-primary:hover{color:#1d4ed8!important;background:#3b82f629!important;border-color:#3b82f638!important}html.light .promo-activate-btn{color:#7c3aed!important;background:#a855f71a!important;border-color:#a855f72e!important}html.light .promo-activate-btn:hover{color:#6d28d9!important;background:#a855f729!important;border-color:#a855f73d!important}html.light .template-switch-btn:hover{color:#0f172a!important;background:#94a3b829!important;border-color:#94a3b83d!important}html.light .template-switch-btn.is-active{color:#166534!important;background:#22c55e1f!important;border-color:#22c55e38!important}html.light #promo-card-select{background-color:#00000008!important;border-color:#00000014!important;color:#0f172a!important}html.light #promo-card-select option{background:#f1f5f9!important;color:#0f172a!important}html.light #promo-apply-btn{color:#fff!important;background:linear-gradient(135deg,#a21caf,#ec4899)!important;border-color:#ec48993d!important;box-shadow:0 10px 24px #ec489924!important}html.light #promo-apply-btn:hover{color:#fff!important;background:linear-gradient(135deg,#86198f,#db2777)!important}html.light .template-switch-feedback-success{color:#15803d!important}html.light .template-switch-feedback-error{color:#be123c!important}html.light .sub-strip{background:linear-gradient(135deg,#00000006,#00000003)!important;border-color:#0000000f!important}html.light .sub-icon{background:#00000008!important;border-color:#0000000d!important}html.light .sub-plan-pill{background:#00000008!important;border-color:#0000000d!important;color:#64748b!important}html.light .pay-btn{color:#166534!important;background:#22c55e1a!important;border-color:#22c55e2e!important}html.light .pay-btn:hover{color:#14532d!important;background:#22c55e29!important;border-color:#22c55e3d!important}html.light .sub-plan-select{color:#334155!important;background-color:#00000008!important;border-color:#00000014!important}html.light .sub-plan-select option{background:#f1f5f9!important;color:#0f172a!important}html.light .history-result-badge-success{color:#166534!important;background:#22c55e1a!important;border-color:#22c55e38!important}html.light .history-result-badge-fail{color:#be123c!important;background:#f43f5e14!important;border-color:#f43f5e2e!important}html.light .referral-panel{background:#f1f5f9!important;border-color:#00000014!important}html.light .referral-panel-info{background:linear-gradient(135deg,#6366f10d,#ec48990d)!important;border-color:#a855f724!important}html.light .referral-stat-card,html.light .promo-item{background:#00000008!important;border-color:#0000000f!important}html.light .ref-progress-track{background:#0000000f!important}.referral-share-shell{background:radial-gradient(circle at top left,rgba(168,85,247,.18),transparent 32%),radial-gradient(circle at bottom right,rgba(244,114,182,.14),transparent 30%),linear-gradient(145deg,#0f172af5,#111827fa);border:1px solid rgba(255,255,255,.04);border-radius:1rem;box-shadow:0 18px 48px #02061738;overflow:hidden}.ref-share-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.ref-modal-topbar{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;flex-wrap:wrap}.ref-modal-close-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#94a3b8;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.ref-modal-close-btn:hover{background:#ffffff14;color:#fff;border-color:#ffffff1f}.ref-share-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .8rem;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#cbd5e1;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.ref-qr-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:1rem;align-items:stretch}.ref-qr-stage{position:relative;min-height:100%;padding:1.4rem;border-radius:1.6rem;overflow:hidden;background:linear-gradient(160deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.08)}.ref-qr-stage:before,.ref-qr-stage:after{content:"";position:absolute;border-radius:999px;filter:blur(8px);opacity:.9}.ref-qr-stage:before{top:-2.5rem;right:-1rem;width:9rem;height:9rem;background:#f472b62e}.ref-qr-stage:after{bottom:-2rem;left:-1.4rem;width:10rem;height:10rem;background:#60a5fa29}.ref-qr-frame{position:relative;z-index:1;width:min(100%,18rem);aspect-ratio:1;margin:0 auto;padding:1rem;border-radius:1.8rem;background:#fff;box-shadow:0 18px 50px #0206173d}.ref-qr-frame img{width:100%;height:100%;display:block;object-fit:contain;border-radius:1.2rem;background:#fff}.ref-qr-loading{position:absolute;inset:1rem;display:flex;align-items:center;justify-content:center;text-align:center;padding:1rem;border-radius:1.2rem;background:linear-gradient(135deg,#f8fafcf2,#e2e8f0eb);color:#0f172a;font-size:.78rem;font-weight:700;letter-spacing:.02em}.ref-qr-loading-inline{position:static;inset:auto;min-height:100%}.ref-action-card{display:flex;flex-direction:column;gap:.9rem;padding:1rem;border-radius:1.3rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.ref-link-row{display:flex;gap:.7rem;align-items:stretch}.ref-link-input{flex:1;min-width:0;background:#0f172abf;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:1rem;padding:.9rem 1rem;font-size:.8rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;outline:none}.ref-share-actions,.ref-network-row,.ref-print-actions{display:grid;gap:.65rem}.ref-share-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-network-row,.ref-print-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.ref-share-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.9rem;padding:.8rem .95rem;border-radius:1rem;border:1px solid rgba(255,255,255,.09);color:#fff;font-size:.8rem;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease,color .15s ease}.ref-share-btn:hover{transform:translateY(-1px)}.ref-share-btn:disabled{opacity:.55;cursor:default;transform:none}.ref-share-btn--solid{background:linear-gradient(135deg,#8b5cf6,#ec4899);border-color:#ec489959;box-shadow:0 12px 28px #a855f738}.ref-share-btn--solid:hover{background:linear-gradient(135deg,#7c3aed,#db2777)}.ref-share-btn--soft{background:#ffffff0f}.ref-share-btn--soft:hover{background:#ffffff1a}.ref-share-btn--vk{background:#0077ff24;color:#93c5fd}.ref-share-btn--ok{background:#f59e0b24;color:#fcd34d}.ref-share-btn--tg{background:#38bdf824;color:#7dd3fc}.ref-print-note{font-size:.72rem;line-height:1.5;color:#94a3b8}.ref-share-compact{display:grid;grid-template-columns:minmax(0,1fr) minmax(10.5rem,12.5rem);gap:1rem;align-items:stretch}.ref-share-compact-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.ref-share-link-card{justify-content:center;min-height:100%}.ref-share-link-card .ref-link-row{align-items:stretch}.ref-share-link-card .ref-link-input{background:#0f172a94}.ref-share-thumb-trigger{width:100%;display:flex;flex-direction:column;gap:.7rem;align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer;text-align:center}.ref-share-thumb-trigger:focus-visible{outline:2px solid rgba(192,132,252,.9);outline-offset:6px;border-radius:1.4rem}.ref-share-mini{width:100%;aspect-ratio:1;padding:.9rem;border-radius:1.35rem;background:#ffffffdb;box-shadow:0 14px 36px #0f172a38;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,box-shadow .15s ease}.ref-share-thumb-trigger:hover .ref-share-mini{transform:translateY(-2px);box-shadow:0 20px 42px #0f172a42}.ref-share-thumb-note{font-size:.72rem;line-height:1.45;color:#94a3b8}.ref-share-mini svg,.ref-qr-svg svg{width:100%;height:100%;display:block}.ref-share-modal-grid{display:grid;grid-template-columns:minmax(17rem,20rem) minmax(0,1fr);gap:1rem;align-items:start}.ref-modal-panel{padding:1rem;border-radius:1.3rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.ref-modal-meta{position:relative;z-index:1;margin-top:1rem;padding-top:.95rem;border-top:1px solid rgba(255,255,255,.06);display:grid;gap:.55rem;text-align:center}.ref-modal-copy{display:grid;gap:.3rem}.ref-modal-note{font-size:.74rem;line-height:1.5;color:#94a3b8;padding-top:.25rem}.ref-modal-svg-note{margin-top:.9rem;text-align:center;font-size:.77rem;line-height:1.55;color:#94a3b8}.ref-modal-stack{display:grid;gap:.85rem}.ref-qr-svg{width:min(100%,18rem);aspect-ratio:1;margin:0 auto;padding:1rem;border-radius:1.8rem;background:#fff;box-shadow:0 18px 50px #0206173d}.ref-modal-shell{max-height:min(88vh,980px);overflow:auto}@media(max-width:767px){.ref-share-compact,.ref-share-modal-grid{grid-template-columns:1fr}.ref-share-hero,.ref-qr-grid,.ref-link-row,.ref-share-actions,.ref-network-row,.ref-print-actions{grid-template-columns:1fr;display:grid}.ref-share-hero{display:grid}.ref-modal-topbar{justify-content:space-between}.ref-link-row{gap:.6rem}}html.light .referral-share-shell{background:radial-gradient(circle at top left,rgba(168,85,247,.12),transparent 34%),radial-gradient(circle at bottom right,rgba(244,114,182,.1),transparent 30%),linear-gradient(145deg,#ffffffeb,#f1f5f9fa);border-color:#0000000a;box-shadow:0 16px 36px #94a3b824}html.light .ref-share-badge,html.light .ref-action-card,html.light .ref-qr-stage{background:#ffffffad!important;border-color:#00000012!important}html.light .ref-link-input{background:#fffffff5!important;color:#0f172a!important;border-color:#00000014!important}html.light .ref-share-btn{border-color:#00000014!important;color:#0f172a!important}html.light .ref-share-btn--solid{color:#fff!important}html.light .ref-modal-close-btn{border-color:#00000014!important;background:#00000008!important;color:#64748b!important}html.light .ref-modal-close-btn:hover{background:#0000000f!important;color:#0f172a!important}html.light .ref-print-note{color:#64748b!important}html.light .ref-share-mini,html.light .ref-qr-svg{background:#fff!important;box-shadow:0 16px 40px #94a3b82e!important}html.light .ref-modal-meta{border-top-color:#0000000f!important}html.light .ref-share-thumb-note,html.light .ref-modal-note,html.light .ref-modal-svg-note{color:#64748b!important}html.light #referral-content .bg-slate-900{background:#f1f5f9!important;border-color:#0000001a!important}html.light #referral-content .border-white\/10{border-color:#00000014!important}html.light #referral-content .border-white\/\[0\.06\]{border-color:#0000000f!important}html.light #referral-content .bg-white\/\[0\.04\]{background:#00000008!important}html.light #referral-content .text-white{color:#0f172a!important}html.light #referral-content .text-slate-400,html.light #referral-content .text-slate-500{color:#475569!important}html.light #referral-content .text-slate-600{color:#64748b!important}html.light #referral-content .bg-slate-800{background:#f1f5f9!important}html.light #referral-content .border-green-500\/10{border-color:#22c55e26!important}html.light #referral-content .bg-green-500\/10{background:#22c55e0f!important}html.light #promo-modal .bg-slate-900,html.light #promo-modal .bg-slate-800{background:#f1f5f9!important}html.light #promo-modal .text-white{color:#0f172a!important}html.light #promo-modal .text-slate-400{color:#64748b!important}html.light #promo-modal .border-white\/10{border-color:#0000001a!important}html.light .text-slate-700{color:#94a3b8!important}html.light tr.border-b{border-color:#0000000d!important}html.light tr:hover.hover\:bg-white\/\[0\.02\]{background:#00000004!important}html.light .text-white\/10{color:#0000001a!important}