.summary-card {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 20px;
    background: #fff;
    border-radius: 16px;
    padding: 24px;
    min-height: 140px;
    box-shadow: 0 10px 25px rgba(0,0,0,.06), 0 2px 5px rgba(0,0,0,.03);
    transition: all .3s ease;
}
.summary-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(0,0,0,.08), 0 5px 10px rgba(0,0,0,.04);
}
.summary-icon {
    width: 64px;
    height: 64px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 24px;
    flex-shrink: 0;
}
.summary-content {
    z-index: 2;
}
.summary-title {
    font-size: 15px;
    color: #555;
    margin-bottom: 10px;
}
.summary-value {
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
}
.summary-value span {
    font-size: 18px;
    color: #333;
    margin-left: 4px;
}
.summary-wave {
    position: absolute;
    right: -40px;
    bottom: -40px;
    width: 260px;
    height: 120px;
    opacity: .15;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 300 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 80 C40 40,80 110,120 70 S200 20,240 60 S280 100,300 70' stroke='currentColor' stroke-width='5' fill='none'/%3E%3C/svg%3E");
}
.summary-card.success {
    border-bottom: 5px solid #22c55e;
}
.summary-card.success .summary-icon {
    background: linear-gradient( 135deg, #22c55e, #16a34a);
}
.summary-card.success .summary-value {
    color: #22c55e;
}
.summary-card.success .summary-wave {
    color: #22c55e;
}
.summary-card.warning {
    border-bottom: 5px solid #f59e0b;
}
.summary-card.warning .summary-icon {
    background: linear-gradient(135deg,#fbbf24,#f59e0b);
}
.summary-card.warning .summary-value {
    color: #f59e0b;
}
.summary-card.warning .summary-wave {
    color: #f59e0b;
}
.summary-card.primary {
    border-bottom: 5px solid #3b82f6;
}
.summary-card.primary .summary-icon {
    background: linear-gradient(135deg,#3b82f6,#2563eb);
}
.summary-card.primary .summary-value {
    color: #3b82f6;
}
.summary-card.primary .summary-wave {
    color: #3b82f6;
}
.summary-card.info {
    border-bottom: 5px solid #a83bf6;
}
.summary-card.info .summary-icon {
    background: linear-gradient(135deg,#893bf6,#b325eb);
}
.summary-card.info .summary-value {
    color: #a83bf6;
}
.summary-card.info .summary-wave {
    color: #a83bf6;
}
.badge-outline-success{
    color: #17CD62;
    background-color: transparent;
}
.badge-outline-primary{
    color: #753FDC;
    background-color: transparent;
}
.badge-outline-info{
    color: #2962FF;
    background-color: transparent;
}
.badge-outline-danger{
    color: #FF2929;
    background-color: transparent;
}
.badge-outline-warning{
    color: #ccab00;
    background-color: transparent;
}
.badge-outline-secondary{
    color: #5B5F68;
    background-color: transparent;
}
.badge-light-success{
    color: #296b45;
    background-color: #ceffe2;
}
.badge-light-primary{
    color: #753FDC;
    background-color: #eadeff;
}
.badge-light-info{
    color: #2962FF;
    background-color: #d6e1ff;
}
.badge-light-danger{
    color: #FF2929;
    background-color: #ffcdcd;
}
.badge-light-warning{
    color: #ccab00;
    background-color: #fff7d2;
}
.badge-light-secondary{
    color: #5B5F68;
    background-color: #a0a0a0;
}
.bg-soft-success{
    background-color: #EAF9F0 !important;
    color: #17CD62 !important;
}
.bg-soft-primary{
    background-color: #F2EDFD !important;
    color: #753FDC !important;
}
.bg-soft-info{
    background-color: #EEF4FF !important;
    color: #2962FF !important;
}
.bg-soft-danger{
    background-color: #FDEEEE !important;
    color: #FF2929 !important;
}
.bg-soft-warning{
    background-color: #FFF8DD !important;
    color: black !important;
}
.bg-soft-secondary{
    background-color: #F4F5F7 !important;
    color: #5B5F68 !important;
}

/**
 * List Style
 */
.disc-list li { list-style: disc; }
.cicle-list li { list-style: cicle; }
.decimal-list li { list-style: decimal; }
.auto-list li { list-style: auto; }


/**
 * Table Style
 */
.table-no-break-line{
    table-layout: fixed;
}
.table-no-break-line td{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/**
 * Timeline Style
 */
.timeline{
    position:relative;
    padding-left:20px;
}
.timeline::before{
    content:'';
    position:absolute;
    left:27px;
    top:10px;
    bottom:10px;
    width:2px;
    background:#dee2e6;
}
.timeline-item{
    position:relative;
    display:flex;
    gap:20px;
    margin-bottom:35px;
}
.timeline-item:last-child{
    margin-bottom:0;
}
.timeline-icon{
    position:relative;
    z-index:2;
    width:15px;
    height:15px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:16px;
    flex-shrink:0;
    margin-top: 5px;
}
.timeline-item.success .timeline-icon{
    background:#22c55e;
}
.timeline-item.warning .timeline-icon{
    background:#f59e0b;
}
.timeline-item.danger .timeline-icon{
    background:#ef4444;
}
.timeline-item.info .timeline-icon{
    background:#0d6efd;
}
.timeline-content{
    flex:1;
    padding-top:3px;
}