*{box-sizing:border-box}body{margin:0;background:#0c3445;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:15px}header{background:#163f56;border-bottom:8px solid #092b3a}.wrap{width:86%;max-width:1500px;margin:auto}.logo{font-weight:900;font-style:italic;color:#35e47a;font-size:34px;letter-spacing:2px;padding:22px 0;display:inline-block}nav{float:right;padding-top:32px}nav a{color:#fff;text-decoration:none;font-weight:bold;margin-left:28px}.card{background:#18475f;margin:28px 0;padding:16px;border-radius:3px}.card h2{display:inline-block;background:#252d4d;padding:9px 14px;border-radius:5px;font-size:18px;margin:-5px 0 18px}.row{display:flex;gap:16px;align-items:center;margin:6px 0 14px}.types{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:10px}.types label{background:#0795a8;padding:10px 16px;border-radius:4px;font-weight:bold}.hint{color:#b7d5e3;margin:8px 0;font-size:13px}textarea{width:100%;min-height:240px;background:#092838;color:#fff;border:1px solid #8aa8b8;border-radius:4px;padding:14px;font-family:Consolas,monospace;line-height:1.45}#plainResult,#oauthOutput{min-height:120px;margin-top:12px}.actions{text-align:right;margin:12px 0}.actions button{border:0;color:#fff;background:#0795b5;padding:12px 18px;border-radius:7px;font-weight:bold;margin-left:8px;cursor:pointer}.actions .green{background:#06c86b}.status{color:#ffd83d;font-weight:bold;margin:10px 0}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;background:#102f40}th{background:#202938;padding:12px}td{padding:12px;border-top:1px solid #244d61}td.code{font-size:18px;font-weight:bold;color:#fff}.copy{background:#ff6942;color:#fff;border:0;padding:7px 12px;border-radius:6px;cursor:pointer}pre{white-space:pre-wrap;background:#092838;border:1px solid #8aa8b8;border-radius:4px;padding:14px;min-height:180px;overflow:auto}label input{vertical-align:middle} @media(max-width:900px){.wrap{width:96%}nav{float:none;padding:0 0 15px}.logo{font-size:28px}.types label{padding:8px}.row{display:block}}

.mailTable td{vertical-align:middle}.mail-content{color:#e8f5fb;line-height:1.45}.mailTable th:nth-child(5),.mailTable td:nth-child(5){min-width:420px}.mailTable td:nth-child(3){min-width:230px}.mailTable td:nth-child(1){min-width:260px}#msgResult pre{white-space:pre-wrap;background:#092838;border:1px solid #8aa8b8;border-radius:4px;padding:14px}

.liveGrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px}.liveGrid textarea{min-height:210px}.liveTitle span{border:1px solid currentColor;padding:2px 8px;margin-left:4px}.liveOk{color:#19d66b}.liveDie{color:#ff2020}.liveUnk{color:#00c8ff}@media(max-width:1000px){.liveGrid{grid-template-columns:1fr}}

.page-section{display:none}.page-section.active{display:block}nav a.active{background:#252d4d;border-radius:5px;padding:9px 12px;margin-left:16px}.page-title{display:block}.empty-page{padding:30px;text-align:center;color:#b7d5e3}
.bigCode{font-size:22px;font-weight:800;letter-spacing:3px}
#twofaOutput{min-height:130px;margin-top:14px}

.toast{position:fixed;right:24px;bottom:24px;background:#18c76f;color:#fff;padding:12px 18px;border-radius:8px;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.35);opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s;z-index:9999}.toast.show{opacity:1;transform:translateY(0)}
.twofa-remain{font-weight:700;color:#ffe500}
.twofaAddBox{display:grid;grid-template-columns:1fr 1.5fr auto;gap:10px;margin:10px 0 12px}
.twofaAddBox input{background:#092838;color:#fff;border:1px solid #8aa8b8;border-radius:4px;padding:12px;font-family:Arial,Helvetica,sans-serif}
.twofaAddBox button{border:0;color:#fff;background:#0795b5;padding:12px 18px;border-radius:7px;font-weight:bold;cursor:pointer}.twofaAddBox .green{background:#06c86b}
@media(max-width:900px){.twofaAddBox{grid-template-columns:1fr}}
.danger{background:#d93025;color:#fff;border:0;padding:7px 12px;border-radius:6px;cursor:pointer;font-weight:bold}
.empty2fa{text-align:center;color:#b7d5e3;padding:22px!important}
nav a:first-child{margin-left:0}


/* Bảng Get 2FA cân đối + hiện Secret */
#twofaTable{table-layout:fixed;width:100%;}
#twofaTable th,#twofaTable td{vertical-align:middle;text-align:center;}
#twofaTable th:nth-child(1),#twofaTable td:nth-child(1){width:52px;}
#twofaTable th:nth-child(2),#twofaTable td:nth-child(2){width:18%;text-align:left;}
#twofaTable th:nth-child(3),#twofaTable td:nth-child(3){width:34%;text-align:left;}
#twofaTable th:nth-child(4),#twofaTable td:nth-child(4){width:14%;}
#twofaTable th:nth-child(5),#twofaTable td:nth-child(5){width:90px;}
#twofaTable th:nth-child(6),#twofaTable td:nth-child(6){width:180px;}
#twofaTable th:nth-child(7),#twofaTable td:nth-child(7){width:80px;}
.twofa-secret{font-family:Consolas,monospace;color:#d9f3ff;word-break:break-word;letter-spacing:.5px;line-height:1.45;}
.twofa-label{font-weight:700;}
.twofa-code{text-align:center!important;}
.copy-secret{background:#0795b5;margin-left:6px;}
@media(max-width:1100px){#twofaTable{min-width:1050px}.tablewrap{overflow-x:auto}}

/* QR scan 2FA */
.qrActions{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 12px;align-items:center}
.qrActions button,.fileBtn{border:0;color:#fff;background:#0795b5;padding:11px 16px;border-radius:7px;font-weight:bold;cursor:pointer;display:inline-block}
.fileBtn input{display:none}
.qrActions .danger{background:#d93025}
.qrScanBox{background:#0b3041;border:1px solid #6e9aad;border-radius:6px;padding:12px;margin:10px 0 12px}
.qrScanBox video{width:100%;max-height:360px;background:#061f2b;border-radius:6px;border:1px solid #31596b;object-fit:contain}
.qrNote{color:#d7f5ff;margin-bottom:8px;font-size:13px}
.top-ads-box{
    width:100%;
    max-width:1200px;
    height:90px;
    min-height:90px;
    margin:12px auto 15px auto;
    padding:0;
    background:#073847;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden;
}

.top-ads-box ins{
    width:100%;
}

@media(max-width:768px){
    .top-ads-box{
        padding:5px;
    }
}