body{background:#020617;color:#fff;min-height:100vh;display:flex;flex-direction:column}.nav-item{transition:all .15s ease}.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}.card-tile-v2{background:#0f172a;border-radius:1.25rem;overflow:hidden;transition:box-shadow .2s ease}.card-tile-v2:hover{box-shadow:0 8px 32px #00000040}.ctv2-body{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.85rem}@media(max-width:480px){.ctv2-body{padding:.85rem}}.ctv2-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.ctv2-header-left{min-width:0}.ctv2-domain{font-size:1rem;font-weight:800;color:#fff;text-decoration:none;transition:color .15s}.ctv2-domain:hover{color:#4ade80}.ctv2-domain-suffix{color:#475569;font-weight:400}.ctv2-date{font-size:.68rem;color:#475569;margin-top:.2rem}.ctv2-status{font-size:.65rem;font-weight:700;padding:.25rem .6rem;border-radius:999px;border:1px solid;white-space:nowrap;cursor:pointer;transition:opacity .15s;flex-shrink:0}.ctv2-status:hover{opacity:.7}.online-dot{width:10px;height:10px;border-radius:50%;display:inline-block;cursor:pointer;flex-shrink:0;transition:background-color .2s}.online-dot--green{background:#4ade80;box-shadow:0 0 6px #4ade8080;animation:pulse-dot 2s infinite}.online-dot--red{background:#f87171}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ctv2-domain-row{display:flex;align-items:center;gap:.4rem}.ctv2-dns-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:9999px;border:1px solid;cursor:pointer;transition:all .2s;flex-shrink:0}.ctv2-dns-badge--active{color:#4ade80;background:#4ade801a;border-color:#4ade8033}.ctv2-dns-badge--inactive{color:#64748b;background:#64748b1a;border-color:#64748b33}.ctv2-sub-line{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem;border-radius:.75rem;background:#ffffff08}.ctv2-sub-left{display:flex;flex-direction:column;gap:.2rem;min-width:0}.ctv2-sub-row1{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.ctv2-sub-text{font-weight:700;font-size:.72rem}.ctv2-sub-plan{color:#64748b;font-size:.66rem}.ctv2-sub-note{font-size:.64rem;color:#475569}.ctv2-days-badge{font-size:.72rem;font-weight:800;border:1px solid;border-radius:.5rem;padding:.3rem .6rem;white-space:nowrap;flex-shrink:0}.ctv2-id-inline{color:#94a3b866;font-size:.62rem;font-weight:700;font-family:ui-monospace,monospace;margin-left:.3rem}.ctv2-billing{display:flex;align-items:center;gap:.4rem}@media(max-width:640px){.ctv2-billing{flex-direction:column;align-items:stretch}.ctv2-billing .sub-plan-select,.ctv2-billing .pay-btn{width:100%}}.ctv2-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.05)}@media(max-width:540px){.ctv2-footer{flex-direction:column;align-items:stretch;gap:.6rem}.ctv2-actions{width:100%;justify-content:stretch}.ctv2-actions .card-btn-qr{flex:1}.card-btn-edit{opacity:.4}}.ctv2-template{display:flex;align-items:center;gap:.5rem}.ctv2-template-label{font-size:.68rem;color:#64748b}.tpl-circles-row{display:flex;gap:.4rem}.tpl-circle{width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;background:transparent;padding:0}.tpl-circle:hover{border-color:#ffffff40;transform:scale(1.1)}.tpl-circle--active{border-color:#34d39999;box-shadow:0 0 0 2px #34d39926}.tpl-circle--active:hover{border-color:#34d399cc}.tpl-circle:disabled{opacity:.5;pointer-events:none}.tpl-circle-dot{width:.6rem;height:.6rem;border-radius:50%}.ctv2-actions{display:flex;gap:.4rem;align-items:center}.card-btn-qr:disabled,.card-btn-qr[disabled]{opacity:.35;cursor:not-allowed;pointer-events:none}.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);border-radius:1rem 1rem 0 0}.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-template-band-default{background:linear-gradient(90deg,#334155,#475569,#334155)}.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}.card-template-section{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.template-chips-row{display:flex;gap:.35rem;flex-wrap:wrap}.template-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;border-radius:.6rem;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#94a3b8;font-size:.68rem;font-weight:600;cursor:pointer;transition:all .15s ease}.template-chip:hover{border-color:#ffffff29;background:#ffffff0f;color:#e2e8f0}.template-chip--active{border-color:#34d39959;background:#34d39914;color:#6ee7b7}.template-chip--active:hover{border-color:#34d39980;background:#34d3991f;color:#6ee7b7}.template-chip:disabled{opacity:.5;pointer-events:none}.template-chip-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.template-chip-dot.template-dot-fire{background:#f97316}.template-chip-dot.template-dot-soft{background:#a78bfa}.template-chip-dot.template-dot-strong{background:#22c55e}.template-chip-dot.template-dot-glass{background:#818cf8}.card-actions-row{display:flex;gap:.5rem;align-items:stretch}.card-btn-qr{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#94a3b8;cursor:pointer;transition:all .15s ease;flex-shrink:0}.card-btn-qr:hover{border-color:#a855f74d;background:#a855f714;color:#c4b5fd}.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}@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:#1e293b}html.light .nav-item.active{background:#10b9811a;color:#059669}html.light ::-webkit-scrollbar-thumb{background:#0000001f}html.light input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px #f8fafc inset;-webkit-text-fill-color:#1e293b}html.light .profile-input,html.light .sub-plan-select,html.light select,html.light textarea{background:#fff;border-color:#e2e8f0;color:#1e293b}html.light .profile-input::placeholder,html.light textarea::placeholder{color:#94a3b8}html.light .card-tile-v2{background:#fff;box-shadow:0 1px 3px #0000000f}html.light .profile-card{background:#fff;border-color:#e2e8f0}html.light .profile-card-title,html.light #panel-profile,html.light #panel-support,html.light #panel-cards,html.light #panel-payments,html.light #panel-promo,html.light #panel-history,html.light #ticket-detail,html.light .tab-panel{color:#1e293b}html.light #panel-profile h2,html.light #panel-support h2,html.light #panel-support h3,html.light #panel-cards h2,html.light #panel-payments h2,html.light #panel-promo h2,html.light #panel-history h2{color:#0f172a}.ticket-status-new{background:#10b9811f;color:#059669;border:1px solid rgba(16,185,129,.25)}.ticket-status-progress,.ticket-status-answered{background:#3b82f61f;color:#2563eb;border:1px solid rgba(59,130,246,.25)}.ticket-status-waiting{background:#f59e0b1f;color:#d97706;border:1px solid rgba(245,158,11,.25)}.ticket-status-closed{background:#64748b1f;color:#64748b;border:1px solid rgba(100,116,139,.25)}html.light input[type=time]::-webkit-calendar-picker-indicator{filter:invert(.6)}
