*{box-sizing:border-box}
body{
    margin:0;
    font-family:Inter,Arial,sans-serif;
    background:#0f172a;
    color:#e5e7eb;
}
a{text-decoration:none;color:inherit}
.wrap{
    width:min(1120px,92%);
    margin:0 auto;
}
.site-header{
    position:sticky;
    top:0;
    z-index:50;
    background:rgba(15,23,42,.92);
    border-bottom:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(14px);
}
.nav{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    min-height:72px;
}
.brand{
    font-weight:800;
    font-size:1.1rem;
    color:#fff;
}
nav{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    font-size:.95rem;
    color:#cbd5e1;
}
.main-content{
    padding:32px 0 60px;
}
.hero-grid{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:24px;
}
.card{
    background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));
    border:1px solid rgba(255,255,255,.08);
    border-radius:24px;
    padding:24px;
    box-shadow:0 18px 50px rgba(0,0,0,.25);
}
h1,h2,h3{color:#fff;margin-top:0}
.muted{color:#94a3b8}
label{
    display:block;
    margin:14px 0 8px;
    font-weight:600;
}
input[type="text"],
input[type="tel"],
input[type="password"],
textarea,
input[type="file"],
select{
    width:100%;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.12);
    background:#111827;
    color:#fff;
    padding:14px 16px;
}
textarea{
    min-height:140px;
    resize:vertical;
}
.btn{
    display:inline-block;
    width:100%;
    border:none;
    border-radius:16px;
    padding:15px 18px;
    font-weight:800;
    cursor:pointer;
    background:linear-gradient(135deg,#22c55e,#06b6d4);
    color:#08111f;
    margin-top:16px;
}
.btn:disabled{
    opacity:.7;
    cursor:not-allowed;
}
.btn-secondary{
    width:auto;
    margin-top:0;
    padding:12px 16px;
    background:linear-gradient(135deg,#334155,#475569);
    color:#fff;
}
.notice{
    padding:14px 16px;
    border-radius:14px;
    margin-bottom:16px;
}
.notice.error{
    background:#450a0a;
    border:1px solid #7f1d1d;
    color:#fecaca;
}
.notice.success{
    background:#052e16;
    border:1px solid #166534;
    color:#bbf7d0;
}
.ad{
    min-height: 280px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed rgba(255,255,255,.18);
    color: #94a3b8;
    overflow: hidden;
}
.seo-section{
    margin-top:28px;
}
.site-footer{
    padding:24px 0 40px;
    border-top:1px solid rgba(255,255,255,.08);
    color:#94a3b8;
}
.inline-check{
    display:flex;
    gap:10px;
    align-items:flex-start;
    margin-top:16px;
}
.counter{
    text-align:right;
    margin-top:8px;
    color:#94a3b8;
    font-size:.9rem;
}
.verify-box{
    margin-top:16px;
    padding:16px;
    border-radius:18px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.08);
}
.verify-actions{
    display:flex;
    flex-direction:column;
    gap:12px;
}
.verify-code-row{
    display:none;
    grid-template-columns:1fr auto;
    gap:12px;
    margin-top:12px;
}
.verify-code-row.is-visible{
    display:grid;
}
.verify-status{
    padding:12px 14px;
    border-radius:14px;
    background:rgba(148,163,184,.12);
    color:#cbd5e1;
    border:1px solid rgba(148,163,184,.16);
}
.verify-status.verified{
    background:rgba(34,197,94,.12);
    color:#bbf7d0;
    border:1px solid rgba(34,197,94,.28);
}
.verify-status.error{
    background:rgba(239,68,68,.12);
    color:#fecaca;
    border:1px solid rgba(239,68,68,.28);
}
.info-list{
    display:grid;
    gap:14px;
    margin:18px 0 22px;
}
.info-item{
    display:flex;
    gap:14px;
    align-items:flex-start;
    padding:14px;
    border-radius:18px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.08);
}
.info-badge{
    width:30px;
    height:30px;
    min-width:30px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#22c55e,#06b6d4);
    color:#08111f;
    font-weight:800;
}
.benefit-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
    margin:20px 0;
}
.benefit-card{
    padding:18px;
    border-radius:20px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.08);
}
.media-preview-box{
    margin-top:18px;
    border-radius:20px;
    overflow:hidden;
    background:#0b1220;
    border:1px solid rgba(255,255,255,.08);
    min-height:280px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.media-preview-image{
    display:block;
    width:100%;
    height:auto;
    max-height:600px;
    object-fit:contain;
}
.media-preview-audio{
    width:min(100%, 680px);
    margin:24px;
}
.media-preview-pdf{
    width:100%;
    min-height:620px;
    border:0;
    background:#fff;
}
.file-generic-preview{
    text-align:center;
    padding:32px;
}
.file-generic-icon{
    width:90px;
    height:90px;
    border-radius:24px;
    margin:0 auto 16px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
    letter-spacing:.08em;
    background:linear-gradient(135deg,#334155,#1e293b);
    color:#fff;
}
.media-actions{
    margin-top:18px;
}
.media-download-btn{
    text-align:center;
}
.details-table{
    width:100%;
    border-collapse:collapse;
    margin-top:12px;
}
.details-table th,
.details-table td{
    text-align:left;
    vertical-align:top;
    padding:12px 0;
    border-bottom:1px solid rgba(255,255,255,.08);
}
.details-table th{
    width:140px;
    color:#cbd5e1;
    font-weight:700;
}
.admin-auth-wrap{
    max-width:560px;
}
.admin-auth-card{
    margin:0 auto;
}
.admin-topbar{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:16px;
    margin-bottom:20px;
}
.admin-page-title{
    margin-bottom:8px;
}
.admin-topbar-actions{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
}
.admin-user-chip{
    display:inline-flex;
    align-items:center;
    padding:10px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.08);
    color:#cbd5e1;
    font-size:.92rem;
}
.admin-logout-btn{
    text-align:center;
}
.admin-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:22px;
}
.admin-tab{
    display:inline-flex;
    align-items:center;
    padding:10px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.08);
    color:#e5e7eb;
}
.admin-tab.active{
    background:linear-gradient(135deg,#22c55e,#06b6d4);
    color:#08111f;
    border-color:transparent;
    font-weight:800;
}
.muted-tab{
    opacity:.7;
}
.admin-stats-grid{
    display:grid;
    grid-template-columns:repeat(6, 1fr);
    gap:16px;
    margin-bottom:24px;
}
.admin-stat-card{
    padding:18px;
}
.admin-stat-label{
    color:#94a3b8;
    font-size:.92rem;
    margin-bottom:10px;
}
.admin-stat-value{
    font-size:1.8rem;
    font-weight:800;
    color:#fff;
}
.admin-layout-grid{
    display:grid;
    grid-template-columns:1.35fr .9fr;
    gap:24px;
}
.admin-side-stack{
    display:grid;
    gap:24px;
}
.table-wrap{
    overflow:auto;
}
.admin-table{
    width:100%;
    border-collapse:collapse;
    min-width:720px;
}
.admin-table.compact{
    min-width:100%;
}
.admin-table th,
.admin-table td{
    text-align:left;
    vertical-align:top;
    padding:12px 10px;
    border-bottom:1px solid rgba(255,255,255,.08);
}
.admin-table th{
    color:#cbd5e1;
    font-size:.92rem;
    font-weight:700;
    white-space:nowrap;
}
.message-preview{
    max-width:360px;
    line-height:1.45;
    white-space:normal;
    word-break:break-word;
}
.inbound-message-preview{
    max-width:560px;
}
.inbound-table{
    min-width:100%;
}
.inbound-ad-row td{
    padding:18px 0;
    border-bottom:0;
}
.inbound-table-ad{
    min-height:110px;
}
.result-box{
    margin-top:18px;
    padding:18px;
    border-radius:18px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.08);
}
.copy-row{
    display:grid;
    grid-template-columns:1fr auto;
    gap:12px;
    align-items:center;
}
.copy-btn{
    white-space:nowrap;
}
.change-email-box{
    margin-top:18px;
    padding:18px;
    border-radius:18px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.08);
}
.change-email-row{
    display:grid;
    grid-template-columns:1fr auto;
    gap:12px;
    align-items:center;
}
.email-domain-pill{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:50px;
    padding:0 16px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.12);
    background:#111827;
    color:#cbd5e1;
    white-space:nowrap;
}
.stats-embed-frame{
    width:100%;
    min-height:760px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    background:#fff;
}
.small-text{
    font-size:.85rem;
    margin-top:4px;
}
.status-pill{
    display:inline-flex;
    align-items:center;
    padding:6px 10px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.1);
    font-size:.85rem;
}
.iti{
    width:100%;
}
.iti__tel-input{
    width:100% !important;
    padding-top:14px !important;
    padding-bottom:14px !important;
    padding-right:16px !important;
    background:#111827 !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:14px !important;
}
.iti__country-list{
    background:#0f172a !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.12) !important;
    box-shadow:0 18px 50px rgba(0,0,0,.35) !important;
}
.iti__country.iti__highlight{
    background:rgba(255,255,255,.08) !important;
}
.iti__selected-country{
    background:transparent !important;
    border-radius:14px 0 0 14px;
}
.iti__dial-code{
    color:#cbd5e1 !important;
}
@media (max-width: 1100px){
    .admin-stats-grid{
        grid-template-columns:repeat(3, 1fr);
    }
    .admin-layout-grid{
        grid-template-columns:1fr;
    }
}
@media (max-width: 900px){
    .hero-grid{
        grid-template-columns:1fr;
    }
    .nav{
        flex-direction:column;
        align-items:flex-start;
        padding:12px 0;
    }
    .verify-code-row{
        grid-template-columns:1fr;
    }
    .copy-row,
    .change-email-row{
        grid-template-columns:1fr;
    }
    .btn-secondary{
        width:100%;
    }
    .benefit-grid{
        grid-template-columns:1fr;
    }
    .media-preview-pdf{
        min-height:420px;
    }
    .admin-stats-grid{
        grid-template-columns:1fr 1fr;
    }
    .admin-topbar{
        flex-direction:column;
    }
    .stats-embed-frame{
        min-height:620px;
    }
}
@media (max-width: 640px){
    .admin-stats-grid{
        grid-template-columns:1fr;
    }
}
.admin-filter-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1fr auto;
    gap:12px;
    align-items:end;
}
.admin-pagination{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:20px;
}
.admin-page-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:40px;
    height:40px;
    padding:0 12px;
    border-radius:12px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.08);
    color:#e5e7eb;
}
.admin-page-link.active{
    background:linear-gradient(135deg,#22c55e,#06b6d4);
    color:#08111f;
    font-weight:800;
    border-color:transparent;
}
@media (max-width: 900px){
    .admin-filter-grid{
        grid-template-columns:1fr;
    }
}
.email-inbox-wrap{
    overflow-x:auto;
}

.email-cell-primary{
    font-weight:700;
    line-height:1.45;
    word-break:break-word;
}

.email-cell-title{
    font-weight:700;
    line-height:1.45;
    word-break:break-word;
}

.email-message-preview{
    max-width:100%;
    word-break:break-word;
}

.email-action-row{
    margin-top:10px;
}

.admin-action-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:10px 14px;
    border-radius:12px;
    background:linear-gradient(135deg,#22c55e,#06b6d4);
    color:#08111f;
    font-weight:700;
    text-decoration:none;
    white-space:nowrap;
}

.admin-action-btn.secondary{
    background:linear-gradient(135deg,#334155,#475569);
    color:#fff;
}

@media (max-width: 768px){
    .email-inbox-table thead{
        display:none;
    }

    .email-inbox-table,
    .email-inbox-table tbody,
    .email-inbox-table tr,
    .email-inbox-table td{
        display:block;
        width:100%;
    }

    .email-inbox-table tr.email-row-card{
        margin-bottom:16px;
        padding:16px;
        border:1px solid rgba(255,255,255,.08);
        border-radius:18px;
        background:rgba(255,255,255,.03);
    }

    .email-inbox-table tr.email-row-card td{
        padding:0;
        border:0;
        margin-bottom:14px;
    }

    .email-inbox-table tr.email-row-card td:last-child{
        margin-bottom:0;
    }

    .email-inbox-table td[data-label]::before{
        content: attr(data-label);
        display:block;
        margin-bottom:6px;
        color:#94a3b8;
        font-size:.85rem;
        font-weight:700;
        letter-spacing:.01em;
    }

    .email-inbox-table .admin-action-btn{
        width:100%;
    }

    .email-inbox-table .message-preview{
        max-width:100%;
    }
}