:root{--black:#070707;--gold:#d4af37;--white:#fff;--soft:#f7f1dc;}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f6f6f6;color:#111}
.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#2a2108,#070707 55%)}
.login-card{width:min(460px,92vw);background:#fff;border-radius:28px;padding:42px;box-shadow:0 35px 100px rgba(0,0,0,.35);text-align:center}
.brand{font-weight:900;font-size:28px;letter-spacing:1px;color:#111}
.brand span{color:var(--gold)}
.login-card h1{margin:24px 0 10px}
.login-card p{color:#555;line-height:1.6}
.login-card input{width:100%;padding:16px;margin:9px 0;border:1px solid #ddd;border-radius:14px}
.login-card button{width:100%;padding:16px;margin-top:14px;border:0;border-radius:14px;background:#d4af37;color:#000;font-weight:900;cursor:pointer}
.login-card small{display:block;margin-top:18px;color:#777}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;background:#070707;padding:28px 22px;border-right:1px solid rgba(212,175,55,.25)}
.sidebar .brand{color:#fff;margin-bottom:30px}
.sidebar a{display:block;color:#ddd;text-decoration:none;padding:14px 16px;border-radius:14px;margin:6px 0;font-weight:800}
.sidebar a:hover,.sidebar a.active{background:#d4af37;color:#000}
.main{margin-left:280px;padding:34px}
.topbar{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:24px;padding:28px;box-shadow:0 18px 55px rgba(0,0,0,.08)}
.topbar h1{margin:0 0 6px}
.topbar p{margin:0;color:#666}
.admin-pill{background:#070707;color:#d4af37;padding:12px 18px;border-radius:999px;font-weight:900}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:28px 0}
.metrics div{background:#fff;border-radius:22px;padding:28px;box-shadow:0 15px 45px rgba(0,0,0,.07)}
.metrics strong{display:block;font-size:34px;color:#d4af37}
.metrics span{font-weight:800;color:#333}
.panel{background:#fff;border-radius:24px;padding:30px;box-shadow:0 18px 55px rgba(0,0,0,.08)}
.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.module-grid div{background:#111;color:#fff;border:1px solid rgba(212,175,55,.35);border-radius:18px;padding:24px;font-weight:900}
@media(max-width:900px){.sidebar{position:relative;width:auto}.main{margin-left:0;padding:18px}.metrics,.module-grid{grid-template-columns:1fr}.topbar{display:block}}

/* SIDEBAR LOGO FIX */
.sidebar .brand{
    font-size:24px !important;
    letter-spacing:.5px !important;
    white-space:nowrap;
    overflow:hidden;
    max-width:100%;
}

@media(max-width:900px){
    .sidebar .brand{
        font-size:28px !important;
        text-align:center;
    }
}

/* PACKAGES MANAGER */

.panel-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:18px;
    margin-bottom:22px;
}

.panel-head h2{
    margin:0;
}

.panel-head span{
    background:#070707;
    color:#d4af37;
    padding:10px 14px;
    border-radius:999px;
    font-weight:900;
}

.package-panel{
    margin-top:28px;
}

.package-table-wrap{
    overflow-x:auto;
}

.package-table{
    width:100%;
    border-collapse:collapse;
    background:#fff;
    border-radius:18px;
    overflow:hidden;
}

.package-table th{
    background:#070707;
    color:#d4af37;
    padding:16px;
    text-align:left;
    white-space:nowrap;
}

.package-table td{
    padding:16px;
    border-bottom:1px solid #eee;
    vertical-align:top;
    font-weight:700;
}

.package-table tr:hover{
    background:#fff9e8;
}

.mini-feature{
    display:inline-block;
    background:#f7f1dc;
    border:1px solid rgba(212,175,55,.35);
    color:#111;
    padding:6px 10px;
    border-radius:999px;
    margin:3px;
    font-size:12px;
    font-weight:900;
}

.mini-btn,
.module-link{
    display:inline-block;
    background:#070707;
    color:#fff !important;
    text-decoration:none;
    padding:10px 14px;
    border-radius:12px;
    font-weight:900;
    border:1px solid rgba(212,175,55,.45);
}

.mini-btn:hover,
.module-link:hover{
    background:#d4af37;
    color:#000 !important;
}

@media(max-width:900px){
    .panel-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .package-table{
        min-width:980px;
    }
}

/* PREMIUM DOMAINS + CATEGORY CLEANUP */

.premium-domains-panel{
    background:
        radial-gradient(circle at top, rgba(212,175,55,.12), transparent 42%),
        #fff;
}

.status-pill{
    display:inline-block;
    background:#070707;
    color:#d4af37;
    padding:7px 12px;
    border-radius:999px;
    font-weight:900;
}

.admin-note{
    margin-top:18px;
    color:#555;
    font-weight:700;
}

.package-panel h2{
    color:#070707;
}


/* PREMIUM DOMAINS CRUD */
.notice-ok,
.notice-error{
    margin:24px 0;
    padding:16px 18px;
    border-radius:16px;
    font-weight:900;
}

.notice-ok{
    background:#e8f8ed;
    color:#166534;
    border:1px solid rgba(22,101,52,.25);
}

.notice-error{
    background:#ffe7e7;
    color:#8b0000;
    border:1px solid rgba(139,0,0,.20);
}

.domain-form-panel{
    margin-top:28px;
}

.domain-form{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.domain-form label{
    display:flex;
    flex-direction:column;
    gap:8px;
    font-weight:900;
}

.domain-form input,
.domain-form select{
    width:100%;
    padding:14px 16px;
    border:1px solid rgba(212,175,55,.35);
    border-radius:14px;
    font-weight:800;
    background:#fff;
}

.domain-form .check-row{
    flex-direction:row;
    align-items:center;
    background:#fff8df;
    padding:14px 16px;
    border-radius:14px;
    border:1px solid rgba(212,175,55,.35);
}

.domain-form .check-row input{
    width:auto;
}

.domain-form button{
    border:0;
    border-radius:14px;
    background:#070707;
    color:#d4af37;
    font-weight:900;
    cursor:pointer;
    padding:14px 18px;
}

.domain-form button:hover{
    background:#d4af37;
    color:#000;
}

.action-cell{
    display:flex;
    gap:8px;
    align-items:center;
}

.action-cell form{
    margin:0;
}

.delete-btn{
    border:0;
    border-radius:12px;
    background:#b91c1c;
    color:#fff;
    padding:10px 14px;
    font-weight:900;
    cursor:pointer;
}

.delete-btn:hover{
    background:#7f1010;
}

@media(max-width:980px){
    .domain-form{
        grid-template-columns:1fr;
    }

    .action-cell{
        flex-direction:column;
        align-items:flex-start;
    }
}

/* DOMAIN LEADS */
.lead-form textarea{
    width:100%;
    min-height:96px;
    padding:14px 16px;
    border:1px solid rgba(212,175,55,.35);
    border-radius:14px;
    font-weight:800;
    resize:vertical;
    font-family:Arial,Helvetica,sans-serif;
}

.mini-metrics{
    grid-template-columns:repeat(4,1fr);
}

@media(max-width:900px){
    .mini-metrics{
        grid-template-columns:1fr;
    }
}