.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;} [class*="col-"]{position:relative;width:100%;padding-right:15px;padding-left:15px;}/* Mobile First - col-* (all sizes) */ .col-3{flex:0 0 25%;max-width:25%;}.col-6{flex:0 0 50%;max-width:50%;}.col-12{flex:0 0 100%;max-width:100%;} @media (min-width:576px){.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%;}.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%;}.col-sm-3{flex:0 0 25%;max-width:25%;}.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%;}.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%;}.col-sm-6{flex:0 0 50%;max-width:50%;}.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%;}.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%;}.col-sm-9{flex:0 0 75%;max-width:75%;}.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%;}.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%;}.col-sm-12{flex:0 0 100%;max-width:100%;}} @media (min-width:768px){.col-md-1{flex:0 0 8.333333%;max-width:8.333333%;}.col-md-2{flex:0 0 16.666667%;max-width:16.666667%;}.col-md-3{flex:0 0 25%;max-width:25%;}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%;}.col-md-5{flex:0 0 41.666667%;max-width:41.666667%;}.col-md-6{flex:0 0 50%;max-width:50%;}.col-md-7{flex:0 0 58.333333%;max-width:58.333333%;}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%;}.col-md-9{flex:0 0 75%;max-width:75%;}.col-md-10{flex:0 0 83.333333%;max-width:83.333333%;}.col-md-11{flex:0 0 91.666667%;max-width:91.666667%;}.col-md-12{flex:0 0 100%;max-width:100%;}} @media (min-width:992px){.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%;}.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%;}.col-lg-3{flex:0 0 25%;max-width:25%;}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%;}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%;}.col-lg-6{flex:0 0 50%;max-width:50%;}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%;}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%;}.col-lg-9{flex:0 0 75%;max-width:75%;}.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%;}.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%;}.col-lg-12{flex:0 0 100%;max-width:100%;}} @media (min-width:1200px){.col-xl-1{flex:0 0 8.333333%;max-width:8.333333%;}.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%;}.col-xl-3{flex:0 0 25%;max-width:25%;}.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%;}.col-xl-5{flex:0 0 41.666667%;max-width:41.666667%;}.col-xl-6{flex:0 0 50%;max-width:50%;}.col-xl-7{flex:0 0 58.333333%;max-width:58.333333%;}.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%;}.col-xl-9{flex:0 0 75%;max-width:75%;}.col-xl-10{flex:0 0 83.333333%;max-width:83.333333%;}.col-xl-11{flex:0 0 91.666667%;max-width:91.666667%;}.col-xl-12{flex:0 0 100%;max-width:100%;}}/* ========================= FLEXBOX UTILITIES Note:Common flex utilities (d-flex, justify-content-*, align-items-*) in base.html inline CSS ========================= */  .flex-column{flex-direction:column;} .flex-wrap{flex-wrap:wrap;} @media (min-width:768px){.flex-md-nowrap{flex-wrap:nowrap;}} @media (min-width:576px){.flex-sm-row{flex-direction:row;}} @media (min-width:992px){.d-lg-none{display:none;}.d-lg-inline{display:inline;}.d-lg-inline-block{display:inline-block;}.d-lg-block{display:block;}.d-lg-flex{display:flex;}} .flex-grow-1{flex-grow:1;}  .gap-1{gap:0.25rem;}.gap-2{gap:0.5rem;}.gap-3{gap:1rem;}.gap-4{gap:1.5rem;} @media (min-width:768px){.gap-md-1{gap:0.25rem;}.gap-md-2{gap:0.5rem;}.gap-md-3{gap:1rem;}.gap-md-4{gap:1.5rem;}.gap-md-5{gap:3rem;}}  .mt-5{margin-top:3rem;}.mb-5{margin-bottom:3rem;} .ms-1{margin-left:0.25rem;}.ms-2{margin-left:0.5rem;}.ms-3{margin-left:1rem;} .me-1{margin-right:0.25rem;} .me-3{margin-right:1rem;}   .pt-3{padding-top:1rem;}  .pb-3{padding-bottom:1rem;}     .text-end{text-align:right;} @media (min-width:768px){.text-md-start{text-align:left;}.text-md-end{text-align:right;}.text-md-center{text-align:center;}} .text-white-50{color:rgba(255, 255, 255, 0.5);}.text-light{color:#f8f9fa;}.text-dark{color:#212529;}.text-secondary{color:#6c757d;}.text-success{color:#28a745;}.text-danger{color:#dc3545;}.text-warning{color:#ffc107;}  .text-opacity-75{--bs-text-opacity:0.75;opacity:var(--bs-text-opacity);} .text-decoration-none{text-decoration:none;}   .text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .fw-medium{font-weight:500;}   .small{font-size:0.875rem;} .w-100{width:100%;} .h-100{height:100%;} .border{border:1px solid #dee2e6;} .border-top{border-top:1px solid #dee2e6;}.border-bottom{border-bottom:1px solid #dee2e6;}.border-secondary{border-color:#6c757d;} .rounded{border-radius:0.25rem;} .border-light{border-color:#f8f9fa;} .position-relative{position:relative;}.position-absolute{position:absolute;} .overflow-auto{overflow:auto;}.overflow-hidden{overflow:hidden;} .list-unstyled{padding-left:0;list-style:none;}  .shadow-lg{box-shadow:0 1rem 3rem rgba(0, 0, 0, 0.175);}  .btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;background-color:transparent;border:1px solid transparent;padding:0.375rem 0.75rem;font-size:1rem;border-radius:0.25rem;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}.btn-link{font-weight:400;color:#20b2aa;text-decoration:underline;}.btn-link:hover{color:#0a58ca;} .card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:var(--bg-secondary);background-clip:border-box;border:1px solid var(--border);border-radius:8px;margin-bottom:1rem;}.card-body{flex:1 1 auto;padding:1rem 1rem;}.card-header{padding:0.5rem 1rem;margin-bottom:0;background-color:rgba(0, 0, 0, 0.03);border-bottom:1px solid rgba(0, 0, 0, 0.125);} .bg-primary{background-color:#20b2aa;}.bg-secondary{background-color:#6c757d;}.bg-success{background-color:#28a745;}.bg-danger{background-color:#dc3545;}.bg-warning{background-color:#ffc107;}.bg-info{background-color:#17a2b8;}.bg-light{background-color:#f8f9fa;}.bg-dark{background-color:#212529;}.bg-white{background-color:#fff;}.bg-transparent{background-color:transparent;}  .text-reset{color:inherit;text-decoration:none;}.text-reset:hover{color:inherit;text-decoration:underline;} .list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:0.25rem;}.list-group-item{position:relative;display:block;padding:0.5rem 1rem;color:#212529;text-decoration:none;background-color:#fff;border:1px solid rgba(0, 0, 0, 0.125);}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit;}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit;}.list-group-flush .list-group-item{border-width:0 0 1px;border-radius:0;}.list-group-flush .list-group-item:last-child{border-bottom-width:0;}  .btn-group{position:relative;display:inline-flex;vertical-align:middle;}.btn-group > .btn{position:relative;flex:1 1 auto;}  .btn-primary{color:#fff;background-color:#20b2aa;border-color:#20b2aa;}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d;}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745;}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545;}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8;}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa;} .btn-outline-primary{color:#20b2aa;border-color:#20b2aa;}.btn-outline-primary:hover{color:#fff;background-color:#20b2aa;border-color:#20b2aa;}.btn-outline-secondary{color:#6c757d;border-color:#6c757d;}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d;}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745;}.btn-outline-warning{color:#ffc107;border-color:#ffc107;}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107;}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa;}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa;} .btn-sm{padding:0.25rem 0.5rem;font-size:0.875rem;border-radius:0.2rem;}.btn-lg{padding:0.5rem 1rem;font-size:1.25rem;border-radius:0.3rem;} .card-title{margin-bottom:0.5rem;}.card-text:last-child{margin-bottom:0;} html{height:100%;} .text-decoration-none:hover{color:var(--accent-light);} .text-white.fw-bold{font-size:110%;letter-spacing:0.5px;} .text-truncate{color:var(--text-primary);} .card h2, .card h3, .card h4, .card h5{color:var(--text-primary);}