.faq-stack { max-width: 960px; margin: 0 auto; padding: 10px 0; display: grid; gap: 20px; }

.faq-panel {
    border: 2px solid #d5c48a;
    border-radius: 14px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}
.faq-panel-h {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 18px;
    border-bottom: 2px solid #d5c48a;
    background: linear-gradient(135deg, #fdf8ef, #f9f3e3);
}
.faq-panel-label {
    font-weight: 800;
    color: #7a6520;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.faq-badge {
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    font-size: 0.78rem;
    font-weight: 800;
    border-radius: 999px;
    border: 2px solid #d5c48a;
    background: rgba(219,195,109,0.1);
    color: #7a6520;
}

.faq-search-wrap { padding: 16px 18px 8px; }
.faq-search {
    width: 100%;
    padding: 10px 14px 10px 40px;
    border: 2px solid #e8dfc8;
    border-radius: 10px;
    font-size: 14px;
    color: #333;
    background: #fdfcf9;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.faq-search:focus {
    border-color: #c8a96e;
    outline: none;
    box-shadow: 0 0 0 3px rgba(219,195,109,0.15);
}
.faq-search::placeholder { color: #bbb; }
.faq-search-icon {
    position: absolute;
    left: 32px;
    top: 50%;
    transform: translateY(-50%);
    color: #c8a96e;
    font-size: 14px;
    pointer-events: none;
}

.faq-list { padding: 4px 0; }

.faq-item {
    border-bottom: 1px solid rgba(213,196,138,0.15);
    overflow: hidden;
}
.faq-item:last-child { border-bottom: none; }
.faq-item.faq-hidden { display: none; }

.faq-question {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    cursor: pointer;
    transition: background 0.15s;
    user-select: none;
}
.faq-question:hover { background: #fdf8ef; }

.faq-q-num {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: linear-gradient(135deg, #dbc36d, #c8a96e);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #fff;
    font-weight: 900;
    font-size: 13px;
    box-shadow: 0 2px 6px rgba(200,169,110,0.3);
}

.faq-q-text {
    flex: 1;
    font-weight: 700;
    font-size: 14px;
    color: #333;
    line-height: 1.4;
}

.faq-arrow {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #e8dfc8;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: transform 0.3s ease, background 0.2s, border-color 0.2s;
    color: #c8a96e;
    font-size: 12px;
}
.faq-item.open .faq-arrow {
    transform: rotate(180deg);
    background: linear-gradient(135deg, #dbc36d, #c8a96e);
    border-color: #c8a96e;
    color: #fff;
}

.faq-answer-wrap {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
}
.faq-item.open .faq-answer-wrap {
    max-height: 600px;
}
.faq-answer {
    padding: 0 18px 18px 66px;
}
.faq-answer-inner {
    padding: 18px 20px;
    background: linear-gradient(135deg, #fdfcf9, #fdf8ef);
    border: 2px solid rgba(213,196,138,0.2);
    border-radius: 12px;
    color: #555;
    font-size: 14px;
    line-height: 1.8;
    border-left: 4px solid #dbc36d;
}
.faq-answer-inner a { color: #c8a96e; font-weight: 700; text-decoration: underline; }
.faq-answer-inner a:hover { color: #7a6520; }
.faq-answer-inner p { margin: 0 0 10px; }
.faq-answer-inner p:last-child { margin-bottom: 0; }
.faq-answer-inner ul, .faq-answer-inner ol { padding-left: 20px; margin: 8px 0; }
.faq-answer-inner li { margin-bottom: 4px; }
.faq-answer-inner code {
    background: rgba(219,195,109,0.1);
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 13px;
    color: #7a6520;
}

.faq-no-match {
    display: none;
    padding: 30px 18px;
    text-align: center;
    color: #aaa;
    font-size: 13px;
    font-weight: 600;
}

.faq-empty {
    padding: 50px 18px;
    text-align: center;
    color: #aaa;
    font-size: 14px;
    font-weight: 600;
}
.faq-empty i { font-size: 32px; display: block; margin-bottom: 12px; color: #d5c48a; }

.faq-cta {
    text-align: center;
    padding: 24px 18px;
}
.faq-cta-text {
    color: #888;
    font-size: 14px;
    margin-bottom: 14px;
    font-weight: 600;
}
.faq-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 24px;
    border-radius: 10px;
    background: linear-gradient(135deg, #dbc36d, #c8a96e);
    color: #fff;
    font-weight: 800;
    font-size: 13px;
    text-decoration: none;
    transition: all 0.15s;
    box-shadow: 0 4px 12px rgba(200,169,110,0.3);
}
.faq-cta-btn:hover {
    background: linear-gradient(135deg, #c8a96e, #b8963d);
    color: #fff;
    transform: translateY(-1px);
}

@media (max-width: 640px) {
    .faq-panel-h { flex-direction: column; gap: 8px; text-align: center; }
    .faq-question { padding: 14px 14px; gap: 10px; }
    .faq-answer { padding: 0 14px 14px 14px; }
    .faq-q-num { width: 28px; height: 28px; font-size: 11px; }
    .faq-answer-inner { font-size: 13px; padding: 14px; }
}

.grecaptcha-badge { visibility: hidden !important; }
.vw-hero {
    position: relative;
    width: 100%;
    height: 280px;
    overflow: hidden;
    border-radius: 12px;
    margin-top: 18px;
    background: #faf8f2;
    border: 1px solid #eae6da;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}
.vw-hero-bg {
    position: absolute; inset: -40px;
    background-size: cover;
    background-position: center;
    filter: blur(30px) brightness(1.1) saturate(0.6);
    transform: scale(1.3);
    opacity: 0.35;
}
.vw-hero::after {
    content: '';
    position: absolute; inset: 0;
    background:
        linear-gradient(180deg, rgba(250,248,242,0.4) 0%, rgba(250,248,242,0.1) 50%, rgba(250,248,242,0.5) 100%),
        linear-gradient(90deg, rgba(250,248,242,0.6) 0%, transparent 25%, transparent 75%, rgba(250,248,242,0.6) 100%);
    z-index: 1;
    pointer-events: none;
}
.vw-hero::before {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, #d5c48a, transparent);
    z-index: 2;
    pointer-events: none;
}
.vw-hero-inner {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    padding: 20px 30px;
}
.vw-hero-banner {
    max-width: 468px;
    width: 100%;
    height: auto;
    border-radius: 10px;
    border: 2px solid #d5c48a;
    box-shadow: 0 4px 20px rgba(200,169,110,0.25);
}
video.vw-hero-banner {
    max-height: 190px;
    object-fit: cover;
}
.vw-hero-info {
    text-align: left;
    color: #3a3226;
}
.vw-hero-title {
    font-size: 28px;
    font-weight: 800;
    color: #3a3226;
    margin: 0 0 4px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}
.vw-hero-title .verified { vertical-align: middle; }
.vw-hero-cat {
    display: inline-block;
    background: #d5c48a;
    color: #fff;
    padding: 3px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}
.vw-hero-flags {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}
.vw-hero-flags .flag-icon {
    border: 2px solid #eae6da;
    border-radius: 3px;
    width: 22px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.vw-hero-btns {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.vw-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 10px 24px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.2s;
    border: none;
    cursor: pointer;
    white-space: nowrap;
}
.vw-btn:hover { transform: translateY(-2px); text-decoration: none; }
.vw-btn-green {
    background: linear-gradient(135deg, #4CAF50, #66BB6A);
    color: #fff;
    box-shadow: 0 4px 16px rgba(76,175,80,0.4);
}
.vw-btn-green:hover { box-shadow: 0 6px 20px rgba(76,175,80,0.5); color: #fff; }
.vw-btn-gold {
    background: linear-gradient(135deg, #d5c48a, #c4a94e);
    color: #1a1611;
    box-shadow: 0 4px 16px rgba(213,196,138,0.4);
}
.vw-btn-gold:hover { box-shadow: 0 6px 20px rgba(213,196,138,0.5); color: #1a1611; }
.vw-btn-outline {
    background: #fff;
    color: #3a3226;
    border: 2px solid #d5c48a;
}
.vw-btn-outline:hover { background: #d5c48a; color: #fff; }

.vw-content { display: flex; gap: 24px; margin-top: 24px; }
.vw-main { flex: 1; min-width: 0; }
.vw-sidebar { width: 300px; flex-shrink: 0; }

.vw-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    border: 1px solid #eae6da;
    margin-bottom: 20px;
    overflow: hidden;
}
.vw-card-head {
    background: #faf8f2;
    padding: 14px 20px;
    border-bottom: 2px solid #d5c48a;
    font-size: 15px;
    font-weight: 700;
    color: #3a3226;
    display: flex;
    align-items: center;
    gap: 8px;
}
.vw-card-head i { color: #d5c48a; }
.vw-card-body { padding: 20px; }

.vw-desc-text {
    color: #555;
    font-size: 15px;
    line-height: 1.7;
}

.vw-stat-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid #f0ede4;
}
.vw-stat-row:last-child { border-bottom: none; }
.vw-stat-ico {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    flex-shrink: 0;
}
.vw-stat-ico.g { background: #e9f7e0; color: #4CAF50; }
.vw-stat-ico.o { background: #faf3dd; color: #c4a94e; }
.vw-stat-ico.b { background: #e3eef8; color: #3a7cc0; }
.vw-stat-ico.r { background: #fde8e8; color: #d32f2f; }
.vw-stat-lbl { font-size: 11px; color: #999; text-transform: uppercase; letter-spacing: 0.5px; }
.vw-stat-val { font-size: 16px; font-weight: 700; color: #3a3226; }
.vw-stat-val a { color: #c4a94e; text-decoration: none; }
.vw-stat-val a:hover { text-decoration: underline; }

.vw-rating-stars { display: flex; gap: 2px; align-items: center; }
.vw-star { color: #d5c48a; font-size: 14px; }
.vw-star.off { color: #ddd; }

.vw-social-links { display: flex; gap: 8px; }
.vw-social-links a {
    width: 32px; height: 32px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    color: #fff; font-size: 14px;
    transition: transform 0.2s; text-decoration: none;
}
.vw-social-links a:hover { transform: scale(1.1); color: #fff; }
.vw-social-links .sc-discord { background: #5865F2; }
.vw-social-links .sc-facebook { background: #1877F2; }
.vw-social-links .sc-instagram { background: linear-gradient(45deg, #f09433, #dc2743, #bc1888); }

.vw-cmt {
    background: #faf8f2;
    border: 1px solid #eae6da;
    border-radius: 10px;
    padding: 16px 18px;
    margin-bottom: 12px;
    transition: box-shadow 0.2s;
}
.vw-cmt:hover { box-shadow: 0 2px 10px rgba(200,169,110,0.12); }
.vw-cmt:last-of-type { margin-bottom: 0; }
.vw-cmt-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}
.vw-cmt-avatar {
    width: 42px; height: 42px;
    border-radius: 50%;
    border: 2px solid #d5c48a;
    flex-shrink: 0;
    display: block;
}
.vw-cmt-user { flex: 1; }
.vw-cmt-top { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.vw-cmt-name { font-weight: 700; color: #3a3226; font-size: 15px; }
.vw-cmt-date { font-size: 12px; color: #aaa; }
.vw-cmt-tag {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 12px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}
.vw-cmt-tag.pos { background: #4CAF50; }
.vw-cmt-tag.pos::before { content: '\f118'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 10px; }
.vw-cmt-tag.neu { background: #c4a94e; }
.vw-cmt-tag.neu::before { content: '\f11a'; font-family: 'Font Awesome 5 Free'; font-weight: 400; font-size: 10px; }
.vw-cmt-tag.neg { background: #d32f2f; }
.vw-cmt-tag.neg::before { content: '\f119'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 10px; }
.vw-cmt-msg {
    color: #555;
    font-size: 14px;
    line-height: 1.6;
    background: #fff;
    padding: 12px 14px;
    border-radius: 8px;
    border: 1px solid #eee;
}

.vw-form-area { display: none; }
.vw-fg { margin-bottom: 16px; }
.vw-fg label {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #3a3226;
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.vw-fg input, .vw-fg select, .vw-fg textarea {
    width: 100%;
    padding: 10px 14px;
    border: 2px solid #eae6da;
    border-radius: 8px;
    font-size: 14px;
    transition: border-color 0.2s;
    background: #faf8f2;
}
.vw-fg input:focus, .vw-fg select:focus, .vw-fg textarea:focus { outline: none; border-color: #d5c48a; background: #fff; }
.vw-fg textarea { resize: vertical; min-height: 80px; }

.vw-star-picker {
    display: inline-flex;
    gap: 6px;
    padding: 10px 0;
}
.vw-pick-star {
    font-size: 32px;
    color: #ddd;
    cursor: pointer;
    transition: color 0.15s, transform 0.15s;
}
.vw-pick-star:hover { transform: scale(1.15); }
.vw-pick-star.active { color: #d5c48a; }
.vw-pick-star.hover { color: #e8d9a0; }

.vw-cmt-stars { display: flex; gap: 2px; align-items: center; }

.vw-submit-btn {
    background: linear-gradient(135deg, #c4a94e, #d5c48a);
    color: #fff;
    border: none;
    padding: 12px 32px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
}
.vw-submit-btn:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(196,169,78,0.4); }

.vw-empty { text-align: center; padding: 40px 20px; color: #bbb; }
.vw-empty i { font-size: 36px; margin-bottom: 8px; display: block; }

.vw-share-links { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; }
.vw-share-links a {
    width: 40px; height: 40px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    color: #fff; font-size: 16px;
    text-decoration: none; transition: transform 0.2s, box-shadow 0.2s;
    box-shadow: 0 2px 6px rgba(0,0,0,0.12);
}
.vw-share-links a:hover { transform: scale(1.15); color: #fff; text-decoration: none; box-shadow: 0 4px 12px rgba(0,0,0,0.2); }
.sh-reddit { background: #FF4500; }
.sh-facebook { background: #1877F2; }
.sh-discord { background: #5865F2; }
.sh-twitter { background: #000; }
.sh-telegram { background: #26A5E4; }

.vw-report-hero {
    position: absolute; top: 10px; right: 10px;
    z-index: 3;
    display: inline-flex; align-items: center; justify-content: center;
    width: 30px; height: 30px; border-radius: 50%;
    background: rgba(255,255,255,0.7); color: #c4a94e; font-size: 13px;
    cursor: pointer; transition: all 0.2s; border: 1px solid #eae6da;
    text-decoration: none;
}
.vw-report-hero:hover { background: #d32f2f; color: #fff; border-color: #d32f2f; text-decoration: none; }
.vw-report-btn {
    display: inline-flex; align-items: center; justify-content: center;
    width: 28px; height: 28px; border-radius: 50%;
    background: transparent; color: #c4a94e; font-size: 13px;
    cursor: pointer; transition: all 0.2s; border: 1px solid #eae6da;
    text-decoration: none;
}
.vw-report-btn:hover { background: #d32f2f; color: #fff; border-color: #d32f2f; text-decoration: none; }
.vw-report-overlay {
    display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.5);
    z-index: 9999; align-items: center; justify-content: center;
}
.vw-report-overlay.active { display: flex; }
.vw-report-modal {
    background: #fff; border-radius: 12px; padding: 28px;
    width: 90%; max-width: 440px; position: relative;
    box-shadow: 0 8px 32px rgba(0,0,0,0.2);
}
.vw-report-modal h3 {
    margin: 0 0 16px; font-size: 18px; color: #3a3226;
    display: flex; align-items: center; gap: 8px;
}
.vw-report-modal h3 i { color: #d32f2f; }
.vw-report-modal textarea {
    width: 100%; border: 1px solid #eae6da; border-radius: 8px;
    padding: 10px 12px; font-size: 14px; resize: vertical;
    min-height: 80px; font-family: inherit;
}
.vw-report-modal textarea:focus { outline: none; border-color: #d5c48a; }
.vw-report-modal-btns { display: flex; gap: 8px; justify-content: flex-end; margin-top: 14px; }
.vw-report-modal-btns button {
    padding: 8px 20px; border-radius: 6px; border: none;
    font-size: 13px; font-weight: 600; cursor: pointer; transition: all 0.2s;
}
.vw-report-cancel { background: #eae6da; color: #3a3226; }
.vw-report-cancel:hover { background: #ddd; }
.vw-report-submit { background: #d32f2f; color: #fff; }
.vw-report-submit:hover { background: #b71c1c; }

@media(max-width: 900px) {
    .vw-content { flex-direction: column; }
    .vw-sidebar { width: 100%; }
}
@media(max-width: 600px) {
    .vw-hero { height: auto; min-height: 200px; }
    .vw-hero-inner { flex-direction: column; padding: 20px 16px; gap: 16px; }
    .vw-hero-banner { max-width: 320px; }
    .vw-hero-title { font-size: 20px; }
    .vw-hero-info { text-align: center; }
    .vw-hero-flags { justify-content: center; }
    .vw-hero-btns { justify-content: center; }
    .vw-btn { padding: 8px 16px; font-size: 13px; }
}

.contact-stack {
    max-width: 960px;
    margin: 0 auto;
    padding: 10px 0;
}
.contact-panel {
    border: 2px solid #d5c48a;
    border-radius: 14px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.contact-panel-h {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 18px;
    border-bottom: 2px solid #d5c48a;
    background: linear-gradient(135deg, #fdf8ef, #f9f3e3);
}
.contact-panel-label {
    font-weight: 800;
    color: #7a6520;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.contact-panel-body {
    padding: 30px 28px;
}
.contact-intro {
    text-align: center;
    margin-bottom: 28px;
}
.contact-icon-circle {
    width: 64px;
    height: 64px;
    margin: 0 auto 14px auto;
    border-radius: 50%;
    background: linear-gradient(135deg, #dbc36d, #c8a96e);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(200, 169, 110, 0.35);
}
.contact-icon-circle i {
    font-size: 26px;
    color: #fff;
}
.contact-intro-text {
    color: #888;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}
.contact-field {
    margin-bottom: 18px;
}
.contact-label {
    display: block;
    font-weight: 700;
    font-size: 13px;
    color: #555;
    margin-bottom: 6px;
}
.contact-input-wrap {
    position: relative;
}
.contact-input-icon {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #c8a96e;
    font-size: 14px;
    pointer-events: none;
}
.contact-input-icon.textarea-icon {
    top: 18px;
    transform: none;
}
.contact-input {
    padding-left: 40px !important;
    border: 2px solid #e8e0cc !important;
    border-radius: 10px !important;
    font-size: 14px;
    transition: border-color 0.2s, box-shadow 0.2s;
    background: #fdfcf9;
}
.contact-input:focus {
    border-color: #c8a96e !important;
    box-shadow: 0 0 0 3px rgba(200, 169, 110, 0.15) !important;
    outline: none;
    background: #fff;
}
.contact-input.is-invalid {
    border-color: #e74c3c !important;
}
.contact-textarea {
    resize: vertical;
    min-height: 120px;
}
.contact-field-error {
    color: #c0392b;
    font-size: 12px;
    font-weight: 600;
    margin-top: 5px;
    padding-left: 4px;
}
.contact-captcha {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 20px 0;
}
.contact-panel-body .post_button.bottom_button {
    margin-top: 8px;
    border: none;
    border-radius: 10px;
    padding: 12px 30px;
    font-size: 15px;
    cursor: pointer;
    transition: transform 0.15s, box-shadow 0.15s;
}
.contact-panel-body .post_button.bottom_button:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(189, 157, 51, 0.35);
}
@media (max-width: 640px) {
    .contact-panel-body {
        padding: 20px 16px;
    }
    .contact-stack {
        padding: 10px 0;
    }
}

.grecaptcha-badge { opacity:0; }
.vt-wrap {
    max-width: 900px;
    margin: 30px auto;
    padding: 0 16px;
}
.vt-card {
    background: #faf8f2;
    border: 2px solid #eae6da;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(200,169,110,0.15);
    overflow: hidden;
}
.vt-header {
    background: linear-gradient(135deg, #f5ecd4, #efe4c4);
    padding: 20px 24px;
    text-align: center;
    border-bottom: 2px solid #eae6da;
}
.vt-header h1 {
    font-size: 18px;
    font-weight: 800;
    color: #3a3226;
    margin: 0;
}
.vt-header h1 i {
    color: #c8a96e;
    margin-right: 6px;
}
.vt-body {
    padding: 24px;
}
.vt-server {
    text-align: center;
    margin-bottom: 20px;
}
.vt-server-name {
    font-size: 16px;
    font-weight: 800;
    color: #3a3226;
    margin-bottom: 12px;
}
.vt-server-name a {
    color: #3a3226;
    text-decoration: none;
}
.vt-server-banner {
    display: block;
    max-width: 468px;
    width: 100%;
    height: auto;
    border-radius: 10px;
    border: 2px solid #d5c48a;
    margin: 0 auto 12px;
}
video.vt-server-banner {
    max-height: 190px;
    object-fit: cover;
}
.vt-server-desc {
    font-size: 13px;
    color: #888;
    line-height: 1.5;
}
.vt-captcha {
    text-align: center;
    margin: 20px 0;
}
.vt-captcha p {
    font-size: 13px;
    font-weight: 600;
    color: #7a6520;
    margin-bottom: 10px;
}
.vt-captcha #mc-canvas {
    border-color: #d5c48a;
    border-radius: 10px;
}
.vt-captcha #mc-canvas.mc-valid {
    border-color: #44aa44 !important;
    box-shadow: 0 0 12px rgba(68,170,68,0.3);
}
.vt-captcha #mc-canvas.mc-invalid {
    border-color: #cc4444 !important;
    box-shadow: 0 0 12px rgba(204,68,68,0.3);
}
.vt-submit {
    display: block;
    width: 100%;
    padding: 14px;
    border: none;
    border-radius: 10px;
    background: linear-gradient(135deg, #6ab04c, #52943a);
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    cursor: pointer;
    transition: all 0.2s;
    box-shadow: 0 3px 12px rgba(106,176,76,0.3);
}
.vt-submit:hover {
    background: linear-gradient(135deg, #52943a, #3f7a2c);
    transform: translateY(-1px);
}
.vt-submit i {
    margin-right: 6px;
}
.vt-msg {
    padding: 14px 18px;
    border-radius: 10px;
    margin-bottom: 16px;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    line-height: 1.6;
}
.vt-msg-success {
    background: #e8f5e1;
    border: 2px solid #b8dfa0;
    color: #2d6a0e;
}
.vt-msg-error {
    background: #fde8e8;
    border: 2px solid #f0b8b8;
    color: #8a1010;
}
.vt-back {
    display: block;
    text-align: center;
    margin-top: 16px;
    font-size: 13px;
    font-weight: 700;
    color: #c8a96e;
    text-decoration: none;
}
.vt-back:hover {
    color: #7a6520;
}

.su-stack { max-width: 960px; margin: 0 auto; padding: 10px 0; display: grid; gap: 20px; }

.su-panel {
    border: 2px solid #d5c48a;
    border-radius: 14px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}
.su-panel-h {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 18px;
    border-bottom: 2px solid #d5c48a;
    background: linear-gradient(135deg, #fdf8ef, #f9f3e3);
}
.su-panel-label {
    font-weight: 800;
    color: #7a6520;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.su-badge {
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    font-size: 0.78rem;
    font-weight: 800;
    border-radius: 999px;
    border: 2px solid #d5c48a;
    background: rgba(219,195,109,0.1);
    color: #7a6520;
}

.su-profile {
    display: flex;
    gap: 28px;
    padding: 28px;
}
.su-avatar-col {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}
.su-avatar {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    border: 4px solid #d5c48a;
    object-fit: cover;
    box-shadow: 0 4px 16px rgba(200,169,110,0.3);
}
.su-avatar-placeholder {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    border: 4px solid #d5c48a;
    background: linear-gradient(135deg, #fdf8ef, #f9f3e3);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 16px rgba(200,169,110,0.3);
}
.su-avatar-placeholder i {
    font-size: 48px;
    color: #d5c48a;
}
.su-socials {
    display: flex;
    gap: 8px;
}
.su-social-link {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 2px solid #e8dfc8;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #c8a96e;
    font-size: 15px;
    transition: all 0.2s;
    text-decoration: none;
}
.su-social-link:hover {
    background: linear-gradient(135deg, #dbc36d, #c8a96e);
    border-color: #c8a96e;
    color: #fff;
}

.su-info-col {
    flex: 1;
    min-width: 0;
}
.su-username {
    font-size: 22px;
    font-weight: 900;
    color: #333;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}
.su-verified {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: linear-gradient(135deg, #3498db, #2980b9);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 11px;
}
.su-stars {
    display: flex;
    align-items: center;
    gap: 3px;
    margin-bottom: 14px;
}
.su-stars i { color: #dbc36d; font-size: 15px; }
.su-stars .su-review-count {
    margin-left: 6px;
    color: #999;
    font-size: 13px;
    font-weight: 600;
}
.su-stars .su-review-count a {
    color: #c8a96e;
    text-decoration: underline;
    font-weight: 700;
}
.su-stars .su-review-count a:hover { color: #7a6520; }
.su-title {
    color: #888;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 16px;
    font-style: italic;
}
.su-skills-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}
.su-skill-icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    border: 2px solid #e8dfc8;
    background: #fdfcf9;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color 0.2s, transform 0.15s;
}
.su-skill-icon:hover {
    border-color: #c8a96e;
    transform: translateY(-2px);
}
.su-skill-icon img {
    width: 22px;
    height: 22px;
}
.su-about-text {
    color: #555;
    font-size: 14px;
    line-height: 1.8;
}

.su-skills-list { padding: 20px 24px; }
.su-skill-row {
    margin-bottom: 18px;
}
.su-skill-row:last-child { margin-bottom: 0; }
.su-skill-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}
.su-skill-name {
    font-weight: 700;
    font-size: 13px;
    color: #555;
}
.su-skill-percent {
    font-weight: 800;
    font-size: 13px;
    color: #7a6520;
}
.su-progress {
    height: 10px;
    background: #f0ebe0;
    border-radius: 999px;
    overflow: hidden;
}
.su-progress-bar {
    height: 100%;
    background: linear-gradient(90deg, #dbc36d, #c8a96e);
    border-radius: 999px;
    transition: width 0.8s ease;
}
.su-skills-desc {
    color: #999;
    font-size: 13px;
    padding: 0 24px 4px;
    line-height: 1.6;
}

@media (max-width: 640px) {
    .su-profile { flex-direction: column; align-items: center; text-align: center; padding: 20px 16px; }
    .su-info-col { display: flex; flex-direction: column; align-items: center; }
    .su-skills-row { justify-content: center; }
    .su-avatar { width: 120px; height: 120px; }
    .su-avatar-placeholder { width: 120px; height: 120px; }
    .su-skills-list { padding: 16px; }
}

.review-list ul li .left span {
     width: 32px;
     height: 32px;
     display: inline-block;
}
 .review-list ul li .left {
     flex: none;
     max-width: none;
     margin: 0 10px 0 0;
}
 .review-list ul li .left span img {
     border-radius: 50%;
}
 .review-list ul li .right h4 {
     font-size: 16px;
     margin: 0;
     display: flex;
}
 .review-list ul li .right h4 .gig-rating {
     display: flex;
     align-items: center;
     margin-left: 10px;
     color: #ffbf00;
}
 .review-list ul li .right h4 .gig-rating svg {
     margin: 0 4px 0 0px;
}
 .country .country-flag {
     width: 16px;
     height: 16px;
     vertical-align: text-bottom;
     margin: 0 7px 0 0px;
     border: 1px solid #fff;
     border-radius: 50px;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
 .country .country-name {
     color: #95979d;
     font-size: 13px;
     font-weight: 600;
}
 .review-list ul li {
     border-bottom: 1px solid #dadbdd;
     padding: 0 0 30px;
     margin: 0 0 30px;
}
 .review-list ul li .right {
     flex: auto;
}
 .review-list ul li .review-description {
     margin: 20px 0 0;
}
 .review-list ul li .review-description p {
     font-size: 14px;
     margin: 0;
}
 .review-list ul li .publish {
     font-size: 13px;
     color: #95979d;
}

.review-section h4 {
     font-size: 20px;
     color: #222325;
     font-weight: 700;
}
 .review-section .stars-counters tr .stars-filter.fit-button {
     padding: 6px;
     border: none;
     text-align: left;
}
 .review-section .fit-progressbar-bar .fit-progressbar-background {
     position: relative;
     height: 8px;
     background: #efeff0;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
     background-color: #ffffff;
     border-radius: 999px;
}
 .review-section .stars-counters tr .star-progress-bar .progress-fill {
     background-color: #ffb33e;
}
 .review-section .fit-progressbar-bar .progress-fill {
     background: #2cdd9b;
     background-color: rgb(29, 191, 115);
     height: 100%;
     position: absolute;
     left: 0;
     z-index: 1;
     border-radius: 999px;
}
 .review-section .fit-progressbar-bar {
     display: flex;
     align-items: center;
}
 .review-section .stars-counters td {
     white-space: nowrap;
}
 .review-section .stars-counters tr .progress-bar-container {
     width: 100%;
     padding: 0 10px 0 6px;
     margin: auto;
}
 .ranking h6 {
     font-weight: 600;
     padding-bottom: 16px;
}
 .ranking li {
     display: flex;
     justify-content: space-between;
     color: #95979d;
     padding-bottom: 8px;
}

 .ranking li>span {
     color: #62646a;
     white-space: nowrap;
     margin-left: 12px;
}
 .review-section {
     border-bottom: 1px solid #dadbdd;
     padding-bottom: 24px;
     margin-bottom: 34px;
}
 .review-section select, .review-section .select2-container {
     width: 188px !important;
     border-radius: 3px;
}
ul, ul li {
    list-style: none;
    margin: 0px;
}
.helpful-thumbs, .helpful-thumb {
    display: flex;
    align-items: center;
    font-weight: 700;
}

.arc-stack { display: grid; gap: 24px; max-width: 960px; margin: 0 auto; padding: 10px 0; }

.arc-panel {
    border: 2px solid #d5c48a;
    border-radius: 14px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}
.arc-panel-h {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 18px;
    border-bottom: 2px solid #d5c48a;
    background: linear-gradient(135deg, #fdf8ef, #f9f3e3);
    flex-wrap: wrap;
    gap: 10px;
}
.arc-panel-label {
    font-weight: 800;
    color: #7a6520;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.arc-header-right {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.arc-badge {
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    font-size: 0.78rem;
    font-weight: 800;
    border-radius: 999px;
    border: 2px solid #d5c48a;
    background: rgba(219,195,109,0.1);
    color: #7a6520;
}
.arc-search {
    padding: 6px 12px;
    border: 2px solid #d5c48a;
    border-radius: 999px;
    font-size: 13px;
    color: #333;
    background: #fff;
    outline: none;
    width: 180px;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.arc-search:focus {
    border-color: #c8a96e;
    box-shadow: 0 0 0 3px rgba(219,195,109,0.2);
}
.arc-search::placeholder { color: #bbb; }

.arc-podium {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 16px;
    padding: 30px 18px 20px;
    border-bottom: 2px solid rgba(213,196,138,0.25);
}
.arc-podium-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-decoration: none;
    padding: 16px 14px 14px;
    border-radius: 14px;
    border: 2px solid #d5c48a;
    background: #fdfcf9;
    transition: transform 0.15s, box-shadow 0.15s;
    width: 180px;
    position: relative;
}
.arc-podium-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}
.arc-podium-card.gold {
    border-color: #dbc36d;
    background: linear-gradient(180deg, #fdf8ef, #fff8e1);
    order: 2;
    padding-top: 20px;
    min-height: 180px;
}
.arc-podium-card.silver {
    border-color: #c0c0c0;
    background: linear-gradient(180deg, #f8f8f8, #fff);
    order: 1;
    min-height: 155px;
}
.arc-podium-card.bronze {
    border-color: #cd7f32;
    background: linear-gradient(180deg, #fdf3e8, #fff);
    order: 3;
    min-height: 145px;
}
.arc-podium-medal {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 18px;
    margin-bottom: 10px;
    flex-shrink: 0;
}
.gold .arc-podium-medal {
    background: linear-gradient(135deg, #f9e76b, #dbc36d);
    color: #5a4a10;
    box-shadow: 0 3px 10px rgba(219,195,109,0.5);
}
.silver .arc-podium-medal {
    background: linear-gradient(135deg, #e8e8e8, #b8b8b8);
    color: #444;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}
.bronze .arc-podium-medal {
    background: linear-gradient(135deg, #f0c8a0, #cd7f32);
    color: #fff;
    box-shadow: 0 3px 10px rgba(205,127,50,0.3);
}
.arc-podium-name {
    font-weight: 800;
    font-size: 13px;
    color: #333;
    margin-bottom: 4px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.arc-podium-votes {
    font-size: 12px;
    font-weight: 700;
    color: #2d8a30;
    display: flex;
    align-items: center;
    gap: 4px;
}
.arc-podium-votes i { font-size: 10px; }
.arc-podium-crown {
    position: absolute;
    top: -14px;
    font-size: 22px;
}

.arc-list { display: grid; gap: 0; }

.arc-row {
    display: grid;
    grid-template-columns: 54px 1fr auto;
    gap: 14px;
    align-items: center;
    padding: 12px 18px;
    border-bottom: 1px solid rgba(213,196,138,0.2);
    transition: background 0.15s;
}
.arc-row:last-child { border-bottom: none; }
.arc-row:hover { background: #fdf8ef; }
.arc-row.hidden { display: none; }

.arc-rank {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 13px;
    border: 2px solid #e8dfc8;
    background: #fdfcf9;
    color: #999;
    flex-shrink: 0;
}
.arc-rank.top10 {
    border-color: #d5c48a;
    color: #7a6520;
    background: rgba(219,195,109,0.08);
}

.arc-info { min-width: 0; }
.arc-title {
    font-weight: 700;
    font-size: 13px;
    color: #333;
    text-decoration: none;
    transition: color 0.15s;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.arc-title:hover { color: #c8a96e; }
.arc-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 3px;
}
.arc-desc {
    color: #999;
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
}
.arc-votes {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    font-weight: 700;
    color: #2d8a30;
    flex-shrink: 0;
}
.arc-votes i { font-size: 9px; }

.arc-flags {
    display: flex;
    gap: 3px;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}
.arc-flags .flag-icon { font-size: 14px; }
.arc-flags img { height: 16px; }

.arc-show-more {
    display: flex;
    justify-content: center;
    padding: 16px 18px;
    border-top: 1px solid rgba(213,196,138,0.2);
}
.arc-more-btn {
    padding: 10px 28px;
    border-radius: 999px;
    border: 2px solid #d5c48a;
    background: transparent;
    color: #7a6520;
    font-weight: 800;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s;
}
.arc-more-btn:hover {
    background: rgba(219,195,109,0.1);
}

.arc-empty {
    padding: 40px 18px;
    text-align: center;
    color: #aaa;
    font-size: 14px;
    font-weight: 600;
}
.arc-empty i { font-size: 28px; margin-bottom: 10px; display: block; color: #d5c48a; }
.arc-no-match {
    display: none;
    padding: 30px 18px;
    text-align: center;
    color: #aaa;
    font-size: 13px;
    font-weight: 600;
}

@media (max-width: 768px) {
    .arc-podium { flex-direction: column; align-items: center; gap: 10px; padding: 20px 14px; }
    .arc-podium-card { width: 100%; max-width: 260px; min-height: auto !important; flex-direction: row; gap: 12px; padding: 12px 14px; }
    .arc-podium-card.gold, .arc-podium-card.silver, .arc-podium-card.bronze { order: unset; }
    .arc-podium-medal { width: 34px; height: 34px; font-size: 15px; margin-bottom: 0; }
    .arc-podium-crown { display: none; }
}
@media (max-width: 640px) {
    .arc-row {
        grid-template-columns: 38px 1fr;
        gap: 10px;
        padding: 10px 14px;
    }
    .arc-flags { display: none; }
    .arc-panel-h { flex-direction: column; gap: 8px; text-align: center; }
    .arc-rank { width: 32px; height: 32px; font-size: 11px; }
    .arc-search { width: 100%; }
}

.ms-wrap { padding: 20px 10px; }

.ms-header {
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px;
    margin-bottom: 20px;
}
.ms-title { font-size: 22px; font-weight: 800; color: #7a6520; }
.ms-btn {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 10px 22px; border-radius: 10px; font-size: 14px; font-weight: 700;
    text-decoration: none; border: none; cursor: pointer; transition: all 0.2s ease;
}
.ms-btn-add {
    background: linear-gradient(135deg, #5cb85c, #449d44); color: white;
    box-shadow: 0 2px 8px rgba(92,184,92,0.3);
}
.ms-btn-add:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(92,184,92,0.4); color: white; }
.ms-btn-banner {
    background: linear-gradient(135deg, #dbc36d, #c8a96e); color: #fff;
    box-shadow: 0 2px 8px rgba(200,169,110,0.3);
}
.ms-btn-banner:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(200,169,110,0.4); color: #fff; }
.ms-btn-disabled {
    background: #e8e0cc; color: #a89b7e; cursor: not-allowed;
}
.ms-btn-disabled:hover { transform: none; box-shadow: none; }

.ms-card-foot {
    display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap;
    padding: 12px 20px; border-top: 1px solid #efe7d0; background: #fdfcf9;
}
.ms-action {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 8px 16px; border-radius: 8px; font-size: 13px; font-weight: 600;
    text-decoration: none; transition: all 0.2s ease; border: none; cursor: pointer;
}
.ms-action-edit { background: #eee8d5; color: #7a6520; }
.ms-action-edit:hover { background: #e4dbc4; color: #7a6520; }
.ms-action-view { background: rgba(92,184,92,0.1); color: #3a7a12; }
.ms-action-view:hover { background: rgba(92,184,92,0.2); color: #3a7a12; }
.ms-action-delete { background: rgba(217,83,79,0.08); color: #c9302c; }
.ms-action-delete:hover { background: rgba(217,83,79,0.18); color: #c9302c; }
.ms-action-vote { background: linear-gradient(135deg, #dbc36d, #c8a96e); color: #fff; }
.ms-action-vote:hover { background: linear-gradient(135deg, #c8a96e, #b8963d); color: #fff; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(200,169,110,0.35); }

.ms-votelink {
    display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
    padding: 10px 20px; background: #faf7ef; border-top: 1px solid #efe7d0;
    font-size: 12px;
}
.ms-votelink-label { font-weight: 700; color: #7a6520; white-space: nowrap; }
.ms-votelink-url {
    flex: 1; min-width: 0;
    padding: 6px 10px; background: #fff; border: 1px solid #e8dfc8; border-radius: 6px;
    font-family: monospace; font-size: 12px; color: #555;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    user-select: all;
}
.ms-votelink-copy {
    padding: 6px 12px; border-radius: 6px; border: 1px solid #d5c48a;
    background: #fff; color: #7a6520; font-size: 12px; font-weight: 600;
    cursor: pointer; transition: all 0.15s; white-space: nowrap;
}
.ms-votelink-copy:hover { background: #fdf8ef; }

.ms-empty {
    text-align: center; padding: 60px 20px;
    background: #fff; border: 2px solid #d5c48a; border-radius: 14px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.06);
}
.ms-empty i { font-size: 48px; color: #d5c48a; margin-bottom: 16px; }
.ms-empty-title { font-size: 18px; font-weight: 700; color: #7a6520; margin-bottom: 6px; }
.ms-empty-text { font-size: 14px; color: #a89b7e; margin-bottom: 20px; }

@media (max-width: 768px) {
    .ms-header { justify-content: center; text-align: center; }
    .ms-card-foot { justify-content: center; }
}

.vb-stack { max-width: 960px; margin: 0 auto; padding: 10px 0; display: grid; gap: 20px; }

.vb-panel {
    border: 2px solid #d5c48a;
    border-radius: 14px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}
.vb-panel-h {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 18px;
    border-bottom: 2px solid #d5c48a;
    background: linear-gradient(135deg, #fdf8ef, #f9f3e3);
}
.vb-panel-label {
    font-weight: 800;
    color: #7a6520;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.vb-panel-body { padding: 24px 28px; }

.vb-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-bottom: 24px;
}
.vb-stat {
    background: linear-gradient(135deg, #fdf8ef, #f9f3e3);
    border: 2px solid #e8dfc8;
    border-radius: 12px;
    padding: 16px;
    text-align: center;
}
.vb-stat-value {
    font-size: 24px;
    font-weight: 800;
    color: #7a6520;
    line-height: 1.2;
}
.vb-stat-label {
    font-size: 12px;
    font-weight: 700;
    color: #999;
    margin-top: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.vb-stat-value.active { color: #3a7a12; }
.vb-stat-value.stopped { color: #c0392b; }

.vb-controls {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
    margin-bottom: 20px;
}
.vb-control {
    background: #fdfcf9;
    border: 2px solid #e8dfc8;
    border-radius: 12px;
    padding: 18px;
}
.vb-control-label {
    font-size: 13px;
    font-weight: 700;
    color: #555;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.vb-control-label i { color: #c8a96e; }
.vb-control-input {
    width: 100%;
    padding: 10px 14px;
    border: 2px solid #e8dfc8;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    background: #fff;
    text-align: center;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.vb-control-input:focus {
    border-color: #c8a96e;
    outline: none;
    box-shadow: 0 0 0 3px rgba(219,195,109,0.15);
}
.vb-control-hint {
    font-size: 11px;
    color: #999;
    margin-top: 6px;
    text-align: center;
}

.vb-actions {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 6px;
}
.vb-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 32px;
    border-radius: 10px;
    font-weight: 800;
    font-size: 15px;
    border: none;
    cursor: pointer;
    transition: all 0.15s;
    text-decoration: none;
}
.vb-btn-start {
    background: linear-gradient(135deg, #5cb85c, #449d44);
    color: #fff;
    box-shadow: 0 4px 12px rgba(92,184,92,0.3);
}
.vb-btn-start:hover {
    background: linear-gradient(135deg, #449d44, #398439);
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(92,184,92,0.4);
    color: #fff;
}
.vb-btn-stop {
    background: linear-gradient(135deg, #d9534f, #c9302c);
    color: #fff;
    box-shadow: 0 4px 12px rgba(217,83,79,0.3);
}
.vb-btn-stop:hover {
    background: linear-gradient(135deg, #c9302c, #ac2925);
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(217,83,79,0.4);
    color: #fff;
}

.vb-buy-row {
    display: flex;
    align-items: center;
    gap: 14px;
    justify-content: center;
    flex-wrap: wrap;
}
.vb-buy-label {
    font-size: 14px;
    font-weight: 600;
    color: #555;
}
.vb-buy-input {
    width: 80px;
    padding: 10px 14px;
    border: 2px solid #e8dfc8;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    text-align: center;
    background: #fdfcf9;
    transition: border-color 0.2s;
}
.vb-buy-input:focus {
    border-color: #c8a96e;
    outline: none;
    box-shadow: 0 0 0 3px rgba(219,195,109,0.15);
}
.vb-buy-result {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: linear-gradient(135deg, #f0fbe8, #e8f5e0);
    border: 2px solid #a3d977;
    border-radius: 10px;
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 800;
    color: #3a7a12;
}
.vb-buy-result i { font-size: 14px; }
.vb-buy-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 32px;
    border-radius: 10px;
    background: linear-gradient(135deg, #dbc36d, #c8a96e);
    color: #fff;
    font-weight: 800;
    font-size: 15px;
    border: none;
    cursor: pointer;
    transition: all 0.15s;
    box-shadow: 0 4px 12px rgba(200,169,110,0.3);
}
.vb-buy-btn:hover {
    background: linear-gradient(135deg, #c8a96e, #b8963d);
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(200,169,110,0.4);
}
.vb-buy-submit {
    display: flex;
    justify-content: center;
    margin-top: 18px;
}

.vb-server-card {
    border: 2px solid #e8dfc8;
    border-radius: 12px;
    background: #fdfcf9;
    overflow: hidden;
}
.vb-server-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 18px;
    background: linear-gradient(135deg, #f5eed4, #f0e8c8);
    border-bottom: 2px solid #e8dfc8;
}
.vb-server-title {
    font-size: 17px;
    font-weight: 800;
    color: #7a6520;
    display: flex;
    align-items: center;
    gap: 8px;
}
.vb-server-title a {
    color: #7a6520;
    text-decoration: none;
}
.vb-server-title a:hover {
    text-decoration: underline;
}
.vb-server-body {
    display: grid;
    grid-template-columns: 160px 1fr 160px;
    gap: 16px;
    padding: 18px;
    align-items: center;
}
.vb-server-info {
    text-align: center;
}
.vb-server-rank {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border: 2px solid #d5c48a;
    border-radius: 12px;
    background: linear-gradient(135deg, #fdf8ef, #f9f3e3);
    font-size: 20px;
    font-weight: 800;
    color: #7a6520;
    margin-bottom: 8px;
}
.vb-server-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    background: #e8f5e0;
    color: #3a7a12;
    border: 1px solid #a3d977;
    margin-bottom: 6px;
}
.vb-server-meta {
    font-size: 12px;
    color: #999;
    line-height: 1.8;
}
.vb-server-banner {
    width: 468px;
    height: 190px;
    object-fit: cover;
    border-radius: 10px;
    border: 2px solid #d5c48a;
    box-shadow: 0 4px 12px rgba(200,169,110,0.15);
    transition: transform 0.15s, box-shadow 0.15s;
    display: block;
    margin: 0 auto;
}
.vb-server-banner:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(200,169,110,0.25);
}
.vb-server-votes {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}
.vb-vote-box {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 18px;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    min-width: 130px;
    justify-content: center;
    text-decoration: none;
    transition: transform 0.15s;
}
.vb-vote-box:hover {
    transform: translateY(-1px);
    color: #fff;
}
.vb-vote-box i { font-size: 16px; }
.vb-vote-in {
    background: linear-gradient(135deg, #7cfa9b, #62a925);
    box-shadow: 0 4px 10px rgba(98,169,37,0.3);
}
.vb-vote-out {
    background: linear-gradient(135deg, #d9c169, #b9a24c);
    box-shadow: 0 4px 10px rgba(185,162,76,0.3);
}
.vb-server-desc {
    padding: 10px 18px 14px;
    border-top: 1px solid #e8dfc8;
    font-size: 13px;
    color: #888;
    text-align: center;
}
.vb-server-flags {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: center;
    margin-top: 6px;
}

@media (max-width: 768px) {
    .vb-panel-body { padding: 18px 16px; }
    .vb-stats { grid-template-columns: repeat(2, 1fr); }
    .vb-controls { grid-template-columns: 1fr; }
    .vb-buy-row { flex-direction: column; text-align: center; }
    .vb-server-body { grid-template-columns: 1fr; text-align: center; }
    .vb-server-votes { flex-direction: row; justify-content: center; }
}

.pf-wrap { max-width: 960px; margin: 0 auto; padding: 20px 10px; }

.pf-tabs {
    display: flex; gap: 6px; margin-bottom: 20px;
    border-bottom: 2px solid #e8dfc8; padding-bottom: 0;
}
.pf-tab {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 12px 24px; font-size: 14px; font-weight: 700; color: #a89b7e;
    background: none; border: 2px solid transparent; border-bottom: none;
    border-radius: 12px 12px 0 0; cursor: pointer; transition: all 0.2s ease;
    text-decoration: none; margin-bottom: -2px;
}
.pf-tab:hover { color: #7a6520; background: #fdf8ef; }
.pf-tab.active {
    color: #7a6520; background: #fff;
    border-color: #d5c48a; border-bottom: 2px solid #fff;
}
.pf-tab i { font-size: 16px; }

.pf-tab-content { display: none; }
.pf-tab-content.active { display: block; }

.pf-grid { display: grid; grid-template-columns: 300px 1fr; gap: 20px; }

.pf-card {
    background: #fff; border: 2px solid #d5c48a; border-radius: 14px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.06); overflow: hidden; margin-bottom: 20px;
}
.pf-card-head {
    padding: 14px 20px; font-size: 14px; font-weight: 700; color: #7a6520;
    background: linear-gradient(135deg, #fdf8ef, #f9f3e3);
    border-bottom: 1px solid #e8dfc8;
    display: flex; align-items: center; gap: 8px;
}
.pf-card-body { padding: 24px 20px; }

.pf-photo-card { height: fit-content; }
.pf-avatar-wrap { position: relative; width: 180px; height: 180px; margin: 0 auto 16px; }
.pf-avatar {
    width: 180px; height: 180px; border-radius: 50%; object-fit: cover;
    border: 3px solid #d5c48a; box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}
.pf-avatar-placeholder {
    width: 180px; height: 180px; border-radius: 50%;
    background: linear-gradient(135deg, #fdf8ef, #f9f3e3);
    border: 3px solid #d5c48a; display: flex; align-items: center; justify-content: center;
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}
.pf-avatar-placeholder i { font-size: 64px; color: #d5c48a; }
.pf-upload-btn {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 10px 20px; border-radius: 10px; font-size: 13px; font-weight: 700;
    background: linear-gradient(135deg, #dbc36d, #c8a96e); color: #fff;
    border: none; cursor: pointer; transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(200,169,110,0.3);
}
.pf-upload-btn:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(200,169,110,0.4); }
.pf-upload-hint { font-size: 12px; color: #a89b7e; margin-top: 10px; }
.pf-upload-input { display: none; }
.pf-user-info { margin-top: 16px; padding-top: 16px; border-top: 1px solid #efe7d0; text-align: center; }
.pf-user-name { font-size: 18px; font-weight: 800; color: #7a6520; }
.pf-user-email { font-size: 13px; color: #a89b7e; margin-top: 2px; }

.pf-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
.pf-form-row-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px; margin-bottom: 16px; }
.pf-form-group { margin-bottom: 16px; }
.pf-label {
    display: block; font-size: 13px; font-weight: 700; color: #7a6520;
    margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.3px;
}
.pf-input {
    width: 100%; padding: 11px 14px; border: 2px solid #e8dfc8; border-radius: 10px;
    font-size: 14px; font-family: inherit; background: #fdfcf9; color: #555;
    transition: all 0.2s ease; outline: none;
}
.pf-input:focus { border-color: #c8a96e; box-shadow: 0 0 0 3px rgba(200,169,110,0.15); }
.pf-textarea { resize: vertical; min-height: 90px; }

.pf-social-icon { display: flex; align-items: center; gap: 10px; }
.pf-social-icon i {
    width: 38px; height: 38px; display: flex; align-items: center; justify-content: center;
    background: #fdf8ef; border: 2px solid #e8dfc8; border-radius: 10px;
    color: #a89b7e; font-size: 16px; flex-shrink: 0;
}

.pf-save-btn {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 12px 28px; border-radius: 10px; font-size: 14px; font-weight: 700;
    background: linear-gradient(135deg, #5cb85c, #449d44); color: white;
    border: none; cursor: pointer; transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(92,184,92,0.3);
}
.pf-save-btn:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(92,184,92,0.4); }

.pf-divider { border: none; border-top: 1px solid #efe7d0; margin: 20px 0; }

.pf-section-label {
    font-size: 13px; font-weight: 700; color: #a89b7e; text-transform: uppercase;
    letter-spacing: 0.5px; margin-bottom: 14px; display: flex; align-items: center; gap: 8px;
}

.pf-error { color: #c9302c; font-size: 12px; margin-top: 4px; }

.pf-pw-wrap { max-width: 500px; }

@media (max-width: 768px) {
    .pf-grid { grid-template-columns: 1fr; }
    .pf-form-row, .pf-form-row-3 { grid-template-columns: 1fr; }
    .pf-tabs { overflow-x: auto; }
}

.as-stack { max-width: 960px; margin: 0 auto; padding: 10px 0; display: grid; gap: 20px; }

.as-panel {
    border: 2px solid #d5c48a;
    border-radius: 14px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}
.as-panel-h {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 18px;
    border-bottom: 2px solid #d5c48a;
    background: linear-gradient(135deg, #fdf8ef, #f9f3e3);
}
.as-panel-label {
    font-weight: 800;
    color: #7a6520;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.as-panel-body { padding: 24px 28px; }

.as-backlink-box {
    border-radius: 12px;
    padding: 18px 20px;
    transition: all 0.3s;
}
.as-backlink-box.verified {
    background: linear-gradient(135deg, #f0fbe8, #e8f5e0);
    border: 2px solid #a3d977;
}
.as-backlink-box.not-verified {
    background: linear-gradient(135deg, #fef0f0, #fde8e8);
    border: 2px solid #e88;
}
.as-backlink-title {
    font-weight: 800;
    font-size: 14px;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.as-backlink-box.verified .as-backlink-title { color: #3a7a12; }
.as-backlink-box.not-verified .as-backlink-title { color: #c0392b; }
.as-bonus {
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 10px;
    font-size: 0.72rem;
    font-weight: 800;
    border-radius: 999px;
    color: #fff;
}
.as-backlink-box.verified .as-bonus { background: #3a7a12; }
.as-backlink-box.not-verified .as-bonus { background: #c0392b; }
.as-backlink-desc {
    font-size: 13px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 10px;
}
.as-backlink-code {
    width: 100%;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 12px;
    font-family: monospace;
    background: #fff;
    color: #333;
    resize: none;
}
.as-backlink-box.verified .as-backlink-code { border: 2px solid #c5e8a8; }
.as-backlink-box.verified .as-backlink-code:focus { border-color: #7ab842; box-shadow: 0 0 0 3px rgba(122,184,66,0.15); outline: none; }
.as-backlink-box.not-verified .as-backlink-code { border: 2px solid #e8a8a8; }
.as-backlink-box.not-verified .as-backlink-code:focus { border-color: #c0392b; box-shadow: 0 0 0 3px rgba(192,57,43,0.15); outline: none; }
.as-backlink-status {
    margin-top: 10px;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 6px;
}
.as-backlink-box.verified .as-backlink-status { color: #3a7a12; }
.as-backlink-box.not-verified .as-backlink-status { color: #c0392b; }

.as-alert {
    padding: 14px 18px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #f0fbe8, #e8f5e0);
    border: 2px solid #a3d977;
    color: #3a7a12;
}
.as-alert i { font-size: 16px; }

.as-field { margin-bottom: 20px; }
.as-label {
    display: block;
    font-weight: 700;
    font-size: 13px;
    color: #555;
    margin-bottom: 6px;
}
.as-input-wrap { position: relative; }
.as-input-icon {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #c8a96e;
    font-size: 14px;
    pointer-events: none;
}
.as-input-icon.textarea-icon {
    top: 18px;
    transform: none;
}
.as-input {
    width: 100%;
    padding: 10px 14px 10px 40px;
    border: 2px solid #e8dfc8;
    border-radius: 10px;
    font-size: 14px;
    color: #333;
    background: #fdfcf9;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.as-input:focus {
    border-color: #c8a96e;
    outline: none;
    box-shadow: 0 0 0 3px rgba(219,195,109,0.15);
    background: #fff;
}
.as-input.is-invalid { border-color: #e74c3c !important; }
.as-input::placeholder { color: #bbb; }
.as-textarea { resize: vertical; min-height: 120px; padding-top: 14px; }
.as-field-error {
    color: #c0392b;
    font-size: 12px;
    font-weight: 600;
    margin-top: 5px;
    padding-left: 4px;
}
.as-select {
    width: 100%;
    padding: 10px 14px 10px 40px;
    border: 2px solid #e8dfc8;
    border-radius: 10px;
    font-size: 14px;
    color: #333;
    background: #fdfcf9;
    transition: border-color 0.2s, box-shadow 0.2s;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}
.as-select:focus {
    border-color: #c8a96e;
    outline: none;
    box-shadow: 0 0 0 3px rgba(219,195,109,0.15);
    background: #fff;
}
.as-select-arrow {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #c8a96e;
    font-size: 12px;
    pointer-events: none;
}

.as-social-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 14px;
}
.as-social-field label {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    font-size: 13px;
    color: #555;
    margin-bottom: 6px;
}
.as-social-field label i { color: #c8a96e; font-size: 14px; }
.as-social-input {
    width: 100%;
    padding: 10px 14px;
    border: 2px solid #e8dfc8;
    border-radius: 10px;
    font-size: 13px;
    color: #333;
    background: #fdfcf9;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.as-social-input:focus {
    border-color: #c8a96e;
    outline: none;
    box-shadow: 0 0 0 3px rgba(219,195,109,0.15);
    background: #fff;
}
.as-social-input::placeholder { color: #bbb; }

.as-row-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.as-lang-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-top: 6px;
}
.as-lang-item {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border: 2px solid #e8dfc8;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s;
    font-size: 13px;
    font-weight: 600;
    color: #555;
    background: #fdfcf9;
    user-select: none;
}
.as-lang-item:hover { border-color: #c8a96e; }
.as-lang-item input { display: none; }
.as-lang-item.checked {
    border-color: #c8a96e;
    background: linear-gradient(135deg, rgba(219,195,109,0.12), rgba(200,169,110,0.08));
    color: #7a6520;
}
.as-lang-check {
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 2px solid #d5c48a;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: transparent;
    transition: all 0.15s;
    flex-shrink: 0;
}
.as-lang-item.checked .as-lang-check {
    background: linear-gradient(135deg, #dbc36d, #c8a96e);
    border-color: #c8a96e;
    color: #fff;
}

.as-upload-zone {
    width: 468px;
    height: 190px;
    max-width: 100%;
    margin: 0 auto;
    border: 2px dashed #d5c48a;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #fdfcf9;
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s;
    position: relative;
}
.as-upload-zone:hover {
    border-color: #c8a96e;
    background: #fdf8ef;
}
.as-upload-zone i.upload-icon {
    font-size: 32px;
    color: #d5c48a;
    display: block;
    margin-bottom: 8px;
}
.as-upload-zone span {
    font-size: 13px;
    color: #999;
    font-weight: 600;
}
.as-upload-zone input[type="file"] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}
.as-upload-preview {
    margin-top: 12px;
    text-align: center;
}
.as-upload-preview img,
.as-upload-preview video {
    width: 468px;
    height: 190px;
    max-width: 100%;
    object-fit: cover;
    border-radius: 8px;
    border: 2px solid #e8dfc8;
}
.as-upload-info {
    margin-top: 8px;
    font-size: 12px;
    color: #999;
    font-weight: 600;
}
.as-upload-change {
    display: inline-block;
    margin-top: 8px;
    font-size: 12px;
    font-weight: 700;
    color: #c8a96e;
    cursor: pointer;
}
.as-upload-change:hover { color: #7a6520; }

.as-captcha {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 4px 0 8px;
}

.as-submit-wrap {
    display: flex;
    justify-content: center;
    margin-top: 8px;
}
.as-submit {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 40px;
    border-radius: 10px;
    background: linear-gradient(135deg, #dbc36d, #c8a96e);
    color: #fff;
    font-weight: 800;
    font-size: 15px;
    border: none;
    cursor: pointer;
    transition: all 0.15s;
    box-shadow: 0 4px 12px rgba(200,169,110,0.3);
}
.as-submit:hover {
    background: linear-gradient(135deg, #c8a96e, #b8963d);
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(200,169,110,0.4);
}

@media (max-width: 640px) {
    .as-panel-body { padding: 18px 16px; }
    .as-social-row { grid-template-columns: 1fr; }
    .as-row-2 { grid-template-columns: 1fr; }
}


.as-backlink-box {
    background: linear-gradient(135deg, #fef0f0, #fde8e8);
    border: 2px solid #e88;
    border-radius: 12px;
    padding: 18px 20px;
}
.as-backlink-title {
    font-weight: 800;
    font-size: 14px;
    color: #c0392b;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.as-backlink-title .as-bonus {
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 10px;
    font-size: 0.72rem;
    font-weight: 800;
    border-radius: 999px;
    background: #c0392b;
    color: #fff;
}
.as-backlink-code {
    width: 100%;
    padding: 10px 14px;
    border: 2px solid #e8a8a8;
    border-radius: 8px;
    font-size: 12px;
    font-family: monospace;
    background: #fff;
    color: #333;
    resize: none;
}
.as-backlink-code:focus {
    border-color: #c0392b;
    outline: none;
    box-shadow: 0 0 0 3px rgba(192,57,43,0.15);
}
.as-backlink-status {
    margin-top: 10px;
    font-size: 13px;
    font-weight: 700;
    color: #c0392b;
    display: flex;
    align-items: center;
    gap: 6px;
}

.as-alert {
    padding: 14px 18px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.as-alert-success {
    background: linear-gradient(135deg, #f0fbe8, #e8f5e0);
    border: 2px solid #a3d977;
    color: #3a7a12;
}
.as-alert-error {
    background: linear-gradient(135deg, #fef0f0, #fde8e8);
    border: 2px solid #e88;
    color: #c0392b;
}
.as-alert i { font-size: 16px; }

.as-upload-zone i {
    font-size: 32px;
    color: #d5c48a;
    display: block;
    margin-bottom: 8px;
}
.as-upload-preview {
    margin-top: 12px;
    display: none;
    text-align: center;
}

.reg-wrap { max-width: 780px; margin: 0 auto; padding: 30px 10px; }

.reg-card {
    background: #fff; border: 2px solid #d5c48a; border-radius: 14px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.08); overflow: hidden;
}
.reg-head {
    padding: 24px 28px; text-align: center;
    background: linear-gradient(135deg, #fdf8ef, #f9f3e3);
    border-bottom: 1px solid #e8dfc8;
}
.reg-head-icon {
    width: 56px; height: 56px; margin: 0 auto 12px;
    background: linear-gradient(135deg, #dbc36d, #c8a96e); border-radius: 14px;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 4px 12px rgba(200,169,110,0.3);
}
.reg-head-icon i { font-size: 26px; color: #fff; }
.reg-head-title { font-size: 20px; font-weight: 800; color: #7a6520; }
.reg-head-sub { font-size: 13px; color: #a89b7e; margin-top: 4px; }

.reg-body { padding: 28px; }

.reg-alert {
    padding: 12px 16px; border-radius: 10px; margin-bottom: 20px;
    font-size: 13px; font-weight: 600; display: flex; align-items: center; gap: 10px;
}
.reg-alert.success { background: rgba(92,184,92,0.1); border: 1px solid rgba(92,184,92,0.2); color: #3a7a12; }
.reg-alert.error { background: rgba(217,83,79,0.1); border: 1px solid rgba(217,83,79,0.2); color: #c9302c; }

.reg-group { margin-bottom: 18px; }
.reg-label {
    display: block; font-size: 13px; font-weight: 700; color: #7a6520;
    margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.3px;
}
.reg-input-wrap { position: relative; display: flex; align-items: center; }
.reg-input-wrap > i {
    position: absolute; left: 14px; font-size: 16px; color: #c8a96e; pointer-events: none;
}
.reg-input {
    width: 100%; padding: 12px 14px 12px 42px; border: 2px solid #e8dfc8; border-radius: 10px;
    font-size: 14px; font-family: inherit; background: #fdfcf9; color: #555;
    transition: all 0.2s ease; outline: none;
}
.reg-input:focus { border-color: #c8a96e; box-shadow: 0 0 0 3px rgba(200,169,110,0.15); }
.reg-error { color: #c9302c; font-size: 12px; margin-top: 5px; font-weight: 600; }

.reg-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }

.reg-captcha { display: flex; justify-content: center; margin-bottom: 20px; }

.reg-btn {
    width: 100%; padding: 14px; border-radius: 10px; font-size: 15px; font-weight: 700;
    background: linear-gradient(135deg, #dbc36d, #c8a96e); color: #fff;
    border: none; cursor: pointer; transition: all 0.2s ease;
    box-shadow: 0 2px 10px rgba(200,169,110,0.3);
    display: flex; align-items: center; justify-content: center; gap: 8px;
}
.reg-btn:hover { transform: translateY(-1px); box-shadow: 0 4px 16px rgba(200,169,110,0.4); }

.reg-footer {
    margin-top: 20px; padding-top: 18px; border-top: 1px solid #efe7d0; text-align: center;
}
.reg-footer a {
    display: inline-flex; align-items: center; gap: 6px;
    color: #c8a96e; text-decoration: none; font-size: 13px; font-weight: 600;
    transition: color 0.2s ease; margin: 4px 0;
}
.reg-footer a:hover { color: #7a6520; }

@media (max-width: 480px) {
    .reg-row { grid-template-columns: 1fr; }
    .reg-body { padding: 20px; }
}

.auth-wrap { max-width: 780px; margin: 0 auto; padding: 30px 10px; }

.auth-card {
    background: #fff; border: 2px solid #d5c48a; border-radius: 14px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.08); overflow: hidden;
}
.auth-head {
    padding: 24px 28px; text-align: center;
    background: linear-gradient(135deg, #fdf8ef, #f9f3e3);
    border-bottom: 1px solid #e8dfc8;
}
.auth-head-icon {
    width: 56px; height: 56px; margin: 0 auto 12px;
    background: linear-gradient(135deg, #dbc36d, #c8a96e); border-radius: 14px;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 4px 12px rgba(200,169,110,0.3);
}
.auth-head-icon i { font-size: 26px; color: #fff; }
.auth-head-title { font-size: 20px; font-weight: 800; color: #7a6520; }
.auth-head-sub { font-size: 13px; color: #a89b7e; margin-top: 4px; }

.auth-body { padding: 28px; }

.auth-alert {
    padding: 12px 16px; border-radius: 10px; margin-bottom: 20px;
    font-size: 13px; font-weight: 600; display: flex; align-items: center; gap: 10px;
}
.auth-alert.error { background: rgba(217,83,79,0.1); border: 1px solid rgba(217,83,79,0.2); color: #c9302c; }

.auth-group { margin-bottom: 18px; }
.auth-label {
    display: block; font-size: 13px; font-weight: 700; color: #7a6520;
    margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.3px;
}
.auth-input-wrap { position: relative; display: flex; align-items: center; }
.auth-input-wrap > i {
    position: absolute; left: 14px; font-size: 16px; color: #c8a96e; pointer-events: none;
}
.auth-input {
    width: 100%; padding: 12px 14px 12px 42px; border: 2px solid #e8dfc8; border-radius: 10px;
    font-size: 14px; font-family: inherit; background: #fdfcf9; color: #555;
    transition: all 0.2s ease; outline: none;
}
.auth-input:focus { border-color: #c8a96e; box-shadow: 0 0 0 3px rgba(200,169,110,0.15); }

.auth-btn {
    width: 100%; padding: 14px; border-radius: 10px; font-size: 15px; font-weight: 700;
    background: linear-gradient(135deg, #dbc36d, #c8a96e); color: #fff;
    border: none; cursor: pointer; transition: all 0.2s ease;
    box-shadow: 0 2px 10px rgba(200,169,110,0.3);
    display: flex; align-items: center; justify-content: center; gap: 8px;
}
.auth-btn:hover { transform: translateY(-1px); box-shadow: 0 4px 16px rgba(200,169,110,0.4); }

.auth-footer {
    margin-top: 20px; padding-top: 18px; border-top: 1px solid #efe7d0; text-align: center;
}
.auth-footer a {
    display: inline-flex; align-items: center; gap: 6px;
    color: #c8a96e; text-decoration: none; font-size: 13px; font-weight: 600;
    transition: color 0.2s ease; margin: 4px 0;
}
.auth-footer a:hover { color: #7a6520; }


.auth-head-sub { font-size: 13px; color: #a89b7e; margin-top: 4px; line-height: 1.5; }

.auth-alert.success { background: rgba(92,184,92,0.1); border: 1px solid rgba(92,184,92,0.2); color: #3a7a12; }

.auth-error { color: #c9302c; font-size: 12px; margin-top: 5px; font-weight: 600; }

.hdr {
    position: fixed; top: 0; left: 0; right: 0; z-index: 1030;
    background: #fff;
    border-bottom: 3px solid #dbc36d;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    height: 60px;
}
.hdr-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.hdr-nav {
    display: flex;
    align-items: center;
    gap: 4px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.hdr-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    color: #555;
    text-decoration: none;
    transition: all 0.15s;
    white-space: nowrap;
}
.hdr-link:hover {
    background: rgba(219,195,109,0.12);
    color: #7a6520;
}
.hdr-link i, .hdr-link .fa, .hdr-link .fas, .hdr-link .icon-info,
.hdr-link .icon-envelope-open, .hdr-link .icon-folder, .hdr-link .icon-star,
.hdr-link .icon-home { font-size: 14px; color: #c8a96e; }

.hdr-actions {
    display: flex;
    align-items: center;
    gap: 6px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.hdr-add {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border-radius: 8px;
    background: linear-gradient(135deg, #dbc36d, #c8a96e);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    transition: all 0.15s;
    box-shadow: 0 2px 8px rgba(219,195,109,0.3);
}
.hdr-add:hover {
    background: linear-gradient(135deg, #c8a96e, #b8963d);
    color: #fff;
    transform: translateY(-1px);
}
.hdr-add .fa { color: #fff; }

.hdr-lang {
    position: relative;
    cursor: pointer;
}
.hdr-lang-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    border-radius: 8px;
    border: 2px solid #e8dfc8;
    background: #fdfcf9;
    font-size: 12px;
    font-weight: 700;
    color: #555;
    cursor: pointer;
    transition: all 0.15s;
}
.hdr-lang-btn:hover { border-color: #d5c48a; background: #fdf8ef; }
.hdr-lang-drop {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    background: #fff;
    border: 2px solid #d5c48a;
    border-radius: 10px;
    padding: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    min-width: 100px;
    z-index: 9999;
}
.hdr-lang-drop::before {
    content: '';
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    height: 8px;
}
.hdr-lang:hover .hdr-lang-drop { display: block; }
.hdr-lang-drop a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-radius: 6px;
    text-decoration: none;
    color: #555;
    font-size: 12px;
    font-weight: 600;
    transition: background 0.15s;
}
.hdr-lang-drop a:hover { background: rgba(219,195,109,0.1); color: #7a6520; }
.hdr-lang-drop a p { margin: 0; }

.hdr-login-wrap { position: relative; }
.hdr-login-drop {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    background: #fff;
    border: 2px solid #d5c48a;
    border-radius: 14px;
    padding: 20px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.15);
    width: 300px;
    z-index: 9999;
}
.hdr-login-drop::before {
    content: '';
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    height: 8px;
}
.hdr-login-wrap:hover .hdr-login-drop { display: block; }
.hdr-login-drop .hdr-login-title {
    font-weight: 800;
    color: #7a6520;
    font-size: 14px;
    margin-bottom: 14px;
    text-align: center;
}
.hdr-login-input {
    width: 100%;
    padding: 10px 14px;
    border: 2px solid #e8dfc8;
    border-radius: 8px;
    font-size: 13px;
    color: #333;
    background: #fdfcf9;
    margin-bottom: 10px;
    transition: border-color 0.15s;
}
.hdr-login-input:focus { border-color: #c8a96e; outline: none; }
.hdr-login-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}
.hdr-login-row label {
    font-size: 12px;
    color: #888;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}
.hdr-login-submit {
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 8px;
    background: linear-gradient(135deg, #dbc36d, #c8a96e);
    color: #fff;
    font-weight: 800;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.15s;
    margin-bottom: 10px;
}
.hdr-login-submit:hover { background: linear-gradient(135deg, #c8a96e, #b8963d); }
.hdr-login-footer {
    text-align: center;
    font-size: 12px;
}
.hdr-login-footer a { color: #c8a96e; font-weight: 700; text-decoration: none; }
.hdr-login-footer a:hover { text-decoration: underline; }
.hdr-register-btn {
    display: block;
    width: 100%;
    padding: 10px;
    border: 2px solid #d5c48a;
    border-radius: 8px;
    background: transparent;
    color: #7a6520;
    font-weight: 800;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    margin-top: 10px;
    transition: all 0.15s;
}
.hdr-register-btn:hover { background: rgba(219,195,109,0.1); color: #7a6520; }

.hdr-user { position: relative; }
.hdr-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 2px solid #d5c48a;
    cursor: pointer;
    object-fit: cover;
    transition: border-color 0.15s;
}
.hdr-avatar:hover { border-color: #c8a96e; }
.hdr-avatar-placeholder {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 2px solid #d5c48a;
    background: linear-gradient(135deg, #dbc36d, #c8a96e);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 800;
    font-size: 14px;
    cursor: pointer;
}
.hdr-user-drop {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    background: #fff;
    border: 2px solid #d5c48a;
    border-radius: 12px;
    padding: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    min-width: 180px;
    z-index: 9999;
}
.hdr-user-drop::before {
    content: '';
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    height: 8px;
}
.hdr-user:hover .hdr-user-drop { display: block; }
.hdr-user-name {
    padding: 8px 12px;
    font-weight: 800;
    color: #7a6520;
    font-size: 13px;
    border-bottom: 1px solid rgba(213,196,138,0.3);
    margin-bottom: 4px;
}
.hdr-user-drop a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 8px;
    text-decoration: none;
    color: #555;
    font-size: 13px;
    font-weight: 600;
    transition: background 0.15s;
}
.hdr-user-drop a:hover { background: rgba(219,195,109,0.1); color: #7a6520; }
.hdr-user-drop a.logout { color: #c0392b; }
.hdr-user-drop a.logout:hover { background: rgba(239,68,68,0.06); }
.hdr-user-drop a i { width: 16px; text-align: center; font-size: 13px; }

.hdr-toggle {
    display: none;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: 2px solid #e8dfc8;
    background: #fdfcf9;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #7a6520;
}

.hdr-mobile-menu {
    display: none;
    position: absolute;
    top: 56px;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 1029;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    border-bottom: 2px solid #dbc36d;
    flex-direction: column;
    padding: 8px 14px;
    gap: 2px;
    max-height: 80vh;
    overflow-y: auto;
}
.hdr-mobile-menu.open { display: flex; }

@media (max-width: 767px) {
    .hdr { height: 56px; }
    .hdr-inner {
        flex-wrap: nowrap;
        height: 56px;
        padding: 10px 14px;
    }
    .hdr-toggle { display: flex; }
    .hdr-nav, .hdr-actions { display: none; }
    .hdr-link, .hdr-add { width: 100%; justify-content: flex-start; }
    .hdr-lang { width: 100%; }
    .hdr-lang-btn { width: 100%; justify-content: center; }
    .hdr-lang-drop { left: 0; right: 0; }
    .hdr-login-wrap { width: 100%; }
    .hdr-login-drop { left: 0; right: 0; width: auto; }
    .hdr-user { width: 100%; }
    .hdr-user-drop { left: 0; right: 0; }
}

.header-inner { display: none !important; }
.header { height: 0 !important; border: none !important; background: none !important; }

.ads-stack {
    display: grid;
    gap: 20px;
    max-width: 960px;
    margin: 0 auto;
    padding: 10px 0;
}

.ads-panel {
    border: 2px solid #d5c48a;
    border-radius: 14px;
    background: #fff;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}
.ads-panel-h {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 18px;
    border-bottom: 2px solid #d5c48a;
    background: linear-gradient(135deg, #fdf8ef, #f9f3e3);
}
.ads-panel-label {
    font-weight: 800;
    color: #7a6520;
    font-size: 15px;
}
.ads-panel-c {
    padding: 20px 18px;
}

.ads-badge {
    display: inline-flex;
    align-items: center;
    height: 30px;
    padding: 0 12px;
    font-size: 0.78rem;
    font-weight: 800;
    border-radius: 999px;
    border: 2px solid #d5c48a;
    background: rgba(219, 195, 109, 0.1);
    color: #7a6520;
}
.ads-badge.unpaid {
    color: #c0392b;
    background: rgba(239, 68, 68, 0.08);
    border-color: rgba(239, 68, 68, 0.3);
}
.ads-badge.active {
    color: #2d8a30;
    background: rgba(34, 197, 94, 0.08);
    border-color: rgba(34, 197, 94, 0.3);
}

.ads-duration-cards {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.ads-card {
    cursor: pointer;
    border: 2px solid #d5c48a;
    border-radius: 12px;
    padding: 18px;
    text-align: center;
    flex: 1 1 140px;
    transition: all 0.3s;
    background: #fdfcf9;
    color: #555;
    position: relative;
}
.ads-card:hover {
    background: #fdf8ef;
}
.ads-card.selected {
    border-color: #c8a96e;
    box-shadow: 0 4px 12px rgba(200, 169, 110, 0.35);
    background: #fdf8ef;
}
.ads-card .card-days {
    font-weight: bold;
    font-size: 18px;
    color: #333;
    margin-bottom: 5px;
}
.ads-card .card-base {
    font-size: 13px;
    color: #aaa;
}
.ads-card .card-final {
    margin-top: 8px;
    font-size: 20px;
    font-weight: bold;
    color: #7a6520;
}
.ads-card .card-popular {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    background: #c8a96e;
    color: #fff;
    font-size: 0.72rem;
    font-weight: 800;
    padding: 3px 10px;
    border-radius: 6px;
    z-index: 2;
}
.ads-card .card-discount {
    position: absolute;
    top: 8px;
    right: 8px;
    background: #c8a96e;
    color: #fff;
    font-size: 0.72rem;
    font-weight: 800;
    padding: 2px 6px;
    border-radius: 6px;
}
.ads-pay-btn {
    display: flex;
    justify-content: center;
}

.ads-steps-box {
    display: grid;
    gap: 12px;
    padding: 10px 0;
}
.ads-step-item {
    display: flex;
    align-items: center;
    gap: 14px;
}
.ads-step-number {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, #dbc36d, #c8a96e);
    color: #fff;
    font-weight: 800;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.ads-step-text {
    color: #555;
    font-size: 14px;
    font-weight: 500;
}
.ads-guest-note {
    text-align: center;
    color: #c8a96e;
    font-weight: 700;
    font-size: 14px;
    margin-top: 10px;
}

.ads-uploader {
    position: relative;
    border: 2px dashed #d5c48a;
    border-radius: 14px;
    background: #fdfcf9;
    padding: 18px;
    display: grid;
    gap: 10px;
    justify-items: center;
    text-align: center;
    transition: border-color 0.2s, background 0.2s;
    margin-bottom: 16px;
}
.ads-uploader:hover,
.ads-uploader.drag {
    border-color: #c8a96e;
    background: #fdf8ef;
}
.ads-uploader input[type="file"] {
    display: none;
}
.ads-uploader .drop-title {
    font-weight: 800;
    color: #7a6520;
    font-size: 14px;
}
.ads-uploader .drop-hint {
    color: #aaa;
    font-size: 0.85rem;
}

.ads-ghost-preview {
    width: 100%;
    max-width: 920px;
    aspect-ratio: 920 / 90;
    border-radius: 10px;
    border: 2px solid #d5c48a;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: repeating-linear-gradient(
        90deg,
        rgba(219, 195, 109, 0.06) 0,
        rgba(219, 195, 109, 0.06) 10px,
        transparent 10px,
        transparent 20px
    );
}
.ads-ghost-preview .media {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.ads-select-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 10px;
    border: 2px solid #d5c48a;
    background: transparent;
    color: #7a6520;
    font-weight: 800;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s;
}
.ads-select-btn:hover {
    background: rgba(219, 195, 109, 0.1);
}
.ads-select-btn.disabled {
    filter: grayscale(1) opacity(0.5);
    cursor: not-allowed;
    pointer-events: none;
}

.ads-file-name {
    color: #aaa;
    font-size: 0.85rem;
    min-height: 1.2em;
}

.ads-url-row {
    margin-bottom: 14px;
}
.ads-url-row label {
    display: block;
    font-weight: 800;
    color: #7a6520;
    font-size: 13px;
    margin-bottom: 6px;
}
.ads-url-input {
    width: 100%;
    padding: 10px 14px;
    border: 2px solid #d5c48a;
    border-radius: 10px;
    font-size: 14px;
    color: #333;
    background: #fdfcf9;
    transition: border-color 0.2s;
}
.ads-url-input:focus {
    border-color: #c8a96e;
    outline: none;
    box-shadow: 0 0 0 3px rgba(219, 195, 109, 0.2);
}

.ads-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.ads-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 10px;
    border: 2px solid transparent;
    background: linear-gradient(135deg, #dbc36d, #c8a96e);
    color: #fff;
    font-weight: 800;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s;
    box-shadow: 0 4px 12px rgba(200, 169, 110, 0.3);
}
.ads-btn-primary:hover {
    background: linear-gradient(135deg, #c8a96e, #b8963d);
}
.ads-btn-primary.disabled {
    filter: grayscale(1) opacity(0.5);
    cursor: not-allowed;
    pointer-events: none;
}
.ads-btn-ghost {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 10px;
    border: 2px solid #d5c48a;
    background: transparent;
    color: #7a6520;
    font-weight: 800;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
}
.ads-btn-ghost:hover {
    background: rgba(219, 195, 109, 0.08);
}
.ads-btn-ghost.disabled {
    filter: grayscale(1) opacity(0.5);
    cursor: not-allowed;
    pointer-events: none;
}

.ads-overlay-lock {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background: linear-gradient(180deg, rgba(255,255,255,0.3), rgba(255,255,255,0.7));
    backdrop-filter: saturate(0.7) blur(3px);
    z-index: 10;
    border-radius: 12px;
}
.ads-lock-chip {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    padding: 12px 20px;
    border-radius: 999px;
    border: 2px solid #d5c48a;
    background: rgba(255, 255, 255, 0.95);
    color: #7a6520;
    font-weight: 800;
    font-size: 14px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}

.ads-flash {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
}
.ads-flash.success {
    background: rgba(34, 197, 94, 0.08);
    border: 2px solid rgba(34, 197, 94, 0.25);
    color: #2d8a30;
}
.ads-flash.error {
    background: rgba(239, 68, 68, 0.08);
    border: 2px solid rgba(239, 68, 68, 0.25);
    color: #c0392b;
}

.ads-field-error {
    text-align: center;
    color: #c0392b;
    font-size: 13px;
    margin-bottom: 10px;
}

.ads-stats-chips {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}
.ads-chip {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    padding: 8px 14px;
    border-radius: 999px;
    border: 2px solid #d5c48a;
    background: rgba(219, 195, 109, 0.06);
    color: #555;
    font-size: 13px;
}
.ads-chip strong {
    color: #7a6520;
}
.ads-range-btns {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}
.ads-range-btn {
    padding: 8px 14px;
    border-radius: 10px;
    border: 2px solid #d5c48a;
    background: transparent;
    color: #7a6520;
    font-weight: 800;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.2s;
}
.ads-range-btn:hover {
    background: rgba(219, 195, 109, 0.1);
}
.ads-range-btn.active {
    background: linear-gradient(135deg, #dbc36d, #c8a96e);
    color: #fff;
    border-color: #c8a96e;
}

@media (max-width: 640px) {
    .ads-panel-h {
        flex-direction: column;
        gap: 8px;
        text-align: center;
    }
    .ads-duration-cards {
        flex-direction: column;
    }
    .ads-ghost-preview {
        aspect-ratio: auto;
        min-height: 50px;
    }
    .ads-stats-chips {
        flex-direction: column;
    }
}

.back-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 16px;
    background: linear-gradient(135deg, #f5f5f5, #e8e8e8);
    color: #555;
    font-size: 12px;
    text-decoration: none;
    border-radius: 20px;
    border: 1px solid #ddd;
    transition: all 0.2s;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}
.back-btn:hover {
    background: linear-gradient(135deg, #fff, #f0f0f0);
    color: #333;
    border-color: #c8a96e;
    box-shadow: 0 2px 6px rgba(0,0,0,0.12);
}
.back-btn i {
    font-size: 10px;
}