.padding,.sidebar{padding:0 0 12px}.t-fade-white,.top-bar .brand span,.sidebar .menu{color:color-mix(in srgb, var(--p-color), transparent var(--percentage))}.bg-fade-white,.top-bar,.sidebar{background-color:color-mix(in srgb, var(--p-color), transparent var(--percentage))}.sidebar{border-right:1px solid color-mix(in srgb, var(--p-color), transparent 50%);--percentage:75%;min-height:100vh}.sidebar .menu{--percentage:50%;color:var(--color-black);text-transform:uppercase;margin-left:12px;font-size:small;font-weight:900}.sidebar ul{margin-top:12px}.sidebar ul li{border-radius:12px;margin-left:8px;margin-right:8px;padding:8px 8px 8px 18px;font-size:.9em;list-style:none}.sidebar ul li.active{background-color:var(--s-color);box-shadow:4px 8px 8px 0px color-mix(in srgb, var(--s-color), transparent 75%);border-left:3px solid var(--s-2-color);padding:12px;font-weight:600}.sidebar .side-link{gap:8px;display:flex}.sidebar .brand{padding-top:24px;padding-bottom:14px;padding-left:24px;font-weight:900}.sidebar hr{opacity:.3}.top-bar{border-bottom:1px solid color-mix(in srgb, var(--p-color), transparent 50%);--percentage:65%;grid-template-columns:auto auto auto;padding:12px 4px 12px 24px;display:grid}.top-bar .brand{font-weight:900}.top-bar .brand span{--percentage:50%;text-transform:uppercase;font-size:x-small}.top-bar ul li{list-style:none}.siders{grid-template-columns:240px auto;display:grid}.siders>*{position:relative}.siders>:first-child .sidebar{width:240px;position:fixed}.banner{background:linear-gradient(75deg,#27418fad 20%,#69e4ff8d 90%);border-radius:24px;position:relative}.banner .avatar{position:relative;top:100%;left:50%;transform:translate(-100%,-50%)}.banner .avatar svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center_related{text-align:center}.center_related .header{font-size:1.6em;font-weight:900}.center_related .grids{justify-content:center;align-items:center;display:flex}.center_related h1{font-size:2.5em;font-weight:900}.flex-grid{flex-wrap:wrap;display:flex}.flex-grid .card-admin{min-width:320px}.shine{color:#0000;background:linear-gradient(90deg,#0000,#ffffffd6,#0000) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite shine;position:relative;overflow:hidden}@keyframes shine{0%{background-position:100%}to{background-position:-100%}}.progress_card *{height:12px;width:var(--thewidth);background-color:var(--thebgcolor);border-radius:4px}:root{--p-color:white;--s-2-color:#ffc641;--s-color:royalblue;--gray-color:gray;--black-color:black}.my-card{border:1px solid color-mix(in srgb, var(--p-color), transparent 90%);box-shadow:4px 8px 12px 0px color-mix(in srgb, var(--s-color), transparent 97%);background-color:var(--p-color);border-radius:24px;margin-bottom:24px}.my-card .header{margin-top:-10px;font-size:3em;font-weight:900}.my-card .icn{background-color:color-mix(in srgb, var(--s-color), transparent 90%);border-radius:18px;width:50px;height:50px;padding:10px;position:relative}.my-card .icn svg{position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.grid-holder{color:#0067e6;grid-template-columns:42% 380px auto;gap:24px;display:grid}.grid-holder .grid-item:nth-child(2){height:100px}.grid-card{grid-template-columns:50px auto 50px;gap:12px;display:grid}.centered{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radix-themes{--alert-dialog-width:800px}[data-slot=alert-dialog-content]{max-width:80vw;width:800px!important}.user_card{background:linear-gradient(45deg, var(--s-2-color), var(--s-color));border-radius:24px;padding:12px}.user_card p{color:#fff!important;font-weight:900!important}.user_card .avatar{background-color:var(--p-color);color:#000;width:60px;height:45px;position:relative}.user_card .avatar *{text-transform:uppercase;font-size:small;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.info_card{background:#80808008;border-radius:24px;padding:20px}.info_card p{color:#fff!important;font-weight:900!important}.info_card .avatar{color:#000;background-color:#d9d9d9;width:40px;height:40px;position:relative}.info_card .avatar *{font-size:medium;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width:15300px){.grid-card{grid-template-columns:50px auto 50px;gap:8px;display:grid}}