.overlay-editor{background:#000;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(255,255,255,.15);color-scheme:dark;border-radius:12px;padding:12px;box-shadow:0 12px 48px #000000b3,0 0 0 1px #ffffff0d;animation:overlayFadeIn .2s ease-out;transition:opacity .15s ease-out,transform .15s ease-out}.overlay-editor.closing{animation:overlayFadeOut .15s ease-out forwards}@keyframes overlayFadeIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes overlayFadeOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(4px) scale(.98)}}.overlay-editor:before{content:"";position:absolute;top:-8px;left:24px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #000000;filter:drop-shadow(0 -2px 4px rgba(0,0,0,.2))}.overlay-editor.arrow-bottom:before{top:auto;bottom:-8px;border-bottom:none;border-top:8px solid #000000;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.overlay-editor-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.overlay-editor-title{font-size:13px;font-weight:600;color:var(--color-text-primary, #e6e7ea);letter-spacing:-.01em}.overlay-editor-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.overlay-editor-btn{padding:6px 12px;font-size:12px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .15s ease}.overlay-editor-btn--save{background:var(--color-primary, #6170D3);border:1px solid var(--color-primary, #6170D3);color:#fff}.overlay-editor-btn--save:hover{background:var(--color-primary-hover, #7e8ce0);border-color:var(--color-primary-hover, #7e8ce0);transform:translateY(-1px);box-shadow:0 4px 12px #6170d34d}.overlay-editor-btn--save:active{transform:translateY(0);box-shadow:0 2px 6px #6170d333}.overlay-editor-close{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--color-text-muted, #6b7280);font-size:18px;cursor:pointer;transition:all .15s ease}.overlay-editor-close:hover{background:#ffffff14;color:var(--color-text-primary, #e6e7ea)}.overlay-editor .form-group{margin-bottom:10px}.overlay-editor .form-group:last-child{margin-bottom:0}.overlay-editor .form-label{display:block;font-size:11px;font-weight:500;color:#bbbfc5;margin-bottom:4px;text-transform:uppercase;letter-spacing:.03em}.overlay-editor .input,.overlay-editor .textarea{width:100%;padding:8px 10px;background:#111;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:13px;transition:all .15s ease}.overlay-editor .input:focus,.overlay-editor .textarea:focus{outline:none;border-color:var(--color-primary, #6170D3);box-shadow:0 0 0 3px var(--color-primary-ring, rgba(97, 112, 211, .2));background:#ffffff0f}.overlay-editor .input::-moz-placeholder,.overlay-editor .textarea::-moz-placeholder{color:#9499a1;opacity:1}.overlay-editor .input::placeholder,.overlay-editor .textarea::placeholder{color:#9499a1;opacity:1}.overlay-editor .textarea{resize:vertical;min-height:60px}.overlay-editor select option{background-color:#1a1f26;color:#fff}.overlay-editor .help{color:#d1d5db!important;line-height:1.5}.overlay-editor .help button,.overlay-editor .help a{color:#7e8ce0!important;text-decoration:underline;font-weight:500}.overlay-editor .panel--soft{background:#0a0a0a;border:1px dashed rgba(255,255,255,.2);border-radius:8px;padding:10px}.overlay-editor-warning{display:flex;align-items:flex-start;gap:6px;font-size:11px;padding:8px 10px;margin-bottom:10px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);border-radius:6px;color:#fbbf24;line-height:1.4}.overlay-editor-warning:before{content:"⚠️";flex-shrink:0}.overlay-editor-panel{padding:10px;margin-bottom:10px;background:#ffffff05;border:1px solid var(--color-border-subtle, rgba(255, 255, 255, .05));border-radius:8px}.overlay-editor-panel:last-child{margin-bottom:0}.qs-element-selected{outline:2px dashed #3b82f6!important;outline-offset:2px!important;animation:qsPulseOutline 1.5s ease-in-out infinite!important}@keyframes qsPulseOutline{0%,to{outline-color:#3b82f6cc}50%{outline-color:#3b82f666}}@media(max-width:480px){.overlay-editor{padding:10px;border-radius:10px}.overlay-editor-btn{padding:8px 14px;font-size:13px}.overlay-editor .input,.overlay-editor .textarea{padding:10px 12px;font-size:14px}}.image-preview-container:hover .image-hover-mask{opacity:1!important}.dashboard{display:flex;min-height:calc(100vh - var(--header-height));gap:0;background:var(--color-bg-base);font-family:var(--font-sans);border-top:1px solid rgba(255,255,255,.12)}.dashboard-sidebar{width:var(--sidebar-width);background:var(--color-bg-base);border-right:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;flex-shrink:0;padding:var(--spacing-md) 0;z-index:10}.dashboard-nav{flex:1;padding:0 var(--spacing-sm);display:flex;flex-direction:column;gap:4px}.dashboard-nav-item{display:flex;align-items:center;gap:12px;height:var(--nav-item-height);padding:0 var(--spacing-md);background:transparent;border:none;color:var(--color-text-secondary);font-size:15px;font-weight:600;cursor:pointer;text-align:left;transition:all var(--transition-normal);border-radius:var(--radius-md);position:relative}.dashboard-nav-item:hover{background:#ffffff0a;color:var(--color-text-primary)}.dashboard-nav-item.active{background:#ffffff14;color:var(--color-text-primary)}.dashboard-nav-item.active:hover{background:#ffffff1a}.dashboard-nav-item i{width:20px;font-size:16px;text-align:center;opacity:.7;transition:opacity var(--transition-fast)}.dashboard-nav-item:hover i,.dashboard-nav-item.active i{opacity:1}.dashboard-signout{display:flex;align-items:center;gap:12px;height:var(--nav-item-height);padding:0 var(--spacing-md);margin:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.dashboard-signout:hover{background:#f43f5e14;color:var(--color-danger);border-color:#f43f5e33}.dashboard-content{flex:1;padding:var(--spacing-xl);overflow-y:auto;background:var(--color-bg-elevated)}@media(max-width:768px){.dashboard{flex-direction:column;min-height:auto;padding-bottom:80px}.dashboard-sidebar{width:100%;height:auto;padding:0;position:fixed;bottom:0;left:0;right:0;flex-direction:row;border-right:none;border-top:1px solid rgba(255,255,255,.1);background:#000000f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);justify-content:space-around}.dashboard-nav{flex-direction:row;width:100%;padding:8px;gap:4px;justify-content:space-around}.dashboard-nav-item{flex-direction:column;padding:8px;gap:4px;font-size:11px;border-radius:8px;flex:1;align-items:center;justify-content:center;transform:none!important}.dashboard-nav-item i{font-size:20px}.dashboard-signout{position:absolute;top:-60px;right:16px;margin:0;padding:8px 16px;font-size:13px;background:#000c;border:1px solid rgba(239,68,68,.3)}.dashboard-content{padding:24px 16px}}.dashboard-card{background:#ffffff08;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-lg);max-width:1000px;margin:0 auto}.dashboard-page-title{font-size:20px;font-weight:600;margin-top:-4px;margin-bottom:var(--spacing-xl);color:var(--color-text-primary);display:flex;align-items:center;gap:12px;letter-spacing:-.01em}.dashboard-page-title:before{content:"";width:3px;height:18px;background:var(--color-primary);border-radius:var(--radius-full)}.profile-section{display:grid;grid-template-columns:240px 1fr auto;align-items:flex-start;gap:var(--spacing-lg);padding:24px 0;border-bottom:1px solid rgba(255,255,255,.08)}.profile-section:last-child{border-bottom:none}.profile-section h3{font-size:14px;font-weight:600;margin:12px 0 0;color:var(--color-text-primary)}.profile-section-content{display:flex;flex-direction:column;gap:12px;width:100%}.profile-section input,.input{width:100%;max-width:480px;padding:10px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#94a3b8;font-size:14px;transition:all .2s;outline:none}.profile-section input:-webkit-autofill,.profile-section input:-webkit-autofill:hover,.profile-section input:-webkit-autofill:focus,.profile-section input:-webkit-autofill:active,.input:-webkit-autofill,.input:-webkit-autofill:hover,.input:-webkit-autofill:focus,.input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #111b2d inset!important;-webkit-text-fill-color:#94a3b8!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.profile-section input:focus,.input:focus{border-color:var(--color-primary);color:#fff}.input-disabled{background:#ffffff03!important;color:#ffffff40!important;border-color:#ffffff0d!important;cursor:not-allowed}.hint-text{font-size:13px;color:#fff6;margin-top:4px;display:flex;align-items:center;gap:6px}.profile-section button{background:transparent!important;color:var(--color-primary);border:none;padding:0;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:12px;box-shadow:none!important}.profile-section button:hover:not(:disabled){color:var(--color-primary-hover);text-decoration:underline;transform:none}.profile-section button:disabled{opacity:.3;cursor:not-allowed;filter:grayscale(1)}.dashboard-form-container{padding:var(--spacing-md) 0}.dns-binding-page .profile-section{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.dns-binding-page .btn--primary{background:var(--color-primary)!important;color:#fff!important;border:none!important;text-decoration:none!important;transform:none;font-weight:600}.dns-binding-page .btn--primary:hover:not(:disabled){background:var(--color-primary-active)!important;box-shadow:var(--shadow-glow-primary);transform:translateY(-1px)}.dns-bind-submit-btn{background-color:#4c4fd3!important;color:#fff!important;border:1px solid rgba(255,255,255,.1)!important;transition:all .2s ease}.dns-bind-submit-btn:hover:not(:disabled){background-color:#6170d3!important;color:#fff!important;text-decoration:none!important;transform:translateY(-1px);box-shadow:0 4px 12px #4c4fd34d}.no-focus-ring:focus,.no-focus-ring:focus-visible,.no-focus-ring:active{outline:none!important;box-shadow:none!important}.text-link{color:var(--color-primary);text-decoration:none;font-weight:500;transition:color .2s}.text-link:hover{color:var(--color-primary-hover);text-decoration:underline}.success-message,.error-message{padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9375rem}.success-message{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626}.orders-page h2{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--color-text-primary)}.orders-table{width:100%;border-collapse:collapse;margin-top:1rem}.orders-table th{text-align:left;padding:12px;background:transparent;border-bottom:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em}.orders-table td{padding:16px 12px;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px;color:var(--color-text-secondary)}.orders-table .mono{font-family:inherit;font-size:.875rem;opacity:.8}.btn-edit{background:transparent!important;color:var(--color-primary);border:none;padding:0;min-width:unset;height:auto;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:none!important}.btn-edit:hover:not(:disabled){color:var(--color-primary-hover);text-decoration:underline}.btn-edit:disabled{opacity:.4;cursor:not-allowed}.edit-cell{display:flex;align-items:center;gap:12px}.shell-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.4);border-radius:50%;font-size:11px;font-weight:700;cursor:help;animation:pulse-warning 2s infinite}@keyframes pulse-warning{0%,to{opacity:.7}50%{opacity:1}}.no-orders{text-align:center;padding:40px 20px;color:var(--color-text-muted);font-size:14px}.feedback-page h2{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--color-text-primary)}.feedback-hint{color:var(--text-secondary, #6b7280);margin-bottom:1.5rem;line-height:1.6}.feedback-form-page{display:flex;flex-direction:column;gap:1rem}.feedback-textarea-large{width:100%;padding:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:14px;font-family:inherit;color:#94a3b8;resize:vertical;transition:all .2s;outline:none}.feedback-textarea-large:focus{border-color:var(--color-primary);color:#fff}.btn-primary{width:200px;padding:.75rem 1.5rem;margin:50px auto 0;display:block;background:var(--accent-color, #4f46e5);color:#fff;border:none;border-radius:6px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-primary:hover:not(:disabled){background:var(--accent-hover, #4338ca)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.loading{text-align:center;padding:2rem;color:var(--text-secondary, #6b7280)}.skeleton-row td{padding:.75rem;border-bottom:1px solid var(--border-color, #e5e7eb)}[data-theme=dark] .skeleton-row td{border-bottom-color:var(--border-color, #333)}.orders-table tbody tr:not(.skeleton-row):hover{background:var(--hover-bg, rgba(0, 0, 0, .03))}[data-theme=dark] .orders-table tbody tr:not(.skeleton-row):hover{background:var(--hover-bg, rgba(255, 255, 255, .03))}.orders-table tbody tr:nth-child(2n):not(.skeleton-row){background:var(--panel-bg-alt, rgba(0, 0, 0, .01))}[data-theme=dark] .orders-table tbody tr:nth-child(2n):not(.skeleton-row){background:var(--panel-bg-alt, rgba(255, 255, 255, .01))}.policy-view{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.policy-view{min-height:calc(100vh - 120px);padding:2rem 1rem}.policy-container{max-width:800px;margin:0 auto}.policy-back{background:none;border:none;color:var(--accent-color, #4f46e5);font-size:.9375rem;cursor:pointer;padding:.5rem 0;margin-bottom:1rem;transition:opacity .2s}.policy-back:hover{opacity:.8}.policy-view h1{font-size:2rem;margin-bottom:2rem;color:var(--text-primary, #111827)}[data-theme=dark] .policy-view h1{color:var(--text-primary, #fff)}.policy-section{margin-bottom:2.5rem}.policy-section h2{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary, #111827);border-bottom:2px solid var(--border-color, #e5e7eb);padding-bottom:.5rem}[data-theme=dark] .policy-section h2{color:var(--text-primary, #fff);border-bottom-color:var(--border-color, #333)}.policy-section h3{font-size:1.125rem;margin:1.5rem 0 .75rem;color:var(--text-primary, #374151)}[data-theme=dark] .policy-section h3{color:var(--text-primary, #e5e7eb)}.policy-section p{line-height:1.6;color:var(--text-secondary, #6b7280);margin-bottom:1rem}[data-theme=dark] .policy-section p{color:var(--text-secondary, #9ca3af)}.policy-section ul{margin:.5rem 0 1rem 1.5rem;line-height:1.8}.policy-section li{color:var(--text-secondary, #6b7280)}[data-theme=dark] .policy-section li{color:var(--text-secondary, #9ca3af)}
