/* ====== BASE & RESET ====== */
*{box-sizing:border-box}
body{
  font-family:'DM Sans',-apple-system,sans-serif;
  font-size:14px;line-height:1.6;color:#cbd5e1;
  background:linear-gradient(160deg,#0f172a 0%,#1e293b 40%,#1a2332 70%,#0f172a 100%);
  background-attachment:fixed;
  margin:0;min-height:100vh;position:relative;padding-bottom:56px;
}
input,button,select,textarea{font-family:inherit;font-size:14px}

:root{
  --accent:#2563eb;--accent2:#7c3aed;
  --success:#16a34a;--danger:#dc2626;--warning:#ea580c;--info:#0891b2;
  --r:14px;--rs:10px;
}

body>.container{padding:78px 15px 60px}

/* ====== NAVBAR ====== */
.navbar{background:#0f172a!important;box-shadow:0 1px 0 rgba(255,255,255,.06);padding:.55rem 0}
.navbar-brand{font-weight:700;font-size:1.25rem;letter-spacing:.5px;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.navbar .nav-link{font-weight:500;font-size:13px;padding:.45rem .8rem!important;border-radius:var(--rs);transition:all .2s;color:rgba(255,255,255,.7)!important}
.navbar .nav-link:hover{background:rgba(255,255,255,.07);color:#fff!important}
.navbar .dropdown-menu{background:#fff;border:none;border-radius:var(--r);box-shadow:0 12px 40px rgba(0,0,0,.12);padding:.4rem;margin-top:.4rem;min-width:260px}
.navbar .dropdown-item{border-radius:var(--rs);padding:.4rem .8rem;font-size:12.5px;transition:all .12s;color:#475569}
.navbar .dropdown-item:hover{background:#f1f5f9;color:#0f172a}
.navbar .dropdown-header{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#94a3b8;padding:.5rem .8rem .2rem}
.navbar .dropdown-divider{border-color:#e2e8f0;margin:.25rem 0}

/* ====== FOOTER ====== */
.footer{position:absolute;bottom:0;width:100%;padding:14px 0;background:rgba(0,0,0,.4);backdrop-filter:blur(6px);color:rgba(255,255,255,.45);font-size:12px;letter-spacing:.3px;text-align:center;border-top:1px solid rgba(255,255,255,.06)}
.footer i{opacity:.5;margin-right:4px}

/* ====== LINKS ====== */
a{color:#93b4f8;text-decoration:none;font-weight:500}
a:hover{color:#bfcffa;text-decoration:underline}

/* ====== SCROLLBAR ====== */
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:#94a3b8}

.modal {
    z-index: 9999;
}
.modal-backdrop {
    z-index: 9998;
}