html{--mat-sys-background: light-dark(, );--mat-sys-error: light-dark(, );--mat-sys-error-container: light-dark(, );--mat-sys-inverse-on-surface: light-dark(, );--mat-sys-inverse-primary: light-dark(, );--mat-sys-inverse-surface: light-dark(, );--mat-sys-on-background: light-dark(, );--mat-sys-on-error: light-dark(, );--mat-sys-on-error-container: light-dark(, );--mat-sys-on-primary: light-dark(#D5D9C4, );--mat-sys-on-primary-container: light-dark(, );--mat-sys-on-primary-fixed: light-dark(, );--mat-sys-on-primary-fixed-variant: light-dark(, );--mat-sys-on-secondary: light-dark(, );--mat-sys-on-secondary-container: light-dark(, );--mat-sys-on-secondary-fixed: light-dark(, );--mat-sys-on-secondary-fixed-variant: light-dark(, );--mat-sys-on-surface: light-dark(, );--mat-sys-on-surface-variant: light-dark(, );--mat-sys-on-tertiary: light-dark(#F5D0C4, );--mat-sys-on-tertiary-container: light-dark(, );--mat-sys-on-tertiary-fixed: light-dark(, );--mat-sys-on-tertiary-fixed-variant: light-dark(, );--mat-sys-outline: light-dark(, );--mat-sys-outline-variant: light-dark(, );--mat-sys-primary: light-dark(, );--mat-sys-primary-container: light-dark(, );--mat-sys-primary-fixed: light-dark(, );--mat-sys-primary-fixed-dim: light-dark(, );--mat-sys-scrim: light-dark(, );--mat-sys-secondary: light-dark(, );--mat-sys-secondary-container: light-dark(, );--mat-sys-secondary-fixed: light-dark(, );--mat-sys-secondary-fixed-dim: light-dark(, );--mat-sys-shadow: light-dark(, );--mat-sys-surface: light-dark(, );--mat-sys-surface-bright: light-dark(, );--mat-sys-surface-container: light-dark(, );--mat-sys-surface-container-high: light-dark(, );--mat-sys-surface-container-highest: light-dark(, );--mat-sys-surface-container-low: light-dark(, );--mat-sys-surface-container-lowest: light-dark(, );--mat-sys-surface-dim: light-dark(, );--mat-sys-surface-tint: light-dark(, );--mat-sys-surface-variant: light-dark(, );--mat-sys-tertiary: light-dark(, );--mat-sys-tertiary-container: light-dark(, );--mat-sys-tertiary-fixed: light-dark(, );--mat-sys-tertiary-fixed-dim: light-dark(, );--mat-sys-neutral-variant20: ;--mat-sys-neutral10: ;--mat-sys-level0: 0px 0px 0px 0px , 0px 0px 0px 0px , 0px 0px 0px 0px ;--mat-sys-level1: 0px 2px 1px -1px , 0px 1px 1px 0px , 0px 1px 3px 0px ;--mat-sys-level2: 0px 3px 3px -2px , 0px 3px 4px 0px , 0px 1px 8px 0px ;--mat-sys-level3: 0px 3px 5px -1px , 0px 6px 10px 0px , 0px 1px 18px 0px ;--mat-sys-level4: 0px 5px 5px -3px , 0px 8px 10px 1px , 0px 3px 14px 2px ;--mat-sys-level5: 0px 7px 8px -4px , 0px 12px 17px 2px , 0px 5px 22px 4px ;--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}*,*:before,*:after{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{min-height:100vh;background-color:#fafaf5;line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}img{max-width:100%;height:auto;display:block}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;cursor:pointer}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}fieldset{padding:0;margin:0;border:0}textarea{overflow:auto;resize:vertical}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid #343F1E;outline-offset:2px}::selection{background-color:#d5d58d;color:#1b1b1b}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#fafaf5}::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6b7280}body{font-family:Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#1b1b1b;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,.h1{font-size:1.875rem;font-weight:700;line-height:1.25;margin-bottom:1rem;color:#1b1b1b}@media(min-width:768px){h1,.h1{font-size:2.25rem}}h2,.h2{font-size:1.5rem;font-weight:700;line-height:1.25;margin-bottom:1rem;color:#1b1b1b}@media(min-width:768px){h2,.h2{font-size:1.875rem}}h3,.h3{font-size:1.25rem;font-weight:600;line-height:1.25;margin-bottom:.5rem;color:#1b1b1b}@media(min-width:768px){h3,.h3{font-size:1.5rem}}h4,.h4{font-size:1.125rem;font-weight:600;line-height:1.5;margin-bottom:.5rem;color:#1b1b1b}@media(min-width:768px){h4,.h4{font-size:1.25rem}}h5,.h5{font-size:1rem;font-weight:600;line-height:1.5;margin-bottom:.25rem;color:#1b1b1b}h6,.h6{font-size:.875rem;font-weight:600;line-height:1.5;margin-bottom:.25rem;color:#1b1b1b}p{margin-bottom:1rem}p:last-child{margin-bottom:0}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-muted{color:#9ca3af}.text-light{color:#6b7280}.text-primary{color:#343f1e}.text-success{color:#5f7a42}.text-warning{color:#dbf226}.text-error{color:#d53432}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}a{color:#343f1e;text-decoration:none;transition:color .15s ease}a:hover{color:#252d16}a:focus-visible{outline:2px solid #343F1E;outline-offset:2px}ul,ol{margin-bottom:1rem;padding-left:1.5rem}ul li,ol li{margin-bottom:.25rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-uppercase{text-transform:uppercase;letter-spacing:.05em}.text-capitalize{text-transform:capitalize}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.d-none{display:none!important}.d-block{display:block!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-grid{display:grid!important}@media(min-width:576px){.d-sm-none{display:none!important}.d-sm-block{display:block!important}.d-sm-flex{display:flex!important}}@media(min-width:768px){.d-md-none{display:none!important}.d-md-block{display:block!important}.d-md-flex{display:flex!important}}@media(min-width:992px){.d-lg-none{display:none!important}.d-lg-block{display:block!important}.d-lg-flex{display:flex!important}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.align-start{align-items:flex-start!important}.align-end{align-items:flex-end!important}.align-center{align-items:center!important}.align-baseline{align-items:baseline!important}.align-stretch{align-items:stretch!important}.flex-1{flex:1!important}.flex-auto{flex:auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.gap-0{gap:0!important}.gap-xs{gap:.25rem!important}.gap-sm{gap:.5rem!important}.gap-md{gap:1rem!important}.gap-lg{gap:1.5rem!important}.gap-xl{gap:2rem!important}.m-0{margin:0!important}.m-auto{margin:auto!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.mt-0{margin-top:0!important}.mt-xs{margin-top:.25rem!important}.mt-sm{margin-top:.5rem!important}.mt-md{margin-top:1rem!important}.mt-lg{margin-top:1.5rem!important}.mt-xl{margin-top:2rem!important}.mb-0{margin-bottom:0!important}.mb-xs{margin-bottom:.25rem!important}.mb-sm{margin-bottom:.5rem!important}.mb-md{margin-bottom:1rem!important}.mb-lg{margin-bottom:1.5rem!important}.mb-xl{margin-bottom:2rem!important}.ml-0{margin-left:0!important}.ml-auto{margin-left:auto!important}.ml-sm{margin-left:.5rem!important}.ml-md{margin-left:1rem!important}.mr-0{margin-right:0!important}.mr-auto{margin-right:auto!important}.mr-sm{margin-right:.5rem!important}.mr-md{margin-right:1rem!important}.p-0{padding:0!important}.p-xs{padding:.25rem!important}.p-sm{padding:.5rem!important}.p-md{padding:1rem!important}.p-lg{padding:1.5rem!important}.p-xl{padding:2rem!important}.pt-0{padding-top:0!important}.pt-sm{padding-top:.5rem!important}.pt-md{padding-top:1rem!important}.pt-lg{padding-top:1.5rem!important}.pb-0{padding-bottom:0!important}.pb-sm{padding-bottom:.5rem!important}.pb-md{padding-bottom:1rem!important}.pb-lg{padding-bottom:1.5rem!important}.px-0{padding-left:0!important;padding-right:0!important}.px-sm{padding-left:.5rem!important;padding-right:.5rem!important}.px-md{padding-left:1rem!important;padding-right:1rem!important}.px-lg{padding-left:1.5rem!important;padding-right:1.5rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-sm{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-100{height:100%!important}.h-auto{height:auto!important}.min-h-screen{min-height:100vh!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-x-auto{overflow-x:auto!important}.overflow-y-auto{overflow-y:auto!important}.rounded-none{border-radius:0!important}.rounded-sm{border-radius:4px!important}.rounded{border-radius:8px!important}.rounded-lg{border-radius:12px!important}.rounded-full{border-radius:9999px!important}.shadow-none{box-shadow:none!important}.shadow-sm{box-shadow:0 1px 2px #0000000d!important}.shadow{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important}.cursor-pointer{cursor:pointer!important}.cursor-default{cursor:default!important}.cursor-not-allowed{cursor:not-allowed!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.opacity-0{opacity:0!important}.opacity-50{opacity:.5!important}.opacity-100{opacity:1!important}.bg-primary{background-color:#343f1e!important}.bg-secondary{background-color:#d5d58d!important}.bg-surface{background-color:#fff!important}.bg-background{background-color:#fafaf5!important}.bg-success{background-color:#5f7a42!important}.bg-warning{background-color:#dbf226!important}.bg-error{background-color:#d53432!important}.bg-transparent{background-color:transparent!important}body{color-scheme:light;background-color:#fafaf5;color:#1b1b1b;font-family:Roboto,sans-serif;font-size:1rem;line-height:1.5;margin:0;min-height:100vh}html,body{height:100%}.mat-mdc-button,.mat-mdc-raised-button,.mat-mdc-stroked-button,.mat-mdc-flat-button{border-radius:8px!important;font-weight:500!important;letter-spacing:.02em}.mat-mdc-raised-button.mat-primary,.mat-mdc-flat-button.mat-primary{--mdc-filled-button-container-color: #343F1E;--mdc-filled-button-label-text-color: white}.mat-mdc-raised-button.mat-primary:hover,.mat-mdc-flat-button.mat-primary:hover{--mdc-filled-button-container-color: #252D16}.mat-mdc-form-field{width:100%}.mat-mdc-form-field-subscript-wrapper{font-size:.75rem}.mat-mdc-card{border-radius:12px!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}.mat-mdc-menu-panel{background-color:#fff!important;border-radius:8px!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important;min-width:180px}.mat-mdc-menu-panel .mat-mdc-menu-content{padding:.5rem 0!important}.mat-mdc-menu-panel .mat-mdc-menu-item{color:#1b1b1b!important;font-size:.875rem;min-height:44px}.mat-mdc-menu-panel .mat-mdc-menu-item:hover{background-color:#343f1e14!important}.mat-mdc-menu-panel .mat-mdc-menu-item .mat-icon{color:#6b7280;margin-right:.5rem}.mat-mdc-menu-panel .mat-mdc-menu-item-text{color:#1b1b1b!important}.mat-mdc-select-panel{background-color:#fff!important;border-radius:8px!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important}.mat-mdc-option{background-color:#fff!important;color:#1b1b1b!important}.mat-mdc-option:hover{background-color:#343f1e14!important}.mat-mdc-option.mdc-list-item--selected{background-color:#343f1e1f!important}.mat-mdc-autocomplete-panel{background-color:#fff!important;border-radius:8px!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important}.mat-mdc-dialog-container{--mdc-dialog-container-shape: 12px;--mdc-dialog-container-color: #FFFFFF}.mat-mdc-dialog-surface{background-color:#fff!important;padding:1.5rem!important}.mat-mdc-tooltip .mdc-tooltip__surface{background-color:#1b1b1b!important;color:#fff!important;border-radius:4px!important;font-size:.75rem;padding:.25rem .5rem}.mat-mdc-snack-bar-container{--mdc-snackbar-container-shape: 8px;--mdc-snackbar-container-color: #343F1E;--mdc-snackbar-supporting-text-color: white;--mat-snack-bar-button-color: #D5D58D}.notification-success .mdc-snackbar__surface{background-color:#5f7a42!important}.notification-error .mdc-snackbar__surface{background-color:#d53432!important}.notification-warning .mdc-snackbar__surface{background-color:#8e2800!important}.notification-info .mdc-snackbar__surface{background-color:#3d7984!important}.notification-success .mdc-snackbar__label,.notification-error .mdc-snackbar__label,.notification-warning .mdc-snackbar__label,.notification-info .mdc-snackbar__label,.notification-success .mat-mdc-button,.notification-error .mat-mdc-button,.notification-warning .mat-mdc-button,.notification-info .mat-mdc-button{color:#fff!important}.mat-drawer{background-color:#fff!important}.mat-toolbar{background-color:#fff!important;color:#1b1b1b!important}.mat-mdc-chip{border-radius:9999px!important}.mat-step-header .mat-step-icon-selected{background-color:#343f1e!important}.mat-mdc-table{background-color:#fff;border-radius:12px;overflow:hidden}.mat-mdc-header-cell{font-weight:600!important;color:#1b1b1b!important;background-color:#fafaf5!important}.mat-mdc-cell{vertical-align:middle}.mat-mdc-row:hover{background-color:#343f1e0a}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-content{flex:1;padding:1.5rem;max-width:1280px;margin:0 auto;width:100%}@media(max-width:768px){.app-content{padding:1rem}}.page-header{margin-bottom:2rem}.page-header__title{font-size:1.875rem;font-weight:700;color:#1b1b1b;margin-bottom:.5rem}@media(max-width:768px){.page-header__title{font-size:1.5rem}}.page-header__subtitle{font-size:1rem;color:#6b7280}.card{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1.5rem}.card--hover{transition:box-shadow .2s ease,transform .2s ease;cursor:pointer}.card--hover:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.empty-state__icon{font-size:64px;color:#9ca3af;margin-bottom:1.5rem}.empty-state__title{font-size:1.25rem;font-weight:600;color:#1b1b1b;margin-bottom:.5rem}.empty-state__description{font-size:1rem;color:#6b7280;margin-bottom:1.5rem;max-width:400px}.status-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-badge--active{background-color:#5f7a421a;color:#5f7a42}.status-badge--inactive{background-color:#d534321a;color:#d53432}.status-badge--pending{background-color:#dbf2261a;color:#dbf226}.form-group{margin-bottom:1.5rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #E5E7EB}.grid{display:grid;gap:1.5rem}.grid--2{grid-template-columns:repeat(1,1fr)}@media(min-width:768px){.grid--2{grid-template-columns:repeat(2,1fr)}}.grid--3{grid-template-columns:repeat(1,1fr)}@media(min-width:576px){.grid--3{grid-template-columns:repeat(2,1fr)}}@media(min-width:992px){.grid--3{grid-template-columns:repeat(3,1fr)}}.grid--4{grid-template-columns:repeat(1,1fr)}@media(min-width:576px){.grid--4{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.grid--4{grid-template-columns:repeat(3,1fr)}}@media(min-width:992px){.grid--4{grid-template-columns:repeat(4,1fr)}}