*, ::before, ::after{
--tw-border-spacing-x:0;
--tw-border-spacing-y:0;
--tw-translate-x:0;
--tw-translate-y:0;
--tw-rotate:0;
--tw-skew-x:0;
--tw-skew-y:0;
--tw-scale-x:1;
--tw-scale-y:1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness:proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width:0px;
--tw-ring-offset-color:#fff;
--tw-ring-color:rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow:0 0 #0000;
--tw-ring-shadow:0 0 #0000;
--tw-shadow:0 0 #0000;
--tw-shadow-colored:0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: }
::backdrop{
--tw-border-spacing-x:0;
--tw-border-spacing-y:0;
--tw-translate-x:0;
--tw-translate-y:0;
--tw-rotate:0;
--tw-skew-x:0;
--tw-skew-y:0;
--tw-scale-x:1;
--tw-scale-y:1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness:proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width:0px;
--tw-ring-offset-color:#fff;
--tw-ring-color:rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow:0 0 #0000;
--tw-ring-shadow:0 0 #0000;
--tw-shadow:0 0 #0000;
--tw-shadow-colored:0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: }
.\!container{
width:100% !important}
.container{
width:100%}
@media (min-width: 640px){
.\!container{
max-width:640px !important}
.container{
max-width:640px}}
@media (min-width: 768px){
.\!container{
max-width:768px !important}
.container{
max-width:768px}}
@media (min-width: 1024px){
.\!container{
max-width:1024px !important}
.container{
max-width:1024px}}
@media (min-width: 1280px){
.\!container{
max-width:1280px !important}
.container{
max-width:1280px}}
@media (min-width: 1536px){
.\!container{
max-width:1536px !important}
.container{
max-width:1536px}}
.sr-only{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0, 0, 0, 0);
white-space:nowrap;
border-width:0}
.\!visible{
visibility:visible !important}
.visible{
visibility:visible}
.collapse{
visibility:collapse}
.static{
position:static}
.fixed{
position:fixed}
.absolute{
position:absolute}
.relative{
position:relative}
.sticky{
position:sticky}
.left-0{
left:0px}
.right-0{
right:0px}
.top-0{
top:0px}
.top-full{
top:100%}
.z-40{
z-index:40}
.order-1{
order:1}
.order-2{
order:2}
.col-span-1{
grid-column:span 1 / span 1}
.m-0{
margin:0px}
.mx-auto{
margin-left:auto;
margin-right:auto}
.my-2{
margin-top:0.5rem;
margin-bottom:0.5rem}
.-mt-px{
margin-top:-1px}
.mb-1\.5{
margin-bottom:0.375rem}
.mb-2{
margin-bottom:0.5rem}
.mb-3{
margin-bottom:0.75rem}
.mb-4{
margin-bottom:1rem}
.mb-5{
margin-bottom:1.25rem}
.mb-6{
margin-bottom:1.5rem}
.ml-1{
margin-left:0.25rem}
.ml-12{
margin-left:3rem}
.ml-2{
margin-left:0.5rem}
.ml-4{
margin-left:1rem}
.mr-2{
margin-right:0.5rem}
.mt-1{
margin-top:0.25rem}
.mt-2{
margin-top:0.5rem}
.mt-3{
margin-top:0.75rem}
.mt-4{
margin-top:1rem}
.mt-5{
margin-top:1.25rem}
.mt-8{
margin-top:2rem}
.block{
display:block}
.flex{
display:flex}
.inline-flex{
display:inline-flex}
.table{
display:table}
.grid{
display:grid}
.\!hidden{
display:none !important}
.hidden{
display:none}
.size-4{
width:1rem;
height:1rem}
.size-9{
width:2.25rem;
height:2.25rem}
.h-16{
height:4rem}
.h-4{
height:1rem}
.h-5{
height:1.25rem}
.h-8{
height:2rem}
.h-9{
height:2.25rem}
.h-\[42px\]{
height:42px}
.max-h-56{
max-height:14rem}
.\!min-h-9{
min-height:2.25rem !important}
.min-h-64{
min-height:16rem}
.min-h-screen{
min-height:100vh}
.w-4{
width:1rem}
.w-5{
width:1.25rem}
.w-8{
width:2rem}
.w-9{
width:2.25rem}
.w-auto{
width:auto}
.w-full{
width:100%}
.min-w-0{
min-width:0px}
.min-w-\[1160px\]{
min-width:1160px}
.min-w-\[660px\]{
min-width:660px}
.min-w-\[780px\]{
min-width:780px}
.min-w-\[820px\]{
min-width:820px}
.min-w-\[900px\]{
min-width:900px}
.min-w-\[980px\]{
min-width:980px}
.max-w-6xl{
max-width:72rem}
.max-w-full{
max-width:100%}
.flex-shrink{
flex-shrink:1}
.shrink-0{
flex-shrink:0}
.border-collapse{
border-collapse:collapse}
.transform{
transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
@keyframes spin{
to{
transform:rotate(360deg)}}
.animate-spin{
animation:spin 1s linear infinite}
.resize{
resize:both}
.grid-cols-1{
grid-template-columns:repeat(1, minmax(0, 1fr))}
.flex-col{
flex-direction:column}
.flex-wrap{
flex-wrap:wrap}
.place-items-center{
place-items:center}
.content-start{
align-content:flex-start}
.items-start{
align-items:flex-start}
.items-center{
align-items:center}
.justify-end{
justify-content:flex-end}
.justify-center{
justify-content:center}
.justify-between{
justify-content:space-between}
.gap-1\.5{
gap:0.375rem}
.gap-2{
gap:0.5rem}
.gap-3{
gap:0.75rem}
.gap-4{
gap:1rem}
.gap-5{
gap:1.25rem}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse:0;
margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom:calc(1rem * var(--tw-space-y-reverse))}
.divide-y > :not([hidden]) ~ :not([hidden]){
--tw-divide-y-reverse:0;
border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}
.divide-border > :not([hidden]) ~ :not([hidden]){
border-color:var(--color-border)}
.overflow-hidden{
overflow:hidden}
.overflow-visible{
overflow:visible}
.overflow-x-auto{
overflow-x:auto}
.overflow-y-auto{
overflow-y:auto}
.rounded-card{
border-radius:var(--radius-card)}
.rounded-control{
border-radius:var(--radius-control)}
.rounded-full{
border-radius:9999px}
.rounded-lg{
border-radius:0.5rem}
.rounded-t-card{
border-top-left-radius:var(--radius-card);
border-top-right-radius:var(--radius-card)}
.\!border{
border-width:1px !important}
.\!border-0{
border-width:0px !important}
.border{
border-width:1px}
.border-2{
border-width:2px}
.border-4{
border-width:4px}
.border-t{
border-top-width:1px}
.\!border-info{
border-color:var(--color-info) !important}
.border-border{
border-color:var(--color-border)}
.border-brand-mint{
border-color:var(--color-brand-mint)}
.border-current{
border-color:currentColor}
.border-gray-200{
--tw-border-opacity:1;
border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}
.border-r-brand-green{
border-right-color:var(--color-brand-green)}
.border-r-transparent{
border-right-color:transparent}
.\!bg-info{
background-color:var(--color-info) !important}
.\!bg-transparent{
background-color:transparent !important}
.bg-brand-mint{
background-color:var(--color-brand-mint)}
.bg-canvas{
background-color:var(--color-canvas)}
.bg-danger-soft{
background-color:var(--color-danger-soft)}
.bg-gray-100{
--tw-bg-opacity:1;
background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}
.bg-info-soft{
background-color:var(--color-info-soft)}
.bg-neutral{
background-color:var(--color-neutral)}
.bg-purple-soft{
background-color:var(--color-purple-soft)}
.bg-warning-soft{
background-color:var(--color-warning-soft)}
.bg-white{
--tw-bg-opacity:1;
background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}
.\!p-0{
padding:0px !important}
.p-1{
padding:0.25rem}
.p-12{
padding:3rem}
.p-3{
padding:0.75rem}
.p-4{
padding:1rem}
.p-5{
padding:1.25rem}
.p-6{
padding:1.5rem}
.p-8{
padding:2rem}
.\!px-0{
padding-left:0px !important;
padding-right:0px !important}
.px-3{
padding-left:0.75rem;
padding-right:0.75rem}
.px-4{
padding-left:1rem;
padding-right:1rem}
.px-6{
padding-left:1.5rem;
padding-right:1.5rem}
.py-12{
padding-top:3rem;
padding-bottom:3rem}
.py-2\.5{
padding-top:0.625rem;
padding-bottom:0.625rem}
.py-3{
padding-top:0.75rem;
padding-bottom:0.75rem}
.py-4{
padding-top:1rem;
padding-bottom:1rem}
.pt-2{
padding-top:0.5rem}
.pt-5{
padding-top:1.25rem}
.pt-8{
padding-top:2rem}
.text-left{
text-align:left}
.text-center{
text-align:center}
.text-right{
text-align:right}
.font-display{
font-family:Poppins, sans-serif}
.text-2xl{
font-size:1.5rem;
line-height:2rem}
.text-\[10px\]{
font-size:10px}
.text-base{
font-size:1rem;
line-height:1.5rem}
.text-lg{
font-size:1.125rem;
line-height:1.75rem}
.text-sm{
font-size:0.875rem;
line-height:1.25rem}
.text-xl{
font-size:1.25rem;
line-height:1.75rem}
.text-xs{
font-size:0.75rem;
line-height:1rem}
.font-bold{
font-weight:700}
.font-medium{
font-weight:500}
.font-normal{
font-weight:400}
.font-semibold{
font-weight:600}
.uppercase{
text-transform:uppercase}
.capitalize{
text-transform:capitalize}
.italic{
font-style:italic}
.leading-7{
line-height:1.75rem}
.leading-relaxed{
line-height:1.625}
.tracking-\[\.09em\]{
letter-spacing:.09em}
.tracking-wide{
letter-spacing:0.025em}
.tracking-wider{
letter-spacing:0.05em}
.\!text-white{
--tw-text-opacity:1 !important;
color:rgb(255 255 255 / var(--tw-text-opacity, 1)) !important}
.text-brand-charcoal{
color:var(--color-brand-charcoal)}
.text-brand-green{
color:var(--color-brand-green)}
.text-brand-purple{
color:var(--color-brand-purple)}
.text-danger{
color:var(--color-danger)}
.text-gray-200{
--tw-text-opacity:1;
color:rgb(229 231 235 / var(--tw-text-opacity, 1))}
.text-gray-300{
--tw-text-opacity:1;
color:rgb(209 213 219 / var(--tw-text-opacity, 1))}
.text-gray-400{
--tw-text-opacity:1;
color:rgb(156 163 175 / var(--tw-text-opacity, 1))}
.text-gray-500{
--tw-text-opacity:1;
color:rgb(107 114 128 / var(--tw-text-opacity, 1))}
.text-gray-600{
--tw-text-opacity:1;
color:rgb(75 85 99 / var(--tw-text-opacity, 1))}
.text-gray-700{
--tw-text-opacity:1;
color:rgb(55 65 81 / var(--tw-text-opacity, 1))}
.text-gray-900{
--tw-text-opacity:1;
color:rgb(17 24 39 / var(--tw-text-opacity, 1))}
.text-info{
color:var(--color-info)}
.text-muted{
color:var(--color-text-muted)}
.text-success{
color:var(--color-success)}
.text-warning{
color:var(--color-warning)}
.underline{
text-decoration-line:underline}
.antialiased{
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale}
.\!shadow-none{
--tw-shadow:0 0 #0000 !important;
--tw-shadow-colored:0 0 #0000 !important;
box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important}
.shadow{
--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-card{
--tw-shadow:var(--shadow-card);
--tw-shadow-colored:var(--shadow-card);
box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-modal{
--tw-shadow:var(--shadow-modal);
--tw-shadow-colored:var(--shadow-modal);
box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.outline{
outline-style:solid}
.blur{
--tw-blur:blur(8px);
filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.grayscale{
--tw-grayscale:grayscale(100%);
filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.filter{
filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.backdrop-filter{
backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}
.transition{
transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
transition-duration:150ms}

:root{
--color-brand-charcoal:#2d3f3e;--color-brand-green:#6fbe54;--color-brand-leaf:#83cd62;--color-brand-mint:#eaf6e6;--color-brand-purple:#3e3453;
--color-canvas:#f8faf7;--color-surface:#fff;--color-border:#dde6dc;--color-text-muted:#68736f;
--color-success:#3f9a46;--color-warning:#c47a00;--color-warning-soft:#fff1d5;--color-danger:#b83c36;--color-danger-soft:#fff0ef;--color-info:#397fbd;--color-info-soft:#e9f3fc;--color-purple-soft:#f1eef7;--color-neutral:#eef1ef;--color-overlay:rgba(20,38,33,.76);
--radius-control:10px;--radius-card:16px;--radius-modal:18px;
--shadow-card:0 12px 32px rgba(45,63,62,.06);--shadow-modal:0 24px 75px rgba(20,35,31,.27);--shadow-floating:0 12px 30px rgba(45,63,62,.16);
--charcoal:var(--color-brand-charcoal);--green:var(--color-brand-green);--leaf:var(--color-brand-leaf);--mint:var(--color-brand-mint);--purple:var(--color-brand-purple);--canvas:var(--color-canvas);--border:var(--color-border);--muted:var(--color-text-muted)
}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--charcoal);font-family:Inter,sans-serif}.shell{min-height:100vh}.shell aside{position:fixed;z-index:1200;inset:0 auto 0 0;width:244px;background:var(--charcoal);padding:28px 20px;color:#fff}.logo{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;cursor:pointer}.logo i{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--leaf) 0 48%,var(--purple) 49%)}.logo b,h1,h2{font-family:Poppins,sans-serif}.logo b{font-size:20px}aside small{display:block;color:var(--leaf);font-weight:600;font-size:10px;margin:18px 0 8px}nav{display:grid;gap:6px}nav a{display:flex;gap:12px;padding:11px 12px;border-radius:10px;color:white;text-decoration:none;font-size:13px;font-weight:600;cursor:pointer}nav a.active,nav a:hover{background:var(--purple)}nav span{width:14px}.user{position:absolute;bottom:28px;display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--mint);color:var(--charcoal);font-size:11px;font-weight:700}.user p{display:grid;margin:0;font-size:12px}.user em{color:var(--leaf);font-size:10px;font-style:normal;margin-top:3px}main{margin-left:244px;padding:28px 36px;min-height:100vh}header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}h1{font-size:30px;line-height:1.25;margin:0}header p,.panel>p{font-size:13px;color:var(--muted);margin:4px 0 0}.actions{display:flex;align-items:center;gap:10px}.pill{display:inline-block;border-radius:999px;background:var(--mint);color:var(--color-success);padding:7px 10px;font-size:11px;font-weight:600}.primary,.secondary,.filters button{border:0;font:600 13px Inter;border-radius:999px;cursor:pointer}.primary{background:var(--green);color:white;padding:13px 18px}.filters{display:flex;gap:12px}.search,.filters button{height:48px;border:1px solid var(--border);background:white;padding:0 16px;display:flex;align-items:center}.search{flex:1;border-radius:12px;color:#87918d;font-size:13px}.filters button{border-radius:12px;color:var(--charcoal)}.notice{margin:16px 0 20px;padding:14px 16px;border-radius:12px;background:#f1eef7;color:var(--purple);display:flex;gap:18px;font-size:12px}.notice span{color:#655d72}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}article,.panel{background:white;border:1px solid var(--border);border-radius:16px;overflow:hidden}.yarn{height:210px;position:relative;background:repeating-linear-gradient(9deg,#c7e0bb 0 10px,#eff8eb 11px 20px)}.yarn.lilac{background:repeating-linear-gradient(-7deg,#d6cfe1 0 9px,#f3f0f7 10px 19px)}.yarn.sand{background:repeating-linear-gradient(8deg,#ddcdb5 0 11px,#f5efe5 12px 21px)}.yarn span{position:absolute;top:14px;right:14px;background:white;padding:7px 10px;border-radius:999px;font-size:10px}.cardbody{padding:18px}.title{display:flex;justify-content:space-between}.title h2,.panel h2{margin:0;font-size:18px}.title p{margin:5px 0;color:var(--muted);font-size:11px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.metrics p{margin:0;display:grid;gap:5px}.metrics span{font-size:10px;color:var(--muted)}.metrics b{font-size:12px}.privacy{background:#f3f0f7;color:var(--purple);border-radius:10px;padding:12px;font-size:12px}.privacy span{margin-left:8px}.secondary{width:100%;margin-top:14px;padding:12px;background:white;color:var(--charcoal);border:1px solid var(--border)}.registration{display:grid;grid-template-columns:430px 1fr;gap:18px}.panel{padding:24px;min-height:700px}.roles{display:flex;flex-direction:column;gap:16px}.role{display:grid;text-align:left;gap:5px;padding:18px;background:white;border:1px solid var(--border);border-radius:16px;color:var(--charcoal)}.role.active{border:2px solid var(--green);background:var(--mint)}.role span{font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0}.grid label{font-size:12px;font-weight:600}.grid .wide{grid-column:1/-1}input{width:100%;height:52px;margin-top:8px;padding:0 14px;border:1px solid var(--border);border-radius:10px;font:14px Inter}.form .primary{float:right}.mobile-menu-trigger,.sidebar-backdrop{display:none}@media(max-width:900px){.shell aside{width:76px;padding:24px 14px}.logo b,aside small,nav a:not(.active){font-size:0}.logo b{display:none}nav a{justify-content:center}.user p{display:none}main{margin-left:76px;padding:24px}.cards{grid-template-columns:1fr}.registration{grid-template-columns:1fr}.filters{flex-wrap:wrap}.search{min-width:100%}}@media(max-width:560px){.shell aside{display:flex;flex-direction:column;width:min(286px,86vw);padding:24px 18px;transform:translateX(-105%);transition:transform 180ms ease}.shell aside.is-open{transform:translateX(0)}.shell aside .logo b{display:inline;font-size:20px}.shell aside small{display:block;font-size:10px}.shell aside nav a{justify-content:flex-start;font-size:13px}.shell aside .user p{display:grid}.mobile-menu-trigger{position:fixed;z-index:1100;top:14px;left:14px;display:grid;gap:4px;width:42px;height:42px;padding:11px;border:1px solid var(--border);border-radius:50%;background:#fff;box-shadow:var(--shadow-floating);cursor:pointer}.mobile-menu-trigger span{display:block;height:2px;border-radius:999px;background:var(--charcoal)}.sidebar-backdrop{position:fixed;z-index:1150;inset:0;display:block;border:0;background:rgba(23,42,37,.45)}main{margin:0;padding:72px 16px 20px}header{flex-direction:column;gap:12px}.actions{width:100%;flex-wrap:wrap}.actions .pill{display:none}.cards{grid-template-columns:1fr}.registration{display:block}.roles{margin-bottom:16px}.grid{grid-template-columns:1fr}.filters button{flex:1}.notice{display:grid}}
.transport-offer{margin-top:11px;border-radius:8px;background:#f2f4f2;color:#6d7874;padding:8px 10px;font-size:10px}.transport-offer.available{background:#eaf6e6;color:#39843d}.transport-choice{display:flex!important;align-items:center;gap:9px!important;margin-top:15px;padding:12px;border:1px solid #cfe2c9;border-radius:9px;background:#f2f9ef}.transport-choice input{width:17px!important;height:17px!important;margin:0!important}.transport-unavailable{margin-top:15px;padding:12px;border-radius:9px;background:#f2f4f2;color:#6d7874;font-size:11px}

.shell aside{
    display:flex;
    flex-direction:column;
    min-height:100vh;
    max-height:100vh;
    padding-bottom:22px;
    overflow:hidden;
}
.shell aside nav{
    flex:1;
    align-content:start;
    margin-bottom:22px;
    padding-bottom:18px;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:rgba(255,255,255,.28) transparent;
}
.shell aside nav::-webkit-scrollbar{
    width:6px;
}
.shell aside nav::-webkit-scrollbar-track{
    background:transparent;
}
.shell aside nav::-webkit-scrollbar-thumb{
    border-radius:999px;
    background:rgba(255,255,255,.28);
}
.shell aside .user{
    position:static;
    display:grid;
    grid-template-columns:36px minmax(0,1fr) 36px;
    gap:12px;
    align-items:center;
    width:100%;
    margin-top:auto;
    padding:12px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:10px;
    background:rgba(16,31,27,.28);
}
.shell aside .user p{
    min-width:0;
}
.shell aside .user p b,
.shell aside .user p em{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.shell aside .user form{
    margin:0;
}
.shell aside .logout{
    display:grid;
    place-items:center;
    width:32px;
    height:32px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:7px;
    background:rgba(255,255,255,.08);
    color:#fff;
    cursor:pointer;
}
.shell aside .logout:hover{
    background:var(--purple);
}
@media(max-width:900px){
    .shell aside .user{
        grid-template-columns:36px;
        justify-content:center;
        padding:10px;
    }
    .shell aside .user form{
        display:block;
    }
}
@media(max-width:560px){
    .shell aside .user{
        grid-template-columns:36px minmax(0,1fr) 36px;
    }
    .shell aside .user form{
        display:block;
    }
}

#dalocus-google-translate,
.goog-te-banner-frame,
.goog-te-banner-frame.skiptranslate,
.goog-te-balloon-frame,
#goog-gt-tt,
body > .skiptranslate,
iframe.skiptranslate {
    display:none!important;
    visibility:hidden!important;
    height:0!important;
}
html.translated-ltr body,
html.translated-rtl body,
body {
    top:0!important;
    position:static!important;
}
.first\:border-t-0:first-child{
border-top-width:0px}
@media (min-width: 640px){
.sm\:col-span-2{
grid-column:span 2 / span 2}
.sm\:ml-0{
margin-left:0px}
.sm\:block{
display:block}
.sm\:h-20{
height:5rem}
.sm\:grid-cols-2{
grid-template-columns:repeat(2, minmax(0, 1fr))}
.sm\:grid-cols-3{
grid-template-columns:repeat(3, minmax(0, 1fr))}
.sm\:flex-row{
flex-direction:row}
.sm\:items-start{
align-items:flex-start}
.sm\:items-center{
align-items:center}
.sm\:justify-start{
justify-content:flex-start}
.sm\:justify-between{
justify-content:space-between}
.sm\:rounded-lg{
border-radius:0.5rem}
.sm\:p-4{
padding:1rem}
.sm\:p-5{
padding:1.25rem}
.sm\:p-7{
padding:1.75rem}
.sm\:px-5{
padding-left:1.25rem;
padding-right:1.25rem}
.sm\:px-6{
padding-left:1.5rem;
padding-right:1.5rem}
.sm\:pt-0{
padding-top:0px}
.sm\:text-left{
text-align:left}
.sm\:text-right{
text-align:right}}
@media (min-width: 768px){
.md\:grid-cols-2{
grid-template-columns:repeat(2, minmax(0, 1fr))}
.md\:grid-cols-\[minmax\(260px\2c 1fr\)_220px_126px\]{
grid-template-columns:minmax(260px,1fr) 220px 126px}
.md\:border-l{
border-left-width:1px}
.md\:border-t-0{
border-top-width:0px}}
@media (min-width: 1024px){
.lg\:sticky{
position:sticky}
.lg\:top-5{
top:1.25rem}
.lg\:col-span-4{
grid-column:span 4 / span 4}
.lg\:grid-cols-3{
grid-template-columns:repeat(3, minmax(0, 1fr))}
.lg\:grid-cols-4{
grid-template-columns:repeat(4, minmax(0, 1fr))}
.lg\:grid-cols-\[minmax\(300px\2c \.78fr\)_minmax\(0\2c 1\.42fr\)\]{
grid-template-columns:minmax(300px,.78fr) minmax(0,1.42fr)}
.lg\:p-6{
padding:1.5rem}
.lg\:px-8{
padding-left:2rem;
padding-right:2rem}}
@media (min-width: 1280px){
.xl\:grid{
display:grid}
.xl\:hidden{
display:none}
.xl\:grid-cols-4{
grid-template-columns:repeat(4, minmax(0, 1fr))}
.xl\:grid-cols-\[minmax\(260px\2c 1\.2fr\)_minmax\(180px\2c \.7fr\)_minmax\(180px\2c \.7fr\)_auto\]{
grid-template-columns:minmax(260px,1.2fr) minmax(180px,.7fr) minmax(180px,.7fr) auto}
.xl\:items-end{
align-items:flex-end}
.xl\:gap-7{
gap:1.75rem}}
@media (prefers-color-scheme: dark){
.dark\:border-gray-700{
--tw-border-opacity:1;
border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}
.dark\:bg-gray-800{
--tw-bg-opacity:1;
background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}
.dark\:bg-gray-900{
--tw-bg-opacity:1;
background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}
.dark\:text-gray-400{
--tw-text-opacity:1;
color:rgb(156 163 175 / var(--tw-text-opacity, 1))}
.dark\:text-gray-500{
--tw-text-opacity:1;
color:rgb(107 114 128 / var(--tw-text-opacity, 1))}
.dark\:text-white{
--tw-text-opacity:1;
color:rgb(255 255 255 / var(--tw-text-opacity, 1))}}