span.card_1{--col:oklch(.623 .214 259.815);--mag_1:1.5rem;--width:300px;display:flex;flex-direction:column;width:var(--width);padding:1.5rem;color:oklch(.145 0 0);background:#fff;border:1px solid rgba(0,0,0,.1019607843);border-left:4px solid var(--col);border-radius:.635rem;border-radius:calc(.625rem + 4px)}span.card_1>span{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;margin-bottom:var(--mag_1)}span.card_1>span>i.my_icon{margin-left:.375rem;color:var(--col)}span.card_1>div{display:flex;flex-direction:column;color:oklch(.21 .034 264.665)}span.card_1>div>p{font-size:.875rem;color:oklch(.446 .03 256.802);line-height:1.5}*{margin:0;box-sizing:border-box;font-weight:400}strong{font-weight:bolder}:root{--col_mix1:rgba(180, 180, 180, 0.5);--col_mix1:color-mix(in oklab, oklch(.708 0 0) 50%, transparent);--max_width:80rem;--pad1:2rem;--border_1:1px solid #0000001a;--border-rad_1: .635rem;--border-rad_1: calc(.625rem + 4px);--border-rad_2: .635rem;--border-rad_2: calc(.625rem - 2px)}img{vertical-align:middle}i.my_icon{--size:1.25rem;display:flex;justify-content:center;align-items:center;width:var(--size);height:var(--size);color:#898989}i.my_icon>svg{display:flex;width:100%;height:100%}i.my_icon.t2>svg{fill:currentColor}html{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-weight:400;font-size:16px;font-family:var(--font-sans)}a{text-decoration:none}body{display:flex;flex-direction:column;align-items:center;width:100%;min-height:100svh;background:#fafcff;background:oklch(.985 .002 247.839);font-weight:400}body>header{--header_height:4rem;display:flex;justify-content:center;align-items:center;width:100%;position:relative;box-shadow:0 10px 15px -3px rgba(0,0,0,.1019607843),0 4px 6px -4px rgba(0,0,0,.1019607843);background:oklch(.546 .245 262.881);background-image:linear-gradient(to right in oklab, oklch(54.6% 0.245 262.881deg) 0%, oklch(48.8% 0.243 264.376deg) 100%);border:1px solid oklch(.424 .199 265.638);padding:0 var(--pad1)}body>header>div{display:flex;align-items:center;width:100%;max-width:var(--max_width);height:var(--header_height);position:relative}body>header>div>span.logo{display:flex;align-items:center;margin-right:2rem}body>header>div>span.logo>div{padding:.5rem;background:#fff;border-radius:.625rem;display:flex;align-items:center;justify-content:center;margin-right:.5rem}body>header>div>span.logo>div>span{font-size:1.25rem;color:oklch(.546 .245 262.881)}body>header>div>span.logo>span{font-size:1.25rem;color:#fff}body>header>div>div{display:flex;justify-content:space-between;flex:1}body>header>div>div>nav{display:flex;flex-direction:row;align-items:center}body>header>div>div>nav>a{color:#fff;padding:.5rem .75rem;border-radius:var(--border-rad_2);margin-right:1rem}body>header>div>div>nav>a:hover,body>header>div>div>nav>a:active,body>header>div>div>nav>a.active{background:oklch(.424 .199 265.638)}body>header>div>div>div{display:flex;justify-content:space-between;flex:1}body>header>div>div>div>a.wallet{display:flex;align-items:center;justify-content:center;color:#fff;padding:.5rem .75rem;background:oklch(.723 .219 149.579);border-radius:.625rem;text-align:center;margin-right:1rem}body>header>div>div>div>a.wallet>i.my_icon{--size:1rem;color:inherit;margin-right:.5rem}body>header>div>div>div>a.logout{display:flex;justify-content:center;align-items:center;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:.15s;color:oklch(.546 .245 262.881);font-weight:500;font-size:.87rem;padding:0 1rem;background:#fff;border-radius:var(--border-rad_2);height:2.25rem}body>header>div>div>div>a.logout:hover{color:#030213;background:oklch(.97 .014 254.604)}body>header>div>i.my_icon.open{--size:1.5rem;cursor:pointer;color:#fff;display:none}body>main{display:flex;flex-direction:column;align-items:center;width:100%;padding:2rem var(--pad1)}body>main>section{display:flex;flex-direction:column;width:100%;max-width:var(--max_width);margin-bottom:1.5rem}body>main>section.head>h1{color:oklch(.21 .034 264.665);font-size:1.5rem;font-weight:500;line-height:1.5}body>main>section.head>p{color:oklch(.446 .03 256.802);font-size:1rem;font-weight:400;line-height:1.5}.input_p input{transition-property:color,box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:.15s;border-color:rgba(0,0,0,0);border-width:1.5px;outline:none;box-shadow:none;background:#f3f3f5;font-size:.875rem;line-height:1.429;height:2.25rem;border-radius:var(--border-rad_2)}.input_p input:focus{border-color:var(--col_mix1);box-shadow:0 0 0 3px var(--col_mix1)}@media only screen and (max-width: 1126px){:root{--pad1:1.5rem}}@media only screen and (max-width: 1075px){body>header{z-index:20;padding:0}body>header>div{padding:0 var(--pad1);justify-content:space-between}body>header>div.open>div{transform:translateY(0)}body>header>div>div{position:absolute;left:0;top:100%;flex-direction:column;width:100%;transition:transform .2s ease;z-index:-1;transform:translateY(-150%);transform:translateY(calc(-150% - var(--header_height)));padding:.5rem 0;box-shadow:0 10px 15px -3px rgba(0,0,0,.1019607843),0 4px 6px -4px rgba(0,0,0,.1019607843);background:oklch(.546 .245 262.881);background-image:linear-gradient(to right in oklab, oklch(54.6% 0.245 262.881deg) 0%, oklch(48.8% 0.243 264.376deg) 100%);border:1px solid oklch(.424 .199 265.638);margin-bottom:.25rem}body>header>div>div>nav{flex-direction:column;align-items:flex-start;padding-top:.1rem}body>header>div>div>nav>a{padding-left:calc(.75rem + var(--pad1));border-radius:0;margin-right:0;margin-bottom:.1rem;width:100%}body>header>div>div>nav>a:hover,body>header>div>div>nav>a:active,body>header>div>div>nav>a.active{background:oklch(.424 .199 265.638)}body>header>div>div>div{gap:1rem;padding:0 .5rem}body>header>div>div>div>a{flex:1}body>header>div>i.my_icon.open{display:flex}}@media only screen and (max-width: 700px){:root{--pad1:1rem}}body>main.dashboard>section.s1{--per_row:4;--gap:1.5rem;--c_width: 30%;--c_width:calc((100% - ((var(--per_row) - 1) * var(--gap))) / var(--per_row));flex-direction:row;flex-wrap:wrap;gap:var(--gap)}body>main.dashboard>section.s1>span.card_1{--width:var(--c_width)}body>main.dashboard>section.s1>span.card_1>div>span.t2,body>main.dashboard>section.s1>span.card_1>div>span.t1{color:oklch(.527 .154 150.069)}body>main.dashboard>section.s1>span.card_1>div>span.t1{font-size:1.875rem}@media only screen and (max-width: 1092px){body>main.dashboard>section.s1{--per_row:2}}@media only screen and (max-width: 700px){body>main.dashboard>section.s1{--per_row:1}}