/* Qeatzul Theme v25 — azul/blanco soft UI */
:root{
    --qz-bg-a:#eaf4ff;
    --qz-bg-b:#f8fbff;
    --qz-blue-900:#0b2559;
    --qz-blue-800:#123c7c;
    --qz-blue-700:#1659b7;
    --qz-blue-600:#1d6eea;
    --qz-blue-100:#e7f1ff;
    --qz-cyan-100:#e7fbff;
    --qz-text:#13233f;
    --qz-muted:#66758f;
    --qz-border:rgba(46,91,160,.18);
    --qz-card:rgba(255,255,255,.88);
    --qz-shadow:0 18px 45px rgba(15,44,89,.12);
    --qz-shadow-sm:0 8px 24px rgba(15,44,89,.10);
    --qz-radius:20px;
}

html, body{min-height:100%;}
body{
    background:
        radial-gradient(circle at 10% 10%, rgba(29,110,234,.20), transparent 34%),
        radial-gradient(circle at 85% 5%, rgba(78,205,255,.20), transparent 32%),
        linear-gradient(135deg, var(--qz-bg-a), var(--qz-bg-b) 48%, #ffffff);
    color:var(--qz-text);
    background-attachment:fixed;
}

body::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(90deg, rgba(255,255,255,.35) 1px, transparent 1px),
        linear-gradient(rgba(255,255,255,.25) 1px, transparent 1px);
    background-size:36px 36px;
    mask-image:linear-gradient(to bottom, rgba(0,0,0,.24), transparent 72%);
    z-index:-1;
}

.qz-navbar,
.navbar.bg-dark{
    background:rgba(11,37,89,.88)!important;
    backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(255,255,255,.16);
    box-shadow:0 10px 30px rgba(11,37,89,.18);
}

.navbar-brand{
    font-weight:800;
    letter-spacing:.2px;
}

.navbar .nav-link{
    border-radius:999px;
    padding:.42rem .85rem!important;
    margin:0 .08rem;
    color:rgba(255,255,255,.80)!important;
    transition:.18s ease;
}

.navbar .nav-link:hover,
.navbar .nav-link.active{
    background:rgba(255,255,255,.14);
    color:#fff!important;
}

main.container-fluid{
    max-width:1480px;
    padding-left:24px!important;
    padding-right:24px!important;
}

.card{
    background:var(--qz-card);
    border:1px solid var(--qz-border);
    border-radius:var(--qz-radius);
    box-shadow:var(--qz-shadow-sm);
    backdrop-filter:blur(14px);
}

.card-header{
    background:rgba(255,255,255,.58);
    border-bottom:1px solid var(--qz-border);
    border-top-left-radius:var(--qz-radius)!important;
    border-top-right-radius:var(--qz-radius)!important;
}

.table{
    --bs-table-bg:transparent;
    color:var(--qz-text);
}

.table thead th{
    color:var(--qz-muted);
    font-size:.78rem;
    text-transform:uppercase;
    letter-spacing:.04em;
    border-bottom:1px solid var(--qz-border);
}

.table tbody tr:hover{
    background:rgba(29,110,234,.055);
}

.btn{
    border-radius:999px;
    font-weight:650;
}

.btn-primary{
    background:linear-gradient(135deg,var(--qz-blue-700),var(--qz-blue-600));
    border-color:transparent;
    box-shadow:0 10px 22px rgba(29,110,234,.22);
}

.btn-primary:hover{
    background:linear-gradient(135deg,var(--qz-blue-800),var(--qz-blue-700));
    border-color:transparent;
}

.btn-outline-primary{
    color:var(--qz-blue-700);
    border-color:rgba(29,110,234,.32);
    background:rgba(255,255,255,.55);
}

.btn-outline-primary:hover{
    background:var(--qz-blue-700);
    border-color:var(--qz-blue-700);
}

.btn-outline-secondary{
    background:rgba(255,255,255,.62);
    border-color:var(--qz-border);
    color:var(--qz-text);
}

.form-control,
.form-select{
    border-radius:14px;
    border:1px solid var(--qz-border);
    background:rgba(255,255,255,.86);
    color:var(--qz-text);
}

.form-control:focus,
.form-select:focus{
    border-color:rgba(29,110,234,.55);
    box-shadow:0 0 0 .22rem rgba(29,110,234,.13);
}

.badge{
    border-radius:999px;
    font-weight:650;
}

.text-muted{color:var(--qz-muted)!important;}

.qz-page-title{
    display:flex;
    align-items:center;
    gap:.65rem;
}

.qz-page-title::before{
    content:"";
    width:12px;
    height:34px;
    border-radius:999px;
    background:linear-gradient(180deg,var(--qz-blue-600),#72dcff);
    box-shadow:0 8px 20px rgba(29,110,234,.26);
}

.prompt-box-readable,
.prompt-box,
.markdown-document{
    background:#ffffff!important;
    color:#111827!important;
    border:1px solid var(--qz-border)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}

.nav-tabs{
    border-bottom:1px solid var(--qz-border);
}

.nav-tabs .nav-link{
    border-radius:999px;
    color:var(--qz-muted);
    border:1px solid transparent;
    margin-right:.25rem;
}

.nav-tabs .nav-link.active{
    color:var(--qz-blue-800);
    border-color:var(--qz-border);
    background:#fff;
    font-weight:700;
}

.alert{
    border-radius:16px;
    border:1px solid var(--qz-border);
}

.login-card{
    border-radius:24px;
}

@media (max-width: 991px){
    main.container-fluid{
        padding-left:14px!important;
        padding-right:14px!important;
    }
    .navbar .nav-link{
        margin:.15rem 0;
    }
}