@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/11.2.0/sweetalert2.min.css');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css");

body {
    background-color: whitesmoke;
    font-family: 'Poppins', sans-serif !important;
}

.container {
    max-width: 1140px;
}

.btn-default {
    background-color: #1b6ec2;
    color: white;
}

.btn-default:hover {
    background-color: dodgerblue;
    color: whitesmoke;
}

.key-sensi {
    filter: blur(3px);
}
/* XPUZERO // premium crimson-electric interface */
:root{--xp-red:#a90820;--xp-red2:#ed1736;--xp-deep:#08080b;--xp-panel:#111116;--xp-line:rgba(220,225,235,.30);--xp-silver:#d8dde6;--xp-muted:#9699a4}
html{min-height:100%;background:#07070a}
body{background:radial-gradient(ellipse at 50% -18%,rgba(130,0,25,.34),transparent 48%),linear-gradient(145deg,#08080b 0%,#101014 55%,#08080b 100%)!important;color:#ececf1!important;font-family:Inter,"Poppins",system-ui,sans-serif!important;min-height:100vh}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.14;background-image:linear-gradient(115deg,transparent 48%,rgba(220,225,235,.18) 49%,transparent 50%),linear-gradient(25deg,transparent 48%,rgba(169,8,32,.2) 49%,transparent 50%);background-size:190px 190px}
.xp-navbar{background:rgba(7,7,10,.91)!important;border-bottom:1px solid rgba(220,225,235,.23);backdrop-filter:blur(18px);min-height:76px}
.xp-brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:2px}
.xp-brand-name{font-size:1.18rem;text-shadow:0 0 18px rgba(237,23,54,.45)}
.xp-logo-wrap{width:43px;height:43px;border-radius:14px;padding:3px;display:grid;place-items:center;background:linear-gradient(135deg,#f0f2f5,#8b8f99 42%,#a90820 43%,#45000c);box-shadow:0 0 0 1px rgba(255,255,255,.2),0 0 22px rgba(200,0,35,.45);animation:xpPulse 2.8s ease-in-out infinite}
.xp-logo-wrap img{width:100%;height:100%;object-fit:contain;border-radius:11px;background:#09090d}
.xp-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff2948;box-shadow:0 0 8px #ff2948,0 0 18px #ff2948;margin-left:7px;animation:xpBlink 1.3s infinite}
.xp-top-links .nav-link{color:#d7d8df!important;font-size:.78rem;font-weight:800;letter-spacing:1px;padding:12px 15px!important;transition:.2s}
.xp-top-links .nav-link:hover{color:#fff!important;text-shadow:0 0 12px #ed1736}
.xp-user-toggle{border:1px solid rgba(220,225,235,.45);border-radius:12px;background:linear-gradient(120deg,rgba(169,8,32,.3),rgba(255,255,255,.04));color:#fff;font-weight:700;padding:10px 15px;box-shadow:inset 0 0 18px rgba(169,8,32,.12),0 0 20px rgba(169,8,32,.12)}
.xp-user-toggle:hover{border-color:#f0f2f5;color:#fff;box-shadow:0 0 22px rgba(237,23,54,.3)}
.xp-toggle-icon{margin-left:10px;color:#d9dde5}
#content{max-width:1240px!important}
.card,.modal-content,.dropdown-menu{background:linear-gradient(145deg,rgba(23,23,30,.97),rgba(10,10,14,.98))!important;color:#ededf2!important;border:1px solid rgba(205,211,222,.25)!important;border-radius:18px!important;box-shadow:0 14px 40px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035)}
.card-header{background:linear-gradient(100deg,rgba(139,0,27,.9),rgba(25,25,32,.96))!important;color:#fff!important;border-bottom:1px solid rgba(220,225,235,.27)!important;font-weight:800;letter-spacing:.8px}
.card-body{color:#e6e6eb}
.table{--bs-table-bg:transparent;--bs-table-color:#e4e4ea;--bs-table-border-color:rgba(220,225,235,.15);--bs-table-hover-bg:rgba(169,8,32,.14);--bs-table-hover-color:#fff}
.table thead th{color:#f0f1f5;background:rgba(169,8,32,.22)}
.list-group-item{background:rgba(255,255,255,.035)!important;color:#e7e7ec!important;border-color:rgba(220,225,235,.15)!important}
.form-control,.form-select{background:#0c0c11!important;color:#f4f4f7!important;border:1px solid rgba(220,225,235,.27)!important;border-radius:10px!important}
.form-control:focus,.form-select:focus{border-color:#ed1736!important;box-shadow:0 0 0 .2rem rgba(237,23,54,.16)!important}
.form-control::placeholder{color:#888b95}
.btn{border-radius:10px;font-weight:700;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-1px);box-shadow:0 7px 20px rgba(169,8,32,.2)}
.btn-default,.btn-primary{background:linear-gradient(110deg,#850019,#d40d2e)!important;border:1px solid rgba(235,235,240,.38)!important;color:white!important}
.btn-outline-light{border-color:rgba(220,225,235,.5)!important}
a{color:#ff647b}a:hover{color:#fff}
.text-dark{color:#e9e9ef!important}.text-muted{color:#a1a3ad!important}
.badge{border:1px solid rgba(220,225,235,.24)}
footer{background:rgba(7,7,10,.92)!important;border-color:rgba(220,225,235,.18)!important;backdrop-filter:blur(12px)}
/* radial navigation overlay */
.xp-menu-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(7px);z-index:1040;opacity:0;visibility:hidden;transition:.35s}
.xp-menu-backdrop.is-visible{opacity:1;visibility:visible}
.side-menu{position:fixed!important;z-index:1050!important;inset:0 0 0 auto;width:min(480px,100%)!important;height:100dvh!important;overflow-y:auto!important;padding:24px 22px 30px!important;background:radial-gradient(circle at 50% 40%,rgba(135,0,27,.2),transparent 45%),linear-gradient(155deg,#15151c,#07070a 72%)!important;border-left:1px solid rgba(220,225,235,.3);box-shadow:-25px 0 80px rgba(0,0,0,.65);transform:translateX(105%);transition:transform .42s cubic-bezier(.2,.8,.2,1)!important;right:0!important;top:0!important}
.side-menu.is-open{transform:translateX(0)}
.radial-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(220,225,235,.2);padding:2px 2px 17px}
.radial-kicker{font-size:.7rem;letter-spacing:2px;font-weight:900;color:#c9cbd3}
.radial-close{width:38px;height:38px;border-radius:12px;border:1px solid rgba(220,225,235,.3);background:#1b1117;color:#fff}
.radial-core{width:170px;height:170px;margin:24px auto 15px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle,#210610 0%,#100b10 60%,#08080b 100%);border:1px solid rgba(220,225,235,.55);box-shadow:0 0 0 7px rgba(169,8,32,.09),0 0 38px rgba(190,0,36,.3),inset 0 0 25px rgba(169,8,32,.25)}
.radial-core:before,.radial-core:after{content:"";position:absolute;inset:-9px;border-radius:50%;border:1px solid rgba(220,225,235,.26);animation:xpOrbit 9s linear infinite}
.radial-core:after{inset:-17px;border-color:rgba(169,8,32,.38);animation-direction:reverse;animation-duration:13s}
.radial-core-ring{width:67px;height:67px;border-radius:19px;padding:4px;background:linear-gradient(135deg,#f2f3f6,#8d929e 42%,#a90820 43%,#48000d);box-shadow:0 0 23px rgba(237,23,54,.45);animation:xpPulse 2.8s infinite}
.radial-core-ring img{width:100%;height:100%;object-fit:contain;border-radius:15px;background:#08080b}
.radial-core strong{font-size:1.08rem;letter-spacing:3px;margin-top:9px;color:#fff}
.radial-core small{font-size:.56rem;letter-spacing:2px;color:#aeb1bb}
.radial-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px auto 18px;max-width:410px}
.radial-item{min-height:91px;border:1px solid rgba(220,225,235,.29);border-radius:16px;background:linear-gradient(145deg,rgba(169,8,32,.2),rgba(255,255,255,.035));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#e9eaf0!important;text-decoration:none;font-size:.69rem;font-weight:800;letter-spacing:.6px;text-transform:uppercase;box-shadow:inset 0 1px rgba(255,255,255,.07);transition:.22s}
.radial-item i{font-size:1.45rem;color:#e4e7ed;text-shadow:0 0 13px rgba(237,23,54,.65)}
.radial-item:hover{transform:translateY(-4px);border-color:#e6e8ed;background:linear-gradient(145deg,rgba(194,0,39,.55),rgba(255,255,255,.07));box-shadow:0 8px 24px rgba(169,8,32,.25);color:white!important}
.radial-logout{border-color:rgba(237,23,54,.65);background:linear-gradient(145deg,rgba(169,8,32,.4),rgba(40,0,10,.5))}
.radial-foot{text-align:center;color:#858894;font-size:.59rem;letter-spacing:2px;padding:15px 0;border-top:1px solid rgba(220,225,235,.17)}
.radial-foot span{color:#ed1736;margin:0 8px}
@keyframes xpBlink{0%,100%{opacity:1;box-shadow:0 0 7px #ff2948}50%{opacity:.35;box-shadow:0 0 2px #ff2948}}
@keyframes xpPulse{0%,100%{filter:brightness(1);box-shadow:0 0 18px rgba(200,0,35,.3)}50%{filter:brightness(1.25);box-shadow:0 0 30px rgba(237,23,54,.55)}}
@keyframes xpOrbit{to{transform:rotate(360deg)}}
@media(max-width:575px){.side-menu{padding:18px 14px 25px!important}.radial-core{width:145px;height:145px;margin:19px auto 10px}.radial-nav{gap:9px}.radial-item{min-height:80px;font-size:.61rem}.radial-item i{font-size:1.25rem}.xp-brand-name{font-size:1rem}}