.admin-title{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:20px 0 14px}.admin-title h2{color:var(--party-dark);font-size:25px}.admin-title p{color:var(--muted)}.admin-main-tabs{flex-wrap:wrap;position:sticky;top:102px;z-index:3;display:flex;gap:7px;width:100%;margin:0 0 18px;padding:8px;border:1px solid #ead2c9;border-radius:12px;background:#fffaf5eF;box-shadow:0 5px 18px #7f001812;backdrop-filter:blur(10px);overflow-x:auto;scrollbar-width:thin}.admin-main-tabs button{display:flex;align-items:center;gap:8px;flex:1 0 auto;justify-content:center;min-width:150px;padding:11px 14px;border:1px solid transparent;border-radius:8px;background:transparent;color:#70433e;font-weight:700;white-space:nowrap;cursor:pointer}.admin-main-tabs button:hover{background:#fff0df;border-color:#e8c9b9}.admin-main-tabs button.active{background:linear-gradient(105deg,var(--party-dark),var(--party-red));border-color:var(--party-red);color:#fff6cf;box-shadow:0 4px 11px #7f00182b}.admin-main-tabs button span{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#8e1c2d12;font-size:15px}.admin-main-tabs button.active span{background:#fff2c522}.admin-main-panels{min-width:0}.admin-main-panel{display:none;min-width:0;animation:adminTabIn .18s ease}.admin-main-panel.active{display:block}.admin-main-panel>.admin-box:first-child,.admin-main-panel>h3:first-child+.admin-box{margin-top:0}.admin-main-panel>h3{display:flex;align-items:center;gap:8px;margin:8px 0 11px;color:var(--party-dark)}.admin-main-panel>h3:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,#dfbdb3,transparent)}.admin-panel-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 13px;padding:14px 16px;border:1px solid #ead7cf;border-radius:10px;background:linear-gradient(120deg,#fff8e9,#fff)}.admin-panel-intro h3,.admin-panel-intro p{margin:0}.admin-panel-intro p{margin-top:4px;color:var(--muted)}.admin-box,.integrity,.import-role,.zalo-box{max-width:none}@keyframes adminTabIn{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:900px){.admin-main-tabs{top:80px}.admin-main-tabs button{min-width:142px}.admin-title{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.admin-main-tabs{margin-left:-4px;margin-right:-4px;width:calc(100% + 8px);padding:6px}.admin-main-tabs button{min-width:132px;padding:9px 10px;font-size:12px}.admin-main-panel .box-head{gap:10px}.admin-panel-intro{align-items:flex-start;flex-direction:column}}
