.bi{display:inline-block;width:1rem;height:1rem}@media(min-width:768px){.sidebar{position:sticky;top:0;height:fit-content;display:flex;flex-direction:column;background:var(--glass-bg)!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)!important;border-radius:var(--glass-radius);box-shadow:var(--glass-shadow)}.sidebar .offcanvas-md{display:flex;flex-direction:column;min-height:0;background:transparent!important}.sidebar .offcanvas-body{min-height:0;overflow-y:auto}}body{background:linear-gradient(135deg,#657480,#284153)!important;min-height:100vh}header.navbar{background:var(--glass-bg)!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}header.navbar a.navbar-brand{color:#fff!important}header .nav-link{color:#ffffffd9}header .nav-link:hover{color:#ffcd59}header .navbar-text{position:static;top:auto;left:auto;transform:none;z-index:auto}header a.navbar-text{transition:color .2s ease}header a.navbar-text:hover,header a.navbar-text:hover span{color:#ffcd59!important}header a.navbar-text .bi{width:1rem;height:1rem;opacity:.7}.sidebar{background:var(--glass-bg)!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)!important;border-radius:var(--glass-radius);box-shadow:var(--glass-shadow)}.sidebar .offcanvas-md{background:transparent!important}.sidebar .offcanvas-title{color:#fff}.sidebar .offcanvas-body{overflow-x:hidden}.sidebar .offcanvas-body .nav-link{font-size:large}@media(max-width:767.98px){.sidebar{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.sidebar .offcanvas-md{background:linear-gradient(135deg,#657480,#284153)!important;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0}}.sidebar .nav-link{color:#cedbe1;font-size:.9rem;font-weight:500;border-radius:8px;padding:.55rem 1rem;margin:2px 8px;transition:all .25s ease}.sidebar .nav-link:hover,.sidebar .nav-link:focus{color:#ffc107;background:#ffffff0f}.sidebar .nav-link.active{color:#ffcd59;background:#ffffff14;box-shadow:0 0 25px #ffa60040}.sidebar .nav-link .bi{width:1.1rem;height:1.1rem}.sidebar hr{border-color:#ffffff1a}.sidebar form .nav-link{color:#cedbe1}.sidebar form .nav-link:hover{color:#ffc107}main{color:#cedbe1}main h1,main h2,main h3,main h4{color:#fff;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.triangles-container{position:fixed;inset:0;z-index:-1;pointer-events:none}.triangles-container svg{width:100%;height:100%;opacity:.5}main .card,main .settings-card,main .content{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)!important;border-radius:var(--glass-radius);box-shadow:var(--glass-shadow)}main .table{color:#cedbe1;background:transparent;--bs-table-color: #cedbe1;--bs-table-bg: transparent}main .table thead th{color:#fff;border-color:#ffffff26}main .table td,main .table th{border-color:#ffffff1f}main .table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-color-type: rgba(255, 255, 255, .04);--bs-table-bg-type: rgba(255, 255, 255, .04)}main .form-control,main .form-select{background:var(--glass-bg-soft);border:1px solid rgba(255,255,255,.15);color:#fff}main .form-control:focus,main .form-select:focus{background:var(--glass-bg);border-color:#ffa50080;box-shadow:0 0 0 .2rem #ffa50040;color:#fff}main .form-label{color:#ffffffb3;font-weight:600}main .btn-warning{background:linear-gradient(135deg,orange,#ff8c00);border:none;color:#1a1a2e;font-weight:700}main .btn-warning:hover{background:linear-gradient(135deg,#ffb347,orange);color:#1a1a2e;transform:translateY(-2px);box-shadow:0 6px 20px #ffa50066}main .btn-outline-secondary{color:#cedbe1;border-color:#fff3}main .btn-outline-secondary:hover{background:#ffffff1a;color:#fff}.sidebar .nav-link .nav-icon{width:1.15rem;height:1.15rem;flex:0 0 auto;color:inherit;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.sidebar .nav-link:hover .nav-icon,.sidebar .nav-link:focus .nav-icon{transform:translateY(-1px) scale(1.1)}.sidebar .nav-link.active .nav-icon{transform:scale(1.05)}.sidebar .nav-link .nav-icon--lg{width:1.5rem;height:1.5rem}.sidebar{border-left:0!important;border-top-left-radius:0;border-bottom-left-radius:0}:root{--brand-gold: #f5b82e;--brand-sky: #5ba3d9;--brand-navy: #1b3a5c;--brand-mist: #c8d8e4}@property --pp-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.profile-pill{--pp-glass: rgba(27, 58, 92, .6);position:relative;padding:.55rem 1.8rem .55rem .8rem;border:2px solid transparent;border-radius:999px;background:linear-gradient(var(--pp-glass),var(--pp-glass)) padding-box,conic-gradient(from var(--pp-angle),transparent 0 55%,#ffe066 72%,var(--brand-gold) 82%,#ff8a00 93%,transparent 100%) border-box,linear-gradient(#c8d8e438,#c8d8e438) border-box;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;box-shadow:0 0 12px #f5b82e38;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,--pp-glass .25s;animation:pp-spin 6s linear infinite}.profile-pill:hover,.profile-pill:focus-visible{--pp-glass: rgba(27, 58, 92, .82);transform:translateY(-1px) scale(1.02);box-shadow:0 8px 24px #00000059,0 0 20px #ffa00066;color:#fff}.profile-pill:focus-visible{outline:2px solid var(--brand-sky);outline-offset:2px}.profile-pill__mark{width:20px;height:18px;flex:0 0 auto;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4));transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.profile-pill:hover .profile-pill__mark{transform:scale(1.12) rotate(-4deg)}.profile-pill:after{content:"";position:absolute;right:.7rem;top:50%;width:8px;height:10px;transform:translateY(-50%);background:#c8d8e48c;clip-path:polygon(0 0,100% 50%,0 100%);transition:transform .25s,background .2s}.profile-pill:hover:after{background:var(--brand-gold);transform:translateY(-50%) translate(3px)}@keyframes pp-spin{to{--pp-angle: 360deg}}@media(prefers-reduced-motion:reduce){.profile-pill{animation:none}}
