@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';

/* /Components/Chung/BangDuLieu.razor.rz.scp.css */



.bang-vo[b-z1fr0j8a3e] {
    position: relative; 
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0; 
    background: var(--color-surface);
    border-top: 1px solid var(--color-border);
}


.bang-vo[b-z1fr0j8a3e]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: var(--table-footer-height);
    height: 16px;
    pointer-events: none;
    background: linear-gradient(to top, var(--color-surface), transparent);
}

.bang-cuon[b-z1fr0j8a3e] {
    position: relative; 
    flex: 1;
    min-height: 0;
    overflow: auto; 
}


.bang-cuon:focus-visible[b-z1fr0j8a3e] {
    outline-offset: -2px;
}


[b-z1fr0j8a3e] table.bang tbody {
    transition: opacity var(--duration-fast) var(--ease);
}

.bang-cuon[aria-busy="true"][b-z1fr0j8a3e]  table.bang tbody {
    opacity: .55;
    transition-delay: var(--duration-fast);
}


[b-z1fr0j8a3e] table.bang-rong tbody {
    display: none;
}


.bang-vung-rong[b-z1fr0j8a3e] {
    position: absolute;
    top: var(--table-header-height);
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bang-chan[b-z1fr0j8a3e] {
    position: relative; 
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: var(--space-4);
    height: var(--table-footer-height);
    padding: 0 var(--space-3);
    border-top: 1px solid var(--color-border);
    background: var(--color-surface-alt);
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.bang-tong strong[b-z1fr0j8a3e] {
    color: var(--color-text);
    font-variant-numeric: tabular-nums;
}


.bang-khoi-phuc[b-z1fr0j8a3e] {
    flex-shrink: 0;
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    color: var(--color-primary-text);
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
}

.bang-khoi-phuc:hover[b-z1fr0j8a3e] {
    color: var(--color-primary);
}




[b-z1fr0j8a3e] table.bang {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate; 
    border-spacing: 0;
    font-size: var(--text-md);
    line-height: var(--leading-tight);
}


[b-z1fr0j8a3e] table.bang thead th .col-title,
[b-z1fr0j8a3e] table.bang thead th .col-header-content {
    min-width: 0;
    overflow: hidden;
}


[b-z1fr0j8a3e] table.bang thead th .col-header-content {
    padding-right: 0;
}

[b-z1fr0j8a3e] table.bang thead th .col-title-text {
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-z1fr0j8a3e] table.bang thead th {
    position: sticky;
    top: 0;
    z-index: var(--z-sticky);
    height: var(--table-header-height);
    padding: var(--table-cell-padding);
    background: var(--color-surface-alt);
    border-bottom: 1px solid var(--color-border);
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
    color: var(--color-text-muted);
    white-space: nowrap;
    text-align: left;
}


[b-z1fr0j8a3e] table.bang thead th::after {
    content: "";
    position: absolute;
    top: 20%;
    right: 0;
    width: 1px;
    height: 60%;
    background: var(--color-border);
    opacity: 0;
    transition: opacity var(--duration-fast) var(--ease);
}

[b-z1fr0j8a3e] table.bang thead th:hover::after {
    opacity: 1;
}

[b-z1fr0j8a3e] table.bang thead th {
    position: sticky; 
}


.bang-cuon.dang-tro-mep-cot[b-z1fr0j8a3e],
.bang-cuon.dang-keo-cot[b-z1fr0j8a3e] {
    cursor: col-resize;
}


.bang-cuon.dang-keo-cot[b-z1fr0j8a3e] {
    user-select: none;
}

.bang-cuon.dang-keo-cot[b-z1fr0j8a3e]  table.bang tbody tr:hover td {
    background: none;
}

.bang-cuon.dang-keo-cot[b-z1fr0j8a3e]  table.bang thead th::after {
    opacity: 1;
    background: var(--color-primary);
    width: 2px;
}


[b-z1fr0j8a3e] table.bang.bang-tu-chinh {
    width: auto;
    min-width: 100%;
}

[b-z1fr0j8a3e] table.bang tbody td {
    height: var(--table-row-height);
    padding: var(--table-cell-padding);
    
    border-bottom: 1px solid var(--color-hairline);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-z1fr0j8a3e] table.bang tbody tr:hover td {
    background: var(--color-surface-hover);
}


[b-z1fr0j8a3e] table.bang tbody tr.dong-tro td {
    background: var(--table-row-tro-bg);
}

[b-z1fr0j8a3e] table.bang tbody tr.dong-tro td.cot-tich {
    background: var(--table-row-tro-bg);
    box-shadow: inset 3px 0 0 var(--table-row-tro-accent);
}

[b-z1fr0j8a3e] table.bang tbody tr.dong-tro td.cot-dinh {
    background: var(--table-row-tro-bg);
}




[b-z1fr0j8a3e] table.bang th.cot-tich,
[b-z1fr0j8a3e] table.bang td.cot-tich,
[b-z1fr0j8a3e] table.bang th.cot-dinh,
[b-z1fr0j8a3e] table.bang td.cot-dinh {
    position: sticky;
    z-index: 1;
    background: var(--color-surface);
}

[b-z1fr0j8a3e] table.bang th.cot-tich,
[b-z1fr0j8a3e] table.bang td.cot-tich {
    left: 0;
}


[b-z1fr0j8a3e] table.bang th.cot-dinh,
[b-z1fr0j8a3e] table.bang td.cot-dinh {
    left: var(--table-checkbox-width);
    box-shadow: 1px 0 0 var(--color-border-soft);
}

[b-z1fr0j8a3e] table.bang thead th.cot-tich,
[b-z1fr0j8a3e] table.bang thead th.cot-dinh {
    z-index: calc(var(--z-sticky) + 1); 
    background: var(--color-surface-alt);
}

[b-z1fr0j8a3e] table.bang tbody tr:hover td.cot-tich,
[b-z1fr0j8a3e] table.bang tbody tr:hover td.cot-dinh {
    background: var(--color-surface-hover);
}


[b-z1fr0j8a3e] table.bang th.cot-tich,
[b-z1fr0j8a3e] table.bang td.cot-tich {
    box-sizing: border-box;
    width: var(--table-checkbox-width);
    min-width: var(--table-checkbox-width);
    max-width: var(--table-checkbox-width);
    padding-left: var(--space-2);
    padding-right: var(--space-1);
}

[b-z1fr0j8a3e] table.bang td.cot-tich input[type="checkbox"] {
    display: block;
    margin: 0;
    cursor: pointer;
}


[b-z1fr0j8a3e] table.bang th.cot-so,
[b-z1fr0j8a3e] table.bang td.cot-so {
    text-align: right;
    font-variant-numeric: tabular-nums;
}



[b-z1fr0j8a3e] table.bang th.cot-so .col-header-content {
    justify-content: flex-end;
    padding-right: 0;
}


[b-z1fr0j8a3e] table.bang th.cot-so .col-title {
    flex-direction: row-reverse;
}


[b-z1fr0j8a3e] table.bang th .col-title {
    display: flex;
    align-items: center;
    gap: var(--space-1);
}


[b-z1fr0j8a3e] table.bang thead th:has(button.col-title) {
    padding: 0;
}


[b-z1fr0j8a3e] table.bang thead th:has(button.col-title) .col-header-content {
    display: flex;
    padding: 0;
}


[b-z1fr0j8a3e] table.bang th button {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    min-height: var(--table-header-height);
    font: inherit;
    color: inherit;
    cursor: pointer;
}


[b-z1fr0j8a3e] table.quickgrid[theme].bang th .col-title {
    
    padding: var(--table-cell-padding);
}


[b-z1fr0j8a3e] table.bang thead th .cot-tay-nam {
    position: absolute;
    top: 0;
    right: 0;
    width: 9px;
    height: 100%;
    pointer-events: none;
}


[b-z1fr0j8a3e] table.bang thead th .cot-tay-nam:focus-visible {
    outline-offset: -2px;
    background: var(--color-focus);
}
/* /Components/Chung/BangPhimTat.razor.rz.scp.css */


.pt-phu[b-fcagkvqt3c] {
    position: fixed;
    inset: 0;
    z-index: var(--z-dialog);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-5);
    background: var(--color-overlay);
}

.pt-hop[b-fcagkvqt3c] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 720px;
    max-height: calc(100vh - var(--space-10));
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    color: var(--color-text);
}

.pt-dau[b-fcagkvqt3c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-4) var(--space-5);
    border-bottom: 1px solid var(--color-border);
}

    .pt-dau h2[b-fcagkvqt3c] {
        margin: 0;
        font-size: var(--text-lg);
        font-weight: var(--weight-bold);
    }

.pt-dong[b-fcagkvqt3c] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    border-radius: var(--radius-md);
    background: none;
    color: var(--color-text-muted);
    cursor: pointer;
}

    .pt-dong:hover[b-fcagkvqt3c] {
        background: var(--color-surface-hover);
        color: var(--color-text);
    }

    .pt-dong:focus-visible[b-fcagkvqt3c] {
            outline-offset: 1px;
    }

.pt-than[b-fcagkvqt3c] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: var(--space-2) var(--space-5) var(--space-4);
}

.pt-nhom[b-fcagkvqt3c] {
    padding-top: var(--space-4);
}

    .pt-nhom h3[b-fcagkvqt3c] {
        margin: 0;
        font-size: var(--text-base);
        font-weight: var(--weight-bold);
    }


.pt-pham-vi[b-fcagkvqt3c] {
    margin: var(--space-1) 0 var(--space-3);
    font-size: var(--text-md);
    line-height: var(--leading-normal);
    color: var(--color-text-muted);
}


.pt-ds[b-fcagkvqt3c] {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: var(--space-2) var(--space-4);
    margin: 0;
    align-items: baseline;
}

    .pt-ds dt[b-fcagkvqt3c] {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 2px;
        white-space: nowrap;
    }

    .pt-ds dd[b-fcagkvqt3c] {
        margin: 0;
        font-size: var(--text-base);
        line-height: var(--leading-normal);
    }

.pt-cong[b-fcagkvqt3c] {
    color: var(--color-text-faint);
    font-size: var(--text-xs);
}


.pt-ghi-chu[b-fcagkvqt3c] {
    display: block;
    margin-top: 2px;
    font-size: var(--text-md);
    color: var(--color-text-muted);
}

.pt-chan[b-fcagkvqt3c] {
    padding: var(--space-3) var(--space-5);
    border-top: 1px solid var(--color-border);
    background: var(--color-surface-alt);
    border-radius: 0 0 var(--radius-lg) var(--radius-lg);
    font-size: var(--text-md);
    color: var(--color-text-muted);
}


kbd[b-fcagkvqt3c] {
    display: inline-block;
    padding: 1px 6px;
    border: 1px solid var(--color-border);
    border-bottom-width: 2px;
    border-radius: var(--radius-sm);
    background: var(--color-surface-alt);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}
/* /Components/Chung/BieuTuong.razor.rz.scp.css */


.bt[b-sbhx2e4f5z] {
    
    display: block;
    flex-shrink: 0;
    
}
/* /Components/Chung/ChonKy.razor.rz.scp.css */
.ky[b-k2iwcqx8el] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.ky-nhan[b-k2iwcqx8el] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.ky-chon[b-k2iwcqx8el] {
    
    height: var(--cao-o-nhap-gon);
    padding: 0 var(--space-2);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    font-size: var(--text-md);
    color: var(--color-text);
}

.ky-chon:focus[b-k2iwcqx8el] {
    border-color: var(--color-focus);
}


.ky-nhom[b-k2iwcqx8el] {
    display: flex;
    gap: 2px;
    padding: 2px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface-alt);
}

.ky-nut[b-k2iwcqx8el] {
    height: 24px;
    padding: 0 var(--space-3);
    border: 0;
    border-radius: var(--radius-sm);
    background: transparent;
    font-size: var(--text-md);
    color: var(--color-text-muted);
    white-space: nowrap;
}

.ky-nut:hover[b-k2iwcqx8el] {
    background: var(--color-surface-hover);
    color: var(--color-text);
}

.ky-nut-chon[b-k2iwcqx8el] {
    background: var(--color-surface);
    box-shadow: var(--shadow-sm);
    color: var(--color-text);
    font-weight: var(--weight-bold);
}


.ky-nut-chon:hover[b-k2iwcqx8el] {
    background: var(--color-surface);
    color: var(--color-text);
}


.ky-han[b-k2iwcqx8el] {
    margin-left: var(--space-2);
    padding-left: var(--space-4);
    border-left: 1px solid var(--color-border);
    font-size: var(--text-md);
    color: var(--color-text-muted);
}

.ky-han strong[b-k2iwcqx8el] {
    color: var(--color-text);
    font-variant-numeric: tabular-nums;
}

.ky-han-qua[b-k2iwcqx8el],
.ky-han-qua strong[b-k2iwcqx8el] {
    color: var(--color-danger);
}
/* /Components/Chung/DaiTienDo.razor.rz.scp.css */


.dtd[b-l2o9dx5zn2] {
    display: flex;
    flex-direction: column;
}


.dtd-rai[b-l2o9dx5zn2] {
    display: flex;
    gap: 2px;
    height: 18px;
    border-radius: var(--radius-sm);
    background: var(--color-hairline);
    overflow: hidden;
}

.dtd-rai > i[b-l2o9dx5zn2] {
    display: block;
    height: 100%;
}


.dtd-nop[b-l2o9dx5zn2] { background: var(--tt-da-nop-chu); }
.dtd-xu-ly[b-l2o9dx5zn2] { background: var(--color-primary); }

.dtd-chu-giai[b-l2o9dx5zn2] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-4);
    margin-top: var(--space-2);
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.dtd-chu-giai span[b-l2o9dx5zn2] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
}

.dtd-chu-giai b[b-l2o9dx5zn2] {
    color: var(--color-text);
    font-weight: var(--weight-bold);
    font-variant-numeric: tabular-nums;
}

.dtd-cham[b-l2o9dx5zn2] {
    width: 9px;
    height: 9px;
    border-radius: 2px;
    flex: none;
}


.dtd-chua[b-l2o9dx5zn2] { background: var(--color-border-strong); }
.dtd-dang-lam[b-l2o9dx5zn2] { background: var(--color-primary); opacity: 0.55; }
.dtd-da-khai[b-l2o9dx5zn2] { background: var(--color-primary); }
.dtd-qua-han[b-l2o9dx5zn2] { background: var(--tt-qua-han-chu); }
.dtd-dieu-chinh[b-l2o9dx5zn2] { background: var(--tt-can-dieu-chinh-chu); }

.dtd-bang[b-l2o9dx5zn2] {
    display: flex;
    flex-direction: column;
    margin-top: var(--space-3);
}

.dtd-dong[b-l2o9dx5zn2] {
    display: grid;
    grid-template-columns: 9px 1fr auto 44px;
    align-items: center;
    gap: var(--space-2);
    height: 26px;
    padding: 0 var(--space-1);
    border-radius: var(--radius-sm);
    border-bottom: 1px solid var(--color-hairline);
    font-size: var(--text-md);
    color: var(--color-text);
    text-decoration: none;
}

.dtd-dong:last-child[b-l2o9dx5zn2] {
    border-bottom: 0;
}

.dtd-dong:hover[b-l2o9dx5zn2] {
    background: var(--color-surface-hover);
    color: var(--color-text);
    text-decoration: none;
}

.dtd-dong:focus-visible[b-l2o9dx5zn2] {
    outline-offset: -2px;
}

.dtd-so[b-l2o9dx5zn2] {
    text-align: right;
    font-weight: var(--weight-bold);
    font-variant-numeric: tabular-nums;
}

.dtd-pt[b-l2o9dx5zn2] {
    text-align: right;
    color: var(--color-text-faint);
    font-variant-numeric: tabular-nums;
}
/* /Components/Chung/DuongNhipNop.razor.rz.scp.css */


.dnn[b-3mybdreq08] {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
}

.dnn text[b-3mybdreq08] {
    font-family: var(--font-sans);
}

.dnn-nhan[b-3mybdreq08] {
    fill: var(--color-text-faint);
    font-size: 10px;
}

.dnn-so[b-3mybdreq08] {
    fill: var(--color-text);
    font-size: 10.5px;
    font-weight: var(--weight-bold);
}

.dnn-truc[b-3mybdreq08] {
    stroke: var(--color-hairline);
    stroke-width: 1;
}


.dnn-thuc[b-3mybdreq08] {
    fill: none;
    stroke: var(--color-primary);
    stroke-width: 2;
    stroke-linejoin: round;
    stroke-linecap: round;
}


.dnn-vung[b-3mybdreq08] {
    fill: var(--color-primary);
    opacity: 0.12;
}

.dnn-nhip-can[b-3mybdreq08] {
    fill: none;
    stroke: var(--color-text-faint);
    stroke-width: 2;
    stroke-dasharray: 5 4;
}


.dnn-du-phong[b-3mybdreq08] {
    fill: none;
    stroke: var(--color-warning);
    stroke-width: 2;
    stroke-dasharray: 6 4;
}


.dnn-han[b-3mybdreq08] {
    stroke: var(--color-border-strong);
    stroke-width: 1;
    stroke-dasharray: 3 3;
}

.dnn-diem[b-3mybdreq08] {
    fill: var(--color-primary);
    stroke: var(--color-surface-alt);
    stroke-width: 2;
}

.dnn-chu-giai[b-3mybdreq08] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-4);
    margin-top: var(--space-2);
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}

.dnn-chu-giai span[b-3mybdreq08] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
}

.dnn-vach[b-3mybdreq08] {
    width: 14px;
    height: 2px;
    border-radius: 1px;
    flex: none;
}

.dnn-v-thuc[b-3mybdreq08] { background: var(--color-primary); }

.dnn-v-can[b-3mybdreq08] {
    background: repeating-linear-gradient(90deg, var(--color-text-faint) 0 5px, transparent 5px 9px);
}

.dnn-v-du-phong[b-3mybdreq08] {
    background: repeating-linear-gradient(90deg, var(--color-warning) 0 6px, transparent 6px 10px);
}

.dnn-ket-luan[b-3mybdreq08] {
    margin: var(--space-3) 0 0;
    padding-top: var(--space-2);
    border-top: 1px solid var(--color-hairline);
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    line-height: var(--leading-normal);
}

.dnn-ket-luan b[b-3mybdreq08] {
    color: var(--color-text);
    font-weight: var(--weight-bold);
    font-variant-numeric: tabular-nums;
}


.dnn-cham b:last-of-type[b-3mybdreq08] {
    color: var(--color-warning);
}

.dnn-rong[b-3mybdreq08] {
    margin: 0;
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    line-height: var(--leading-normal);
}
/* /Components/Chung/HopThoai.razor.rz.scp.css */


.phu[b-yei5tb8ecs] {
    position: fixed;
    inset: 0;
    z-index: var(--z-dialog);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-5);
    
    background: var(--color-overlay);

    
    animation: vt-hien var(--duration-fast) var(--ease);
}

.hop[b-yei5tb8ecs] {
    width: 100%;
    max-width: var(--hop-rong, 460px);
    max-height: calc(100vh - var(--space-10));
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    
    border: 1px solid var(--color-border);
    box-shadow: var(--shadow-lg);
    padding: var(--space-5);

    
    animation: vt-no var(--duration-normal) var(--ease);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}


.hop-than[b-yei5tb8ecs] {
    overflow-y: auto;
    min-height: 0;
}


.hop:focus[b-yei5tb8ecs] {
    outline: none;
}

.hop-tieu-de[b-yei5tb8ecs] {
    font-size: var(--text-lg);
}

.hop-than[b-yei5tb8ecs] {
    font-size: var(--text-base);
    line-height: var(--leading-normal);
    color: var(--color-text-muted);
}

.hop-than strong[b-yei5tb8ecs] {
    color: var(--color-text);
    font-variant-numeric: tabular-nums;
}

.hop-than p[b-yei5tb8ecs] {
    margin: 0 0 var(--space-2);
}


.hop-than .hop-phu[b-yei5tb8ecs] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}


.hop-chan[b-yei5tb8ecs] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-2);
    margin-top: var(--space-2);
}
/* /Components/Chung/HopThoaiBaoMat.razor.rz.scp.css */


.bm-dau[b-ap4r2a25sp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4);
    margin-bottom: var(--space-4);
}

.bm-dan[b-ap4r2a25sp] {
    margin: 0;
    font-size: var(--text-base);
    line-height: var(--leading-normal);
    color: var(--color-text-muted);
}

.bm-tt[b-ap4r2a25sp] {
    padding: 2px var(--space-3);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    border-radius: var(--radius-sm);
    white-space: nowrap;
}

.bm-tt-bat[b-ap4r2a25sp] {
    color: var(--tt-da-nop-chu);
    background: var(--tt-da-nop-nen);
}

.bm-tt-tat[b-ap4r2a25sp] {
    color: var(--tt-chua-khai-chu);
    background: var(--tt-chua-khai-nen);
}


.bm-khuyen[b-ap4r2a25sp] {
    margin-bottom: var(--space-4);
    padding: var(--space-3);
    font-size: var(--text-base);
    line-height: var(--leading-normal);
    color: var(--color-warning-text);
    background: var(--color-warning-soft);
    border: 1px solid var(--color-warning-border);
    border-radius: var(--radius-sm);
}

.bm-cho[b-ap4r2a25sp],
.bm-con-lai[b-ap4r2a25sp] {
    margin: 0;
    font-size: var(--text-base);
    color: var(--color-text-muted);
}

.bm-canh-bao[b-ap4r2a25sp] {
    display: block;
    margin-top: var(--space-1);
    color: var(--color-warning-text);
}




.bm-buoc[b-ap4r2a25sp] {
    margin: 0;
    padding-left: var(--space-6);
    list-style: decimal;
    font-size: var(--text-base);
    line-height: var(--leading-normal);
    color: var(--color-text);
}

.bm-buoc li[b-ap4r2a25sp] {
    
    display: list-item;
}

.bm-buoc li[b-ap4r2a25sp]::marker {
    font-weight: var(--weight-bold);
    color: var(--color-primary);
}

.bm-buoc li + li[b-ap4r2a25sp] {
    margin-top: var(--space-4);
}


.bm-qr[b-ap4r2a25sp] {
    display: block;
    width: fit-content;
    margin: var(--space-3) 0;
    padding: var(--space-2);
    background: #ffffff;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    line-height: 0;
}


.bm-dan-qr[b-ap4r2a25sp] {
    display: block;
    margin-bottom: var(--space-1);
}


.bm-khoa[b-ap4r2a25sp] {
    margin: var(--space-2) 0 var(--space-1);
    padding: var(--space-3);
    background: var(--color-surface-alt);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-sm);
}

.bm-khoa code[b-ap4r2a25sp] {
    font-family: var(--font-mono);
    font-size: var(--text-lg);
    letter-spacing: 0.1em;
    color: var(--color-text);
    user-select: all;
}

.bm-phu[b-ap4r2a25sp] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.bm-o[b-ap4r2a25sp] {
    margin-top: var(--space-2);
}

.bm-o label[b-ap4r2a25sp] {
    display: block;
    margin-bottom: var(--space-1);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text);
}


.bm-o input[b-ap4r2a25sp] {
    width: 140px;
    
    height: var(--cao-o-nhap);
    padding: 0 var(--space-3);
    font-family: var(--font-mono);
    font-size: var(--text-lg);
    letter-spacing: 0.15em;
    color: var(--color-text);
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-sm);
}

.bm-o input:focus-visible[b-ap4r2a25sp] {
    outline-offset: 1px;
    border-color: var(--color-focus);
}



.bm-khoi-phuc[b-ap4r2a25sp] {
    padding: var(--space-4);
    background: var(--color-warning-soft);
    border: 1px solid var(--color-warning-border);
    border-radius: var(--radius-md);
}

.bm-khoi-phuc p[b-ap4r2a25sp] {
    margin: 0 0 var(--space-3);
    font-size: var(--text-sm);
    line-height: var(--leading-normal);
    color: var(--color-warning-text);
}

.bm-ma-luoi[b-ap4r2a25sp] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: var(--space-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.bm-ma-luoi code[b-ap4r2a25sp] {
    display: block;
    padding: var(--space-2);
    font-family: var(--font-mono);
    font-size: var(--text-base);
    letter-spacing: 0.06em;
    text-align: center;
    color: var(--color-text);
    background: var(--color-surface);
    border: 1px solid var(--color-warning-border);
    border-radius: var(--radius-sm);
    user-select: all;
}
/* /Components/Chung/HopThoaiDoiMatKhau.razor.rz.scp.css */


.dmk-dan[b-onuawfvgtj] {
    margin: 0 0 var(--space-4);
    font-size: var(--text-sm);
    line-height: var(--leading-normal);
    color: var(--color-text-muted);
}

.dmk-o + .dmk-o[b-onuawfvgtj] {
    margin-top: var(--space-3);
}

.dmk-o label[b-onuawfvgtj] {
    display: block;
    margin-bottom: var(--space-1);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text);
}

.dmk-o input[b-onuawfvgtj] {
    width: 100%;
    
    height: var(--cao-o-nhap);
    padding: 0 var(--space-3);
    font: inherit;
    font-size: var(--text-base);
    color: var(--color-text);
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-sm);
}

.dmk-o input:focus-visible[b-onuawfvgtj] {
    outline-offset: 1px;
    border-color: var(--color-focus);
}


.dmk-lech[b-onuawfvgtj] {
    display: block;
    margin-top: var(--space-1);
    font-size: var(--text-sm);
    color: var(--color-warning-text);
}

.dmk-loi[b-onuawfvgtj] {
    margin-bottom: var(--space-4);
    padding: var(--space-3);
    font-size: var(--text-sm);
    line-height: var(--leading-normal);
    color: var(--color-danger-text);
    background: var(--color-danger-soft);
    border: 1px solid var(--color-danger-border);
    border-radius: var(--radius-sm);
}

.dmk-loi ul[b-onuawfvgtj] {
    margin: 0;
    padding-left: var(--space-4);
    list-style: disc;
}

.dmk-loi li[b-onuawfvgtj] {
    display: list-item;
}

.dmk-xong[b-onuawfvgtj] {
    padding: var(--space-3);
    font-size: var(--text-base);
    line-height: var(--leading-normal);
    color: var(--color-success-text);
    background: var(--color-success-soft);
    border: 1px solid var(--color-success-border);
    border-radius: var(--radius-sm);
}

.dmk-xong strong[b-onuawfvgtj] {
    color: var(--color-success-text);
}
/* /Components/Chung/MenuTha.razor.rz.scp.css */


.menu-goc[b-2gju3xy2z4] {
    position: relative;
    display: flex;
    align-items: center;
}


.menu-phu[b-2gju3xy2z4] {
    position: fixed;
    inset: 0;
    z-index: var(--z-dropdown);
}

.menu-tha[b-2gju3xy2z4] {
    position: absolute;
    top: calc(100% + 6px);
    
    right: 0;
    z-index: calc(var(--z-dropdown) + 1);
    min-width: 220px;
    
    max-height: calc(100vh - 96px);
    display: flex;
    flex-direction: column;
    padding: var(--space-1);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    box-shadow: var(--shadow-lg);
    color: var(--color-text);

    
    transform-origin: top right;
    animation: vt-do-xuong var(--duration-fast) var(--ease);
}


[b-2gju3xy2z4] .menu-muc {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    width: 100%;
    padding: var(--space-2) var(--space-3);
    border: 0;
    border-radius: var(--radius-sm);
    background: none;
    color: var(--color-text);
    font: inherit;
    font-size: var(--text-base);
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

[b-2gju3xy2z4] .menu-muc:hover {
    background: var(--color-surface-hover);
}

[b-2gju3xy2z4] .menu-muc:focus-visible {
    outline-offset: -2px;
}

[b-2gju3xy2z4] .menu-nhan {
    flex: 1;
    min-width: 0;
}


[b-2gju3xy2z4] .menu-tich {
    margin-left: auto;
    color: var(--color-primary);
}

[b-2gju3xy2z4] .menu-vach {
    height: 1px;
    margin: var(--space-1) 0;
    background: var(--color-border-soft);
}
/* /Components/Chung/NhanTrangThai.razor.rz.scp.css */
.nhan[b-zsh9exqkbk] {
    display: inline-block;
    padding: 1px var(--space-2);
    border-radius: var(--radius-sm);
    font-size: var(--text-sm);
    line-height: 18px;
    font-weight: var(--weight-medium);
    white-space: nowrap;
}

.nhan-chua-khai[b-zsh9exqkbk] {
    background: var(--tt-chua-khai-nen);
    color: var(--tt-chua-khai-chu);
}

.nhan-dang-lam[b-zsh9exqkbk] {
    background: var(--tt-dang-lam-nen);
    color: var(--tt-dang-lam-chu);
}

.nhan-da-khai[b-zsh9exqkbk] {
    background: var(--tt-da-khai-nen);
    color: var(--tt-da-khai-chu);
}

.nhan-da-nop[b-zsh9exqkbk] {
    background: var(--tt-da-nop-nen);
    color: var(--tt-da-nop-chu);
}

.nhan-qua-han[b-zsh9exqkbk] {
    background: var(--tt-qua-han-nen);
    color: var(--tt-qua-han-chu);
}


.nhan-can-dieu-chinh[b-zsh9exqkbk] {
    background: var(--tt-can-dieu-chinh-nen);
    color: var(--tt-can-dieu-chinh-chu);
    font-weight: var(--weight-bold);
}

.nhan-mien-thue[b-zsh9exqkbk] {
    background: var(--tt-mien-thue-nen);
    color: var(--tt-mien-thue-chu);
}
/* /Components/Chung/NhomHeThong.razor.rz.scp.css */


.ht[b-1i7adao3t2] {
    display: flex;
    align-items: center;
    gap: var(--space-1);
    
    margin-left: auto;
}


[b-1i7adao3t2] .ht-nut {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: var(--radius-md);
    background: none;
    color: var(--color-text-muted);
    cursor: pointer;
    text-decoration: none;
}

[b-1i7adao3t2] .ht-nut:hover {
    background: var(--color-surface-hover);
    color: var(--color-text);
}

[b-1i7adao3t2] .ht-nut:focus-visible {
    outline-offset: 1px;
}



[b-1i7adao3t2] .ht-huy-hieu {
    position: absolute;
    top: -1px;
    right: -1px;
    min-width: 14px;
    height: 14px;
    padding: 0 3px;
    border-radius: var(--radius-full);
    
    border: 1.5px solid var(--color-bg);
    background: var(--color-primary);
    color: var(--color-text-invert);
    font-size: 9px;
    font-weight: var(--weight-bold);
    line-height: 11px;
    text-align: center;
    font-variant-numeric: tabular-nums;
}


[b-1i7adao3t2] .ht-nut-co-tin {
    color: var(--color-text);
}

/* /Components/Chung/Nut.razor.rz.scp.css */
.nut[b-v5wwbg3o4j] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    height: 30px;
    padding: 0 var(--space-4);
    border: 1px solid transparent;
    
    border-radius: var(--radius-sm);
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    line-height: 1;
    white-space: nowrap;
    transition: background var(--duration-fast) var(--ease);
}

.nut-nho[b-v5wwbg3o4j] {
    height: 24px;
    padding: 0 var(--space-3);
    font-size: var(--text-md);
}

.nut:disabled[b-v5wwbg3o4j] {
    opacity: 0.55;
    cursor: not-allowed;
}

.nut-chinh[b-v5wwbg3o4j] {
    background: var(--color-primary);
    color: var(--color-text-invert);
}

.nut-chinh:hover:not(:disabled)[b-v5wwbg3o4j] {
    background: var(--color-primary-hover);
}

.nut-chinh:active:not(:disabled)[b-v5wwbg3o4j] {
    background: var(--color-primary-active);
}

.nut-phu[b-v5wwbg3o4j] {
    background: var(--color-surface);
    border-color: var(--color-border);
    color: var(--color-text);
}

.nut-phu:hover:not(:disabled)[b-v5wwbg3o4j] {
    background: var(--color-surface-hover);
}

.nut-nguyhiem[b-v5wwbg3o4j] {
    background: var(--color-danger);
    color: var(--color-text-invert);
}

.nut-nguyhiem:hover:not(:disabled)[b-v5wwbg3o4j] {
    filter: brightness(0.92);
}

.nut-tron[b-v5wwbg3o4j] {
    background: transparent;
    color: var(--color-primary);
    padding: 0 var(--space-2);
}

.nut-tron:hover:not(:disabled)[b-v5wwbg3o4j] {
    background: var(--color-primary-soft);
}


.nut-quay[b-v5wwbg3o4j] {
    width: 12px;
    height: 12px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: nut-quay-b-v5wwbg3o4j 700ms linear infinite;
}

@keyframes nut-quay-b-v5wwbg3o4j {
    to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
    .nut-quay[b-v5wwbg3o4j] {
        animation-duration: 2s;
    }
}
/* /Components/Chung/ONhap.razor.rz.scp.css */


.on[b-qir77v77f8] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    min-width: 0;
}

.on-rong[b-qir77v77f8] {
    flex: 1 1 100%;
}


.on-nhan[b-qir77v77f8] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-muted);
}

.on-sao[b-qir77v77f8] {
    color: var(--color-danger);
    margin-left: 2px;
}

.on-o[b-qir77v77f8] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}


.on-o[b-qir77v77f8]  input,
.on-o[b-qir77v77f8]  select,
.on-o[b-qir77v77f8]  textarea {
    width: 100%;
    min-width: 0;
    
    height: var(--cao-o-nhap);
    padding: 0 var(--space-2);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: var(--color-surface);
    color: var(--color-text);
    font-family: inherit;
    font-size: var(--text-base);
    line-height: var(--leading-tight);
}

.on-o[b-qir77v77f8]  input:focus-visible,
.on-o[b-qir77v77f8]  select:focus-visible,
.on-o[b-qir77v77f8]  textarea:focus-visible {
    outline-offset: -1px;
    border-color: var(--color-focus);
}


.on-o[b-qir77v77f8]  textarea {
    height: auto;
    padding: 5px var(--space-2);
}


.on-o[b-qir77v77f8]  input.o-tien {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.on-o[b-qir77v77f8]  .don-vi {
    flex-shrink: 0;
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    white-space: nowrap;
}

.on-goi-y[b-qir77v77f8] {
    margin: 0;
    font-size: var(--text-sm);
    
    color: var(--color-text-muted);
}

.on-loi-chu[b-qir77v77f8] {
    margin: 0;
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-danger);
}

.on-loi .on-o[b-qir77v77f8]  input,
.on-loi .on-o[b-qir77v77f8]  select,
.on-loi .on-o[b-qir77v77f8]  textarea {
    border-color: var(--color-danger);
    background: var(--color-danger-soft);
}
/* /Components/Chung/SoTien.razor.rz.scp.css */


.so-tien[b-vmxkhcjgk6] {
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
    white-space: nowrap;
}


.so-am[b-vmxkhcjgk6] {
    color: var(--color-danger);
}


.so-khong[b-vmxkhcjgk6] {
    color: var(--color-text-faint);
}


.so-trong[b-vmxkhcjgk6] {
    color: var(--color-text-muted);
}
/* /Components/Chung/ThanhChonNhieu.razor.rz.scp.css */


.chon[b-coyho0wm4u] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex: 1;
    min-width: 0;
    margin: 0 calc(var(--space-3) * -1);
    padding: 0 var(--space-3);
    height: 100%;
    background: var(--color-primary-soft);
    border-left: 3px solid var(--color-primary);
    font-size: var(--text-md);
    color: var(--color-text);
}

.chon-so strong[b-coyho0wm4u] {
    font-variant-numeric: tabular-nums;
}

.chon-pham-vi[b-coyho0wm4u] {
    color: var(--color-text-muted);
}

.chon-thao-tac[b-coyho0wm4u] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-left: auto;
}
/* /Components/Chung/ThanhCongCu.razor.rz.scp.css */



.tcc[b-639dtj1omd] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: var(--space-2);
    
    padding: 0 2px;
}


.tcc-trai[b-639dtj1omd] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-shrink: 0;
}


.tcc-phai[b-639dtj1omd] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-left: auto;
    font-size: var(--text-sm);
    color: var(--color-text-muted);

    
    min-width: 0;
    overflow: hidden;
}


[b-639dtj1omd] .tcc-lien-ket {
    display: inline-flex;
    align-items: center;
    padding: 3px var(--space-2);
    border-radius: var(--radius-sm);
    font-size: var(--text-md);
    color: var(--color-primary);
    white-space: nowrap;
}

[b-639dtj1omd] .tcc-lien-ket:hover {
    background: var(--color-primary-soft);
    text-decoration: underline;
}


[b-639dtj1omd] .tcc-phim {
    display: none; 
    white-space: nowrap;
}

[b-639dtj1omd] .tcc-phim kbd {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    padding: 1px 5px;
    margin: 0 1px;
    border: 1px solid var(--color-border);
    border-bottom-width: 2px;
    border-radius: var(--radius-sm);
    background: var(--color-surface-alt);
    color: var(--color-text-muted);
}


@media (min-width: 1400px) {
    [b-639dtj1omd] .tcc-phim {
        display: inline;
    }
}


[b-639dtj1omd] .tcc-phim-phu {
    display: none;
}

@media (min-width: 1600px) {
    [b-639dtj1omd] .tcc-phim-phu {
        display: inline;
    }
}
/* /Components/Chung/ThanhLoc.razor.rz.scp.css */



.loc[b-3yf7h6ldop] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    padding: 0;
}

.loc-hang[b-3yf7h6ldop] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.loc-nhan[b-3yf7h6ldop] {
    min-width: 78px;
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}


.loc-nhan-phu[b-3yf7h6ldop] {
    min-width: 0;
}


.loc-ngan[b-3yf7h6ldop] {
    width: 1px;
    height: 18px;
    margin: 0 var(--space-2);
    background: var(--color-border);
}


.loc-tim[b-3yf7h6ldop] {
    flex: 1;
    min-width: 220px;
    max-width: 380px;
    height: var(--cao-o-nhap-gon);
    padding: 0 var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: var(--color-surface);
    font-size: var(--text-base);
}

.loc-chon[b-3yf7h6ldop] {
    height: var(--cao-o-nhap-gon);
    padding: 0 var(--space-2);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: var(--color-surface);
    font-size: var(--text-md);
    color: var(--color-text);
}


.loc-tim:focus[b-3yf7h6ldop],
.loc-chon:focus[b-3yf7h6ldop] {
    outline: none;
    border-color: var(--color-focus);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-focus) 22%, transparent);
}

.loc-xoa[b-3yf7h6ldop] {
    margin-left: auto;
    
    height: var(--cao-o-nhap-gon);
    padding: 0 var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: var(--color-surface);
    font-size: var(--text-md);
    color: var(--color-text-muted);
}

.loc-xoa:hover[b-3yf7h6ldop] {
    background: var(--color-surface-hover);
    color: var(--color-text);
}


.chip[b-3yf7h6ldop] {
    height: 24px;
    padding: 0 var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: 999px;
    background: var(--color-surface);
    font-size: var(--text-sm);
    line-height: 22px;
    color: var(--color-text-muted);
    white-space: nowrap;
    transition: background var(--duration-fast) var(--ease);
}

.chip:hover[b-3yf7h6ldop] {
    background: var(--color-surface-hover);
    color: var(--color-text);
}


.chip-bat[b-3yf7h6ldop] {
    background: var(--color-primary-soft);
    border-color: var(--color-primary-border);
    color: var(--color-primary-text);
    font-weight: var(--weight-bold);
}


.chip-bat:hover[b-3yf7h6ldop] {
    background: var(--color-primary-border);
    color: var(--color-primary-active);
}
/* /Components/Chung/TheViec.razor.rz.scp.css */


.tv[b-hzwsa7hhvy] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: var(--space-3) var(--space-4);
    border: 1px solid var(--color-border-soft);
    border-left: 3px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    text-decoration: none;
    color: inherit;
    transition: background var(--duration-fast) var(--ease);
}


a.tv:hover[b-hzwsa7hhvy] {
    background: var(--color-surface-hover);
    text-decoration: none;
    text-decoration: none;
}


.tv-so[b-hzwsa7hhvy] {
    font-size: var(--text-2xl);
    font-weight: var(--weight-bold);
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
    color: var(--color-text);
}

.tv-tieu-de[b-hzwsa7hhvy] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text);
}

.tv-mo-ta[b-hzwsa7hhvy] {
    font-size: var(--text-xs);
    line-height: var(--leading-normal);
    color: var(--color-text-muted);
}



.tv-phai-lam[b-hzwsa7hhvy] {
    border-left-color: var(--color-primary);
}

.tv-phai-lam .tv-so[b-hzwsa7hhvy] {
    color: var(--color-primary-text);
}


.tv-chan[b-hzwsa7hhvy] {
    border-left-color: var(--color-warning);
    background: var(--color-warning-soft);
    border-color: var(--color-warning-border);
}

.tv-chan .tv-so[b-hzwsa7hhvy] {
    color: var(--color-warning-text);
}

a.tv-chan:hover[b-hzwsa7hhvy] {
    background: var(--color-warning-border);
}


.tv-hong[b-hzwsa7hhvy] {
    border-left-color: var(--color-danger);
    background: var(--color-danger-soft);
    border-color: var(--color-danger-border);
}

.tv-hong .tv-so[b-hzwsa7hhvy] {
    color: var(--color-danger-text);
}

a.tv-hong:hover[b-hzwsa7hhvy] {
    background: var(--color-danger-border);
}

.tv-tin[b-hzwsa7hhvy] {
    border-left-color: var(--color-text-faint);
}


.tv-khong[b-hzwsa7hhvy] {
    border-left-color: var(--color-border-soft);
    background: transparent;
}

.tv-khong .tv-so[b-hzwsa7hhvy],
.tv-khong .tv-tieu-de[b-hzwsa7hhvy] {
    color: var(--color-text-faint);
    font-weight: var(--weight-normal);
}

.tv-khong .tv-mo-ta[b-hzwsa7hhvy] {
    color: var(--color-text-faint);
}
/* /Components/Chung/ThongBao.razor.rz.scp.css */


.tb[b-ae0zey0gjo] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    border: 1px solid transparent;
    border-radius: var(--radius-md);
    font-size: var(--text-base);
    line-height: var(--leading-normal);
    flex-shrink: 0;

    
    animation: vt-truot-vao var(--duration-fast) var(--ease);
}


.tb-dau[b-ae0zey0gjo] {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-top: 1px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    color: var(--color-text-invert);
}

.tb-than[b-ae0zey0gjo] {
    flex: 1;
    min-width: 0;
}


.tb-than[b-ae0zey0gjo]  ul,
.tb-than[b-ae0zey0gjo]  ol {
    margin: var(--space-1) 0 0;
    padding-left: var(--space-4);
}

.tb-than[b-ae0zey0gjo]  li + li {
    margin-top: var(--space-1);
}

.tb-tieu-de[b-ae0zey0gjo] {
    display: block;
    font-weight: var(--weight-medium);
}


.tb-tieu-de + *[b-ae0zey0gjo] {
    margin-top: var(--space-1);
}

.tb-dong[b-ae0zey0gjo] {
    flex-shrink: 0;
    border: none;
    background: none;
    cursor: pointer;
    font-size: var(--text-lg);
    line-height: 1;
    padding: 0 var(--space-1);
    color: var(--color-text-muted);
}

.tb-dong:hover[b-ae0zey0gjo] {
    color: var(--color-text);
}



.tb-thanhcong[b-ae0zey0gjo] {
    background: var(--color-success-soft);
    border-color: var(--color-success-border);
    color: var(--color-success-text);
}

.tb-thanhcong .tb-dau[b-ae0zey0gjo] {
    background: var(--color-success);
}

.tb-canhbao[b-ae0zey0gjo] {
    background: var(--color-warning-soft);
    border-color: var(--color-warning-border);
    color: var(--color-warning-text);
}

.tb-canhbao .tb-dau[b-ae0zey0gjo] {
    background: var(--color-warning);
}

.tb-loi[b-ae0zey0gjo] {
    background: var(--color-danger-soft);
    border-color: var(--color-danger-border);
    color: var(--color-danger-text);
}

.tb-loi .tb-dau[b-ae0zey0gjo] {
    background: var(--color-danger);
}

.tb-thongtin[b-ae0zey0gjo] {
    background: var(--color-primary-soft);
    border-color: var(--color-primary-border);
    color: var(--color-primary-text);
}

.tb-thongtin .tb-dau[b-ae0zey0gjo] {
    background: var(--color-primary);
}
/* /Components/Chung/TienDoJob.razor.rz.scp.css */


.tiendo[b-5ngsqzldtr] {
    flex-shrink: 0;
    background: var(--color-surface);
    border: 1px solid var(--color-primary-border);
    border-radius: var(--radius-md);
    padding: var(--space-2) var(--space-3);
}


.tiendo-xong[b-5ngsqzldtr] {
    border-color: var(--color-border);
}

.tiendo-dau[b-5ngsqzldtr] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-bottom: var(--space-2);
}

.tiendo-ten[b-5ngsqzldtr] {
    font-size: var(--text-md);
    font-weight: var(--weight-medium);
}

.tiendo-so[b-5ngsqzldtr] {
    font-size: var(--text-md);
    color: var(--color-text-muted);
    font-variant-numeric: tabular-nums;
}

.tiendo-loi-so[b-5ngsqzldtr] {
    color: var(--color-danger);
}


.tiendo-bo-qua-so[b-5ngsqzldtr] {
    color: var(--color-text-muted);
}

.tiendo-nut[b-5ngsqzldtr] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-left: auto;
}

.tiendo-tai[b-5ngsqzldtr] {
    font-size: var(--text-md);
    color: var(--color-primary);
}


.tiendo-nhan[b-5ngsqzldtr] {
    font-size: var(--text-xs);
    padding: 1px var(--space-2);
    border-radius: var(--radius-sm);
    white-space: nowrap;
}

.tiendo-nhan-cho[b-5ngsqzldtr] {
    background: var(--tt-chua-khai-nen);
    color: var(--tt-chua-khai-chu);
}

.tiendo-nhan-chay[b-5ngsqzldtr] {
    background: var(--tt-dang-lam-nen);
    color: var(--tt-dang-lam-chu);
}

.tiendo-nhan-xong[b-5ngsqzldtr] {
    background: var(--tt-da-nop-nen);
    color: var(--tt-da-nop-chu);
}

.tiendo-nhan-co-loi[b-5ngsqzldtr],
.tiendo-nhan-hong[b-5ngsqzldtr] {
    background: var(--tt-qua-han-nen);
    color: var(--tt-qua-han-chu);
}

.tiendo-nhan-huy[b-5ngsqzldtr] {
    background: var(--color-surface-alt);
    color: var(--color-text-muted);
}


.tiendo-thanh[b-5ngsqzldtr] {
    height: 4px;
    background: var(--color-surface-alt);
    border-radius: 2px;
    overflow: hidden;
}

.tiendo-thanh-day[b-5ngsqzldtr] {
    height: 100%;
    background: var(--color-primary);
    
    transition: width var(--duration-normal) linear;
}

.tiendo-thanh-loi[b-5ngsqzldtr] {
    background: var(--color-warning);
}

.tiendo-hong[b-5ngsqzldtr] {
    margin: var(--space-2) 0 0;
    font-size: var(--text-md);
    color: var(--color-danger);
}


.tiendo-bang-loi[b-5ngsqzldtr] {
    margin-top: var(--space-2);
    font-size: var(--text-md);
}

.tiendo-bang-loi summary[b-5ngsqzldtr] {
    cursor: pointer;
    color: var(--color-danger);
}


.tiendo-bang-bo-qua summary[b-5ngsqzldtr] {
    color: var(--color-text-muted);
}

.tiendo-cuon[b-5ngsqzldtr] {
    max-height: 220px;
    overflow-y: auto;
    margin-top: var(--space-2);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-sm);
}

.tiendo-cuon table[b-5ngsqzldtr] {
    width: 100%;
    border-collapse: collapse;
}

.tiendo-cuon th[b-5ngsqzldtr],
.tiendo-cuon td[b-5ngsqzldtr] {
    text-align: left;
    padding: var(--space-1) var(--space-2);
    border-bottom: 1px solid var(--color-border-soft);
}

.tiendo-cuon thead th[b-5ngsqzldtr] {
    position: sticky;
    top: 0;
    background: var(--color-surface-alt);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-muted);
}

.tiendo-mst[b-5ngsqzldtr] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
/* /Components/Chung/TrangThaiRong.razor.rz.scp.css */
.rong[b-f7ldchezcp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    padding: var(--space-10) var(--space-5);
    text-align: center;
    color: var(--color-text-muted);
}

.rong-tieu-de[b-f7ldchezcp] {
    font-size: var(--text-lg);
    font-weight: var(--weight-medium);
    color: var(--color-text);
}

.rong-goi-y[b-f7ldchezcp] {
    font-size: var(--text-base);
    max-width: 460px;
}

.rong-hanh-dong[b-f7ldchezcp] {
    margin-top: var(--space-2);
    display: flex;
    gap: var(--space-2);
}

.rong-loi .rong-tieu-de[b-f7ldchezcp] {
    color: var(--color-danger);
}
/* /Components/Layout/KhungCong.razor.rz.scp.css */


.cong[b-lnypzfkoqn] {
    min-height: 100dvh;
    display: grid;
    
    grid-template-columns: 1.05fr 1fr;
    background: var(--color-bg);
}



.cong-hieu[b-lnypzfkoqn] {
    position: relative;
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: var(--space-6);
    padding: var(--space-8) 6vw;
    color: #e8eef7;
    background:
        radial-gradient(120% 90% at 12% 8%, rgba(47, 128, 216, 0.30) 0%, transparent 58%),
        linear-gradient(155deg, #16273f 0%, #101827 52%, #0b111c 100%);

    
    border-right: 1px solid rgba(255, 255, 255, 0.10);
    overflow: hidden;
}


.cong-hieu[b-lnypzfkoqn]::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        repeating-linear-gradient(to right, rgba(255, 255, 255, 0.045) 0 1px, transparent 1px 72px),
        repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.045) 0 1px, transparent 1px 34px);
    
    mask-image: linear-gradient(to bottom, #000 0%, #000 55%, transparent 100%);
    pointer-events: none;
}


@media (prefers-color-scheme: dark) {
    :root:not([data-che-do="sang"]) .cong-hieu[b-lnypzfkoqn] {
        
        background:
            radial-gradient(120% 90% at 12% 8%, rgba(10, 132, 255, 0.10) 0%, transparent 58%),
            linear-gradient(155deg, #202024 0%, #191a1d 52%, #141416 100%);
    }
}

:root[data-che-do="toi"] .cong-hieu[b-lnypzfkoqn] {
    background:
        radial-gradient(120% 90% at 12% 8%, rgba(10, 132, 255, 0.10) 0%, transparent 58%),
        linear-gradient(155deg, #202024 0%, #191a1d 52%, #141416 100%);
}


.cong-hieu-than[b-lnypzfkoqn] {
    position: relative;
    align-self: center;
    max-width: 30rem;
}

.cong-nhan[b-lnypzfkoqn] {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--space-3);
}


.cong-nhan[b-lnypzfkoqn]  .dau-hieu {
    color: #2f80d8;
    flex-shrink: 0;
}

.cong-nhan-chu[b-lnypzfkoqn] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.cong-ten[b-lnypzfkoqn] {
    font-size: var(--text-lg);
    font-weight: var(--weight-bold);
    letter-spacing: 0.08em;
    line-height: 1;
    color: #fff;
}

.cong-ten-phu[b-lnypzfkoqn] {
    font-size: var(--text-xs);
    color: #93a6be;
}


.cong-tieu-de[b-lnypzfkoqn] {
    margin: 0 0 var(--space-6);
    font-size: clamp(28px, 2.6vw, 40px);
    font-weight: var(--weight-bold);
    line-height: 1.16;
    letter-spacing: -0.015em;
    color: #fff;
}

.cong-diem[b-lnypzfkoqn] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    margin: 0;
    padding: 0;
    list-style: none;
    max-width: 27rem;
}

.cong-diem li[b-lnypzfkoqn] {
    position: relative;
    padding-left: var(--space-5);
    font-size: var(--text-sm);
    line-height: var(--leading-normal);
    color: #b6c4d8;
}


.cong-diem li[b-lnypzfkoqn]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 6px;
    height: 6px;
    border-radius: 2px;
    background: #2f80d8;
}

.cong-diem strong[b-lnypzfkoqn] {
    font-weight: var(--weight-medium);
    color: #eaf1fa;
}

.cong-chan[b-lnypzfkoqn] {
    position: relative;
    margin: 0;
    padding-top: var(--space-4);
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    font-size: var(--text-xs);
    color: #8a99ad;
}



.cong-viec[b-lnypzfkoqn] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-10) var(--space-6);
    background: var(--color-bg);
}

.cong-goc[b-lnypzfkoqn] {
    position: absolute;
    top: var(--space-4);
    right: var(--space-4);
}

.cong-noi-dung[b-lnypzfkoqn] {
    width: 100%;
    max-width: 22.5rem;
}


.cong-noi-dung:has(.dk-khung)[b-lnypzfkoqn] {
    max-width: 34rem;
}


@media (max-width: 900px) {
    .cong[b-lnypzfkoqn] {
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
    }

    .cong-hieu[b-lnypzfkoqn] {
        grid-template-rows: auto;
        padding: var(--space-5) var(--space-6);
        gap: var(--space-3);
    }

    .cong-tieu-de[b-lnypzfkoqn],
    .cong-diem[b-lnypzfkoqn],
    .cong-chan[b-lnypzfkoqn] {
        display: none;
    }

    .cong-viec[b-lnypzfkoqn] {
        padding: var(--space-8) var(--space-5);
    }
}


@media (max-height: 640px) {
    .cong-viec[b-lnypzfkoqn] {
        align-items: flex-start;
    }
}
/* /Components/Layout/KhungGon.razor.rz.scp.css */


.khung-gon[b-a4faen0h8h] {
    position: relative;
    min-height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-6);
    background: var(--color-bg);
}


.khung-gon-goc[b-a4faen0h8h] {
    position: absolute;
    top: var(--space-4);
    right: var(--space-4);
}


@media (max-height: 520px) {
    .khung-gon[b-a4faen0h8h] {
        align-items: flex-start;
        padding-top: var(--space-8);
    }
}
/* /Components/Layout/KhungVtax.razor.rz.scp.css */


.vtax-khung[b-i4r7uxrg1z] {
    min-height: 100dvh;
    background: var(--color-bg);
}

.vtax-dai[b-i4r7uxrg1z] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    height: 40px;
    padding: 0 var(--space-5);

    
    background: #4a2b7a;
    color: #ffffff;
}

.vtax-nhan[b-i4r7uxrg1z] {
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
    letter-spacing: 0.04em;
}


.vtax-nguoi[b-i4r7uxrg1z] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
}

.vtax-vai[b-i4r7uxrg1z] {
    padding: 1px var(--space-2);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    background: rgba(255, 255, 255, 0.18);
    border-radius: var(--radius-sm);
}

.vtax-thoat[b-i4r7uxrg1z] {
    margin: 0;
}

.vtax-thoat button[b-i4r7uxrg1z] {
    font: inherit;
    font-size: var(--text-sm);
    color: #ffffff;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.vtax-thoat button:focus-visible[b-i4r7uxrg1z] {
    outline: 2px solid #ffffff;
    outline-offset: 2px;
}

.vtax-noi-dung[b-i4r7uxrg1z] {
    padding: var(--space-5) var(--space-6);
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */



.shell[b-0mt1lee0qc] {
    display: flex;
    height: 100vh;
    overflow: hidden;
}

.shell-sidebar[b-0mt1lee0qc] {
    width: var(--shell-sidebar-width);
    flex-shrink: 0;
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    background: var(--sidebar-bg);
    color: var(--sidebar-text);
}

.shell-brand[b-0mt1lee0qc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2);
    padding: var(--space-4) var(--space-5);
    border-bottom: 1px solid var(--sidebar-border);
}


.shell-brand[b-0mt1lee0qc]  .dau-hieu {
    flex-shrink: 0;
    color: var(--color-primary);
}

.shell-brand-chu[b-0mt1lee0qc] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    
    margin-right: auto;
}

.shell-brand-mark[b-0mt1lee0qc] {
    font-size: var(--text-lg);
    font-weight: var(--weight-bold);
    letter-spacing: 0.06em;
    color: var(--sidebar-text-active);
}

.shell-brand-sub[b-0mt1lee0qc] {
    font-size: var(--text-xs);
    color: var(--sidebar-text);
    opacity: 0.7;
}


html[data-sidebar="gon"] .shell-sidebar[b-0mt1lee0qc] {
    width: var(--shell-sidebar-width-collapsed);
}


html[data-sidebar="gon"] .shell-brand-chu[b-0mt1lee0qc] {
    display: none;
}


html[data-sidebar="gon"] .shell-brand[b-0mt1lee0qc]  .dau-hieu {
    display: none;
}

html[data-sidebar="gon"] .shell-brand[b-0mt1lee0qc] {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
}


html[data-sidebar="gon"] .shell-sidebar[b-0mt1lee0qc]  .nav-muc span {
    display: none;
}

html[data-sidebar="gon"] .shell-sidebar[b-0mt1lee0qc]  .nav-muc {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
}

.shell-brand[b-0mt1lee0qc]  .sb-nut {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--sidebar-text);
    cursor: pointer;
}

.shell-brand[b-0mt1lee0qc]  .sb-nut:hover {
    border-color: var(--sidebar-border);
    color: var(--sidebar-text-active);
}

.shell-brand[b-0mt1lee0qc]  .sb-nut:focus-visible {
    outline: 2px solid var(--sidebar-text-active);
    outline-offset: 1px;
}

.shell-body[b-0mt1lee0qc] {
    position: relative; 
    flex: 1;
    min-width: 0;   
    min-height: 0;  
    display: flex;
    flex-direction: column;
}


[b-0mt1lee0qc] .ht {
    position: absolute;
    top: calc(var(--space-4) - 3px);
    right: var(--space-4);

    
    z-index: var(--z-dropdown);
}



.shell-content[b-0mt1lee0qc] {
    flex: 1;
    min-width: 0;
    min-height: 0;
    overflow: auto;
    padding: var(--space-4);
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */


.nav[b-7nrb8o9ks4] {
    display: flex;
    flex-direction: column;
    padding: var(--space-2);
    gap: 2px;
    
    height: 100%;
}


[b-7nrb8o9ks4] .nav-muc {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-sm);
    color: var(--sidebar-text);
    font-size: var(--text-base);
    line-height: var(--leading-tight);
    text-decoration: none;
    transition: background var(--duration-fast) var(--ease);
}

[b-7nrb8o9ks4] .nav-muc:hover {
    background: var(--sidebar-bg-hover);
    color: var(--sidebar-text-active);
    text-decoration: none;
}


[b-7nrb8o9ks4] .nav-muc.active {
    background: var(--sidebar-bg-active);
    color: var(--sidebar-text-active);
    font-weight: var(--weight-medium);
}


[b-7nrb8o9ks4] .nav-muc-cuoi {
    margin-top: var(--space-3);
    padding-top: var(--space-3);
    border-top: 1px solid var(--sidebar-border);
    border-radius: 0 0 var(--radius-md) var(--radius-md);
}


[b-7nrb8o9ks4] .nav-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    
    opacity: 0.75;
}

[b-7nrb8o9ks4] .nav-muc.active .nav-icon,
[b-7nrb8o9ks4] .nav-muc:hover .nav-icon {
    opacity: 1;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-htxpavz646],
.components-reconnect-repeated-attempt-visible[b-htxpavz646],
.components-reconnect-failed-visible[b-htxpavz646],
.components-pause-visible[b-htxpavz646],
.components-resume-failed-visible[b-htxpavz646],
.components-rejoining-animation[b-htxpavz646] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-htxpavz646],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-htxpavz646],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-htxpavz646],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-htxpavz646],
#components-reconnect-modal.components-reconnect-retrying[b-htxpavz646],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-htxpavz646],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-htxpavz646],
#components-reconnect-modal.components-reconnect-failed[b-htxpavz646],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-htxpavz646] {
    display: block;
}



#components-reconnect-modal[b-htxpavz646] {
    background-color: var(--color-surface);
    color: var(--color-text);
    width: 22rem;
    
    margin: auto;
    padding: 2rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-htxpavz646 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-htxpavz646 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-htxpavz646 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-htxpavz646]::backdrop {
    background-color: var(--color-overlay);
    animation: components-reconnect-modal-fadeInOpacity-b-htxpavz646 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-htxpavz646 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-htxpavz646 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-htxpavz646 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-htxpavz646] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-htxpavz646] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-htxpavz646] {
    border: 0;
    background-color: var(--color-primary);
    color: var(--color-text-invert);
    padding: var(--space-2) var(--space-6);
    border-radius: var(--radius-md);
    font: inherit;
    font-size: var(--text-base);
    cursor: pointer;
}

    #components-reconnect-modal button:hover[b-htxpavz646] {
        background-color: var(--color-primary-hover);
    }

    #components-reconnect-modal button:active[b-htxpavz646] {
        background-color: var(--color-primary-active);
    }

.components-rejoining-animation[b-htxpavz646] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-htxpavz646] {
        position: absolute;
        border: 3px solid var(--color-primary);
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-htxpavz646 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-htxpavz646] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-htxpavz646 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}


#components-reconnect-modal .tb-phu[b-htxpavz646] {
    display: inline-block;
    margin-top: var(--space-2);
    color: var(--color-text-muted);
    font-size: var(--text-md);
    line-height: var(--leading-normal);
}

#components-reconnect-modal strong[b-htxpavz646] {
    font-size: var(--text-base);
    font-weight: var(--weight-bold);
}


#components-reconnect-modal.components-reconnect-retrying .components-reconnect-first-attempt-visible[b-htxpavz646],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-first-attempt-visible[b-htxpavz646],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-repeated-attempt-visible[b-htxpavz646] {
    display: none;
}


@media (prefers-reduced-motion: reduce) {
    #components-reconnect-modal[b-htxpavz646],
    #components-reconnect-modal[open][b-htxpavz646],
    #components-reconnect-modal[b-htxpavz646]::backdrop {
        animation: none;
        transition: none;
        opacity: 1;
        transform: none;
    }

    
    #components-reconnect-modal .components-rejoining-animation div[b-htxpavz646] {
        animation: vt-nhip-cho-b-htxpavz646 2s ease-in-out infinite;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-width: 3px;
        opacity: 1;
    }
}

@keyframes vt-nhip-cho-b-htxpavz646 {
    0%, 100% { opacity: 0.35; }
    50% { opacity: 1; }
}
/* /Components/Pages/ChiTietHo.razor.rz.scp.css */


.trang[b-5u6hmyji89] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    gap: var(--space-2);
}

.trang-dau[b-5u6hmyji89] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: var(--space-3);
}


.trang-dau > h1[b-5u6hmyji89] {
    flex-shrink: 1;
    min-width: 0;
    max-width: 340px;
    overflow: hidden;
    text-overflow: ellipsis;
}


.quay-lai[b-5u6hmyji89] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;

    
    padding: 3px var(--space-2) 3px 5px;

    border-radius: var(--radius-sm);
    color: var(--color-text-muted);
    font-size: var(--text-md);
    white-space: nowrap;

    
    text-decoration: none;

    transition: background-color 120ms ease, color 120ms ease;
}


.quay-lai:hover[b-5u6hmyji89] {
    background: var(--color-surface-hover);
    color: var(--color-text);
    text-decoration: none;
}


.quay-lai-mui[b-5u6hmyji89] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    transition: transform 120ms ease;
}


.quay-lai:hover .quay-lai-mui[b-5u6hmyji89] {
    transform: translateX(-2px);
}


@media (prefers-reduced-motion: reduce) {
    .quay-lai[b-5u6hmyji89],
    .quay-lai-mui[b-5u6hmyji89] {
        transition: none;
    }

    .quay-lai:hover .quay-lai-mui[b-5u6hmyji89] {
        transform: none;
    }
}



.ho-dau[b-5u6hmyji89] {
    flex-shrink: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-1) var(--space-2);
    font-size: var(--text-md);
    color: var(--color-text-muted);
}

.ho-dau > span[b-5u6hmyji89] {
    white-space: nowrap;
}

.ho-mst[b-5u6hmyji89] {
    font-variant-numeric: tabular-nums;
    color: var(--color-text);
}

.ho-tach[b-5u6hmyji89] {
    color: var(--color-border-strong);
}



.ho-khoi-dinh-danh[b-5u6hmyji89],
.ho-co-cau[b-5u6hmyji89],
.ho-dia-diem[b-5u6hmyji89],
.ho-dlcn[b-5u6hmyji89],
.ho-khau-tru[b-5u6hmyji89],
.ho-tinh-trang[b-5u6hmyji89] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
}

.ho-khoi-dinh-danh[b-5u6hmyji89] {
    margin-left: auto;
    flex-shrink: 0;
    padding: 2px var(--space-2);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: var(--color-surface);
    color: var(--color-text-muted);
    font-family: inherit;
    font-size: var(--text-sm);
    line-height: var(--leading-tight);
    cursor: pointer;
}

.ho-khoi-dinh-danh:hover[b-5u6hmyji89] {
    border-color: var(--color-border-strong);
    color: var(--color-text);
}


.ho-khoi-dinh-danh.ho-thieu[b-5u6hmyji89] {
    border-color: var(--color-warning-border);
    background: var(--color-warning-soft);
    color: var(--color-warning-text);
}



.kdd-dan[b-5u6hmyji89] {
    margin: 0 0 var(--space-3);
    font-size: var(--text-sm);
    line-height: var(--leading-normal);
    color: var(--color-text-muted);
}

.kdd-nhom[b-5u6hmyji89] {
    margin: 0 0 var(--space-3);
    padding: var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
}

.kdd-nhom legend[b-5u6hmyji89] {
    padding: 0 var(--space-1);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text);
}

.kdd-luat[b-5u6hmyji89] {
    margin: 0 0 var(--space-2);
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.kdd-hang[b-5u6hmyji89] {
    display: flex;
    gap: var(--space-3);
    flex-wrap: wrap;
}


.kdd-hang[b-5u6hmyji89]  .on {
    flex: 1 1 150px;
}

.o-mst[b-5u6hmyji89] {
    font-variant-numeric: tabular-nums;
}




.ho-co-cau[b-5u6hmyji89] {
    flex-shrink: 0;
    padding: 2px var(--space-2);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: var(--color-surface);
    color: var(--color-text-muted);
    font-family: inherit;
    font-size: var(--text-sm);
    line-height: var(--leading-tight);
    cursor: pointer;
}

.ho-co-cau:hover[b-5u6hmyji89] {
    border-color: var(--color-border-strong);
    color: var(--color-text);
}


.ho-co-cau.ho-thieu[b-5u6hmyji89] {
    border-color: var(--color-danger-border);
    background: var(--color-danger-soft);
    color: var(--color-danger-text);
}


.ho-khau-tru[b-5u6hmyji89] {
    flex-shrink: 0;
    padding: 2px var(--space-2);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: var(--color-surface);
    color: var(--color-text-muted);
    font-family: inherit;
    font-size: var(--text-sm);
    line-height: var(--leading-tight);
    cursor: pointer;
}

.ho-khau-tru:hover[b-5u6hmyji89] {
    border-color: var(--color-border-strong);
    color: var(--color-text);
}


.ho-khau-tru.ho-thieu[b-5u6hmyji89] {
    border-color: var(--color-danger-border);
    background: var(--color-danger-soft);
    color: var(--color-danger-text);
}


.ho-dlcn[b-5u6hmyji89],
.ho-tinh-trang[b-5u6hmyji89] {
    flex-shrink: 0;
    padding: 2px var(--space-2);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: var(--color-surface);
    color: var(--color-text-muted);
    font-family: inherit;
    font-size: var(--text-sm);
    line-height: var(--leading-tight);
    cursor: pointer;
}

.ho-tinh-trang:hover[b-5u6hmyji89] {
    border-color: var(--color-border-strong);
    color: var(--color-text);
}


.ho-khac-thuong[b-5u6hmyji89] {
    border-color: var(--color-warning-border);
    background: var(--color-warning-soft);
    color: var(--color-warning-text);
}

.ho-dlcn:hover[b-5u6hmyji89] {
    border-color: var(--color-border-strong);
    color: var(--color-text);
}

.ho-dia-diem[b-5u6hmyji89] {
    flex-shrink: 0;
    padding: 2px var(--space-2);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: var(--color-surface);
    color: var(--color-text-muted);
    font-family: inherit;
    font-size: var(--text-sm);
    line-height: var(--leading-tight);
    cursor: pointer;
}

.ho-dia-diem:hover[b-5u6hmyji89] {
    border-color: var(--color-border-strong);
    color: var(--color-text);
}



.dd-bang[b-5u6hmyji89] {
    width: 100%;
    border-collapse: collapse;
}

.dd-bang th[b-5u6hmyji89] {
    padding: 0 var(--space-2) var(--space-1);
    text-align: left;
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-muted);
}

.dd-bang td[b-5u6hmyji89] {
    padding: 2px var(--space-2) 2px 0;
    vertical-align: middle;
}


.dd-cot-ten[b-5u6hmyji89] { width: 32%; }
.dd-cot-ma[b-5u6hmyji89] { width: 18%; }
.dd-cot-dc[b-5u6hmyji89] { width: 34%; }

.dd-cot-co[b-5u6hmyji89] { width: 104px; text-align: center; }

.dd-giua[b-5u6hmyji89] {
    text-align: center;
}

.dd-o[b-5u6hmyji89] {
    width: 100%;
}

.dd-them[b-5u6hmyji89] {
    display: flex;
    gap: var(--space-2);
    align-items: center;
}

.dd-o-moi[b-5u6hmyji89] {
    width: 260px;
}



.cc-dan[b-5u6hmyji89] {
    margin: 0 0 var(--space-3);
    font-size: var(--text-sm);
    line-height: var(--leading-normal);
    color: var(--color-text-muted);
}

.cc-bang[b-5u6hmyji89] {
    width: 100%;
    border-collapse: collapse;
}

.cc-bang th[b-5u6hmyji89] {
    padding: 0 var(--space-2) var(--space-1);
    text-align: left;
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-muted);
}

.cc-bang td[b-5u6hmyji89] {
    padding: 2px var(--space-2) 2px 0;
    vertical-align: middle;
}


.cc-cot-hd[b-5u6hmyji89] { width: 34%; }
.cc-cot-nn[b-5u6hmyji89] { width: 23%; }


.cc-cuon[b-5u6hmyji89] {
    overflow-x: auto;
}

.cc-bang--dd[b-5u6hmyji89] {
    min-width: 1354px;
}

.cc-bang--dd .cc-cot-hd[b-5u6hmyji89] { width: 398px; }
.cc-bang--dd .cc-cot-nn[b-5u6hmyji89] { width: 270px; }
.cc-bang--dd th.cc-cot-tien[b-5u6hmyji89] { width: 152px; }


.cc-cot-dd[b-5u6hmyji89] { width: 200px; }



th.cc-cot-tien[b-5u6hmyji89] {
    width: 13%;
    text-align: right;
}

td.cc-cot-tien[b-5u6hmyji89] {
    width: 13%;
}


.cc-trong-do[b-5u6hmyji89] {
    display: block;
    font-size: var(--text-xs, 11px);
    font-weight: var(--weight-regular, 400);
    font-style: italic;
    color: var(--color-text-faint);
}

.cc-bang select[b-5u6hmyji89] {
    width: 100%;
}

.cc-bang input[type="text"][b-5u6hmyji89] {
    width: 100%;
}


.dd-bang input[type="text"][b-5u6hmyji89],
.dd-bang select[b-5u6hmyji89],
.cc-bang input[type="text"][b-5u6hmyji89],
.cc-bang select[b-5u6hmyji89] {
    height: var(--cao-o-nhap-gon);
}


.kt-cot-hd[b-5u6hmyji89] { width: 34%; }
.kt-cot-tc[b-5u6hmyji89] { width: 15%; }
.kt-cot-mst[b-5u6hmyji89] { width: 8%; }


.cc-o-tien[b-5u6hmyji89] {
    width: 100%;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.cc-xoa[b-5u6hmyji89] {
    padding: 0 var(--space-2);
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    background: none;
    color: var(--color-text-muted);
    font-size: var(--text-base);
    line-height: 1.6;
    cursor: pointer;
}

.cc-xoa:hover[b-5u6hmyji89] {
    border-color: var(--color-danger-border);
    background: var(--color-danger-soft);
    color: var(--color-danger-text);
}

.cc-trong[b-5u6hmyji89] {
    padding: var(--space-3) 0;
    color: var(--color-text-muted);
    font-size: var(--text-sm);
}

.cc-chan[b-5u6hmyji89] {
    display: flex;
    gap: var(--space-3);
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: var(--space-2);
    padding-top: var(--space-2);
    border-top: 1px solid var(--color-border);
}

.cc-tong[b-5u6hmyji89] {
    display: flex;
    gap: var(--space-2);
    align-items: baseline;
    font-size: var(--text-sm);
}

.cc-tong-nhan[b-5u6hmyji89],
.cc-tach[b-5u6hmyji89] {
    color: var(--color-text-muted);
}

.cc-lech[b-5u6hmyji89] {
    padding: 0 var(--space-2);
    border-radius: var(--radius-sm);
    background: var(--color-danger-soft);
    color: var(--color-danger-text);
    font-weight: var(--weight-medium);
}

.cc-khop[b-5u6hmyji89] {
    padding: 0 var(--space-2);
    border-radius: var(--radius-sm);
    background: var(--color-success-soft);
    color: var(--color-success-text);
}



.the-hang[b-5u6hmyji89] {
    flex-shrink: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-3);
}


@media (max-width: 1100px) {
    .the-hang[b-5u6hmyji89] {
        grid-template-columns: 1fr;
    }
}


.the[b-5u6hmyji89] {
    background: var(--color-surface-alt);
    border: 0;
    border-radius: var(--radius-md);
    padding: var(--space-3) var(--space-4);
}

.the h2[b-5u6hmyji89] {
    font-size: var(--text-md);
    font-weight: var(--weight-bold);
    color: var(--color-text-muted);
    margin-bottom: var(--space-2);
}

.the-trong[b-5u6hmyji89] {
    font-size: var(--text-md);
    color: var(--color-text-faint);
    line-height: var(--leading-normal);
}


.so-lon[b-5u6hmyji89] {
    font-size: var(--text-2xl);
    font-weight: var(--weight-bold);
    font-variant-numeric: tabular-nums;
    color: var(--color-text);
    line-height: 1.2;
}


.so-lon-trong[b-5u6hmyji89] {
    color: var(--color-text-subtle);
    font-weight: var(--weight-regular);
}

.chua-chot[b-5u6hmyji89] {
    margin: var(--space-1) 0 0;
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    line-height: var(--leading-normal);
}


.dong-so[b-5u6hmyji89] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 2px var(--space-3);
    margin-top: var(--space-2);
    font-size: var(--text-md);
}

.dong-so dt[b-5u6hmyji89] {
    color: var(--color-text-muted);
}

.dong-so dd[b-5u6hmyji89] {
    margin: 0;
    text-align: right;
    font-variant-numeric: tabular-nums;
    display: flex;
    justify-content: flex-end;
    gap: var(--space-2);
}


.ty-le[b-5u6hmyji89] {
    color: var(--color-text-faint);
    font-size: var(--text-sm);
    min-width: 44px;
    text-align: right;
}


.dong-so dt.canh-bao[b-5u6hmyji89],
.dong-so dd.canh-bao[b-5u6hmyji89] {
    color: var(--color-warning);
    font-weight: var(--weight-medium);
}

.canh-bao-hop[b-5u6hmyji89] {
    margin-top: var(--space-3);
    padding: var(--space-2) var(--space-3);
    background: var(--color-warning-soft);
    border-left: 3px solid var(--color-warning);
    border-radius: var(--radius-sm);
    font-size: var(--text-sm);
    line-height: var(--leading-normal);
    color: var(--color-text);
}

.the-chan[b-5u6hmyji89] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-top: var(--space-3);
    padding-top: var(--space-2);
    border-top: 1px solid var(--color-border-soft);
    font-size: var(--text-sm);
}

.the-chan-nhan[b-5u6hmyji89] {
    color: var(--color-text-muted);
}

.the-chan select[b-5u6hmyji89],
.o-tong[b-5u6hmyji89] {
    
    height: var(--cao-o-nhap-gon);
    padding: 0 var(--space-2);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: var(--color-surface);
    font-size: var(--text-sm);
}


.o-tong[b-5u6hmyji89] {
    width: 160px;
    font-variant-numeric: tabular-nums;
}



.lop-duoi[b-5u6hmyji89] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.tab-hang[b-5u6hmyji89] {
    flex-shrink: 0;
    display: flex;
    gap: var(--space-1);
}

.tab[b-5u6hmyji89] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-1) var(--space-3);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    font-size: var(--text-md);
    color: var(--color-text-muted);
    cursor: pointer;
}

.tab:hover[b-5u6hmyji89] {
    background: var(--color-surface-alt);
}

.tab-chon[b-5u6hmyji89] {
    border-color: var(--color-primary-border);
    background: var(--color-primary-soft);
    color: var(--color-primary);
    font-weight: var(--weight-medium);
}


.tab-so[b-5u6hmyji89] {
    font-size: var(--text-xs);
    font-variant-numeric: tabular-nums;
    color: var(--color-text-faint);
}

.tab-chon .tab-so[b-5u6hmyji89] {
    color: var(--color-primary);
}

.cho[b-5u6hmyji89] {
    padding: var(--space-5);
    color: var(--color-text-muted);
}




[b-5u6hmyji89] table.bang th.cot-ngay,
[b-5u6hmyji89] table.bang td.cot-ngay {
    width: 104px;
    min-width: 104px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

[b-5u6hmyji89] table.bang th.cot-so-hd,
[b-5u6hmyji89] table.bang td.cot-so-hd {
    width: 150px;
    font-variant-numeric: tabular-nums;
}


[b-5u6hmyji89] table.bang th.cot-doi-tac,
[b-5u6hmyji89] table.bang td.cot-doi-tac {
    width: 160px;
}


[b-5u6hmyji89] table.bang th.cot-tien,
[b-5u6hmyji89] table.bang td.cot-tien {
    width: 124px;
}


[b-5u6hmyji89] table.bang th.cot-thue-suat,
[b-5u6hmyji89] table.bang td.cot-thue-suat {
    width: 48px;
    min-width: 48px;
}

[b-5u6hmyji89] table.bang th.cot-tt-hd,
[b-5u6hmyji89] table.bang td.cot-tt-hd {
    width: 118px;
}

.mo[b-5u6hmyji89] {
    color: var(--color-text-faint);
}


.nhan-hd[b-5u6hmyji89] {
    display: inline-block;
    padding: 1px var(--space-2);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    white-space: nowrap;
}


.nhan-hd-huy[b-5u6hmyji89] {
    background: var(--tt-qua-han-nen);
    color: var(--tt-qua-han-chu);
}

.nhan-hd-thieu[b-5u6hmyji89] {
    background: var(--color-warning-soft);
    color: var(--color-warning);
}





[b-5u6hmyji89] table.bang th.cot-nhom,
[b-5u6hmyji89] table.bang td.cot-nhom {
    width: 150px;
}

[b-5u6hmyji89] table.bang th.cot-chung-tu,
[b-5u6hmyji89] table.bang td.cot-chung-tu {
    width: 92px;
}

[b-5u6hmyji89] table.bang th.cot-thanh-toan,
[b-5u6hmyji89] table.bang td.cot-thanh-toan {
    width: 110px;
}

[b-5u6hmyji89] table.bang th.cot-tru,
[b-5u6hmyji89] table.bang td.cot-tru {
    width: 128px;
}

[b-5u6hmyji89] table.bang th.cot-ly-do,
[b-5u6hmyji89] table.bang td.cot-ly-do {
    width: 230px;
}


.nhan-hd-tru[b-5u6hmyji89] {
    background: var(--tt-da-nop-nen);
    color: var(--tt-da-nop-chu);
}


[b-5u6hmyji89] table.bang th.cot-thao-tac,
[b-5u6hmyji89] table.bang td.cot-thao-tac {
    width: 116px; 
    text-align: right;
    white-space: nowrap;
}


.tcc-khoa[b-5u6hmyji89] {
    color: var(--color-text-muted) !important;
    cursor: not-allowed;
}

.tcc-khoa:hover[b-5u6hmyji89] {
    background: none !important;
    text-decoration: none !important;
}

.nut-dong[b-5u6hmyji89] {
    border: none;
    background: none;
    padding: 1px var(--space-1);
    border-radius: var(--radius-sm);
    font: inherit;
    font-size: var(--text-sm);
    color: var(--color-primary);
    cursor: pointer;
}

.nut-dong:hover[b-5u6hmyji89] {
    background: var(--color-primary-soft);
    text-decoration: underline;
}

.nut-dong:focus-visible[b-5u6hmyji89] {
    outline-offset: 1px;
}


.nut-dong-xoa[b-5u6hmyji89] {
    color: var(--color-text-muted);
}

.nut-dong-xoa:hover[b-5u6hmyji89] {
    background: var(--color-danger-soft);
    color: var(--color-danger);
}




.cot-sau-thue[b-5u6hmyji89] {
    font-weight: var(--weight-medium);
    color: var(--color-text);
}
/* /Components/Pages/DangKy.razor.rz.scp.css */


.dk-khung[b-edgnie82dc] {
    width: 100%;
    max-width: 520px;
}

.dk-tieu-de[b-edgnie82dc] {
    margin: 0 0 var(--space-1);
    font-size: var(--text-2xl);
    font-weight: var(--weight-bold);
    letter-spacing: -0.01em;
    color: var(--color-text);
}

.dk-dan[b-edgnie82dc] {
    margin: 0 0 var(--space-6);
    font-size: var(--text-sm);
    line-height: var(--leading-normal);
    color: var(--color-text-muted);
}

.dk-phu[b-edgnie82dc] {
    margin: var(--space-1) 0 0;
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}


.dk-hang[b-edgnie82dc] {
    display: flex;
    gap: var(--space-4);
    flex-wrap: wrap;
}

.dk-hang .dk-o[b-edgnie82dc] {
    flex: 1 1 200px;
    min-width: 0;
}

.dk-o[b-edgnie82dc] {
    margin-bottom: var(--space-4);
}

.dk-o label[b-edgnie82dc] {
    display: block;
    margin-bottom: var(--space-1);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text);
}


.dk-o label span[b-edgnie82dc] {
    color: var(--color-danger);
}

.dk-o[b-edgnie82dc]  input {
    width: 100%;
    
    height: var(--cao-o-nhap);
    padding: 0 var(--space-3);
    font: inherit;
    font-size: var(--text-base);
    color: var(--color-text);
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-sm);
}

.dk-o[b-edgnie82dc]  input:focus-visible {
    outline-offset: 1px;
    border-color: var(--color-focus);
}

.dk-o[b-edgnie82dc]  .validation-message {
    display: block;
    margin-top: var(--space-1);
    font-size: var(--text-sm);
    color: var(--color-danger-text);
}

.dk-nut[b-edgnie82dc] {
    width: 100%;
    height: 36px;
    margin-top: var(--space-2);
    font: inherit;
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    color: var(--color-text-invert);
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: var(--radius-sm);
    cursor: pointer;
}

.dk-nut:hover:not(:disabled)[b-edgnie82dc] {
    background: var(--color-primary-hover);
}

.dk-nut:disabled[b-edgnie82dc] {
    opacity: 0.6;
    cursor: default;
}


.dk-cam-ket[b-edgnie82dc] {
    margin: var(--space-4) 0 0;
    font-size: var(--text-sm);
    line-height: var(--leading-normal);
    color: var(--color-text-muted);
}

.dk-loi[b-edgnie82dc] {
    margin-bottom: var(--space-4);
    padding: var(--space-3);
    font-size: var(--text-sm);
    line-height: var(--leading-normal);
    color: var(--color-danger-text);
    background: var(--color-danger-soft);
    border: 1px solid var(--color-danger-border);
    border-radius: var(--radius-sm);
}

.dk-loi ul[b-edgnie82dc] {
    margin: 0;
    padding-left: var(--space-4);
}

.dk-chan[b-edgnie82dc] {
    margin: var(--space-5) 0 0;
    padding-top: var(--space-4);
    border-top: 1px solid var(--color-border-soft);
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    text-align: center;
}



.dk-xong[b-edgnie82dc] {
    text-align: center;
}

.dk-xong h1[b-edgnie82dc] {
    margin: 0 0 var(--space-4);
    font-size: var(--text-xl);
    font-weight: var(--weight-bold);
    color: var(--color-success-text);
}

.dk-xong p[b-edgnie82dc] {
    margin: 0 0 var(--space-3);
    font-size: var(--text-base);
    line-height: var(--leading-normal);
    color: var(--color-text);
}

.dk-xong .dk-phu[b-edgnie82dc] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.dk-ve[b-edgnie82dc] {
    display: inline-block;
    margin-top: var(--space-4);
    height: 34px;
    line-height: 32px;
    padding: 0 var(--space-5);
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    color: var(--color-text-invert);
    background: var(--color-primary);
    border-radius: var(--radius-sm);
    text-decoration: none;
}

.dk-ve:hover[b-edgnie82dc] {
    background: var(--color-primary-hover);
}
/* /Components/Pages/DanhMucHo.razor.rz.scp.css */


.trang[b-51ouje8ab5] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    gap: var(--space-2);
}

.trang-dau[b-51ouje8ab5] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: var(--space-4);
}



.dai-viec[b-51ouje8ab5] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: var(--space-2);
    
    padding: 3px var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface-alt);
    color: var(--color-text);
    font-size: var(--text-sm);
}


.canh-bao-viec[b-51ouje8ab5] {
    border-color: var(--color-warning-border);
    background: var(--color-warning-soft);
    color: var(--color-warning-text);
}

.dai-viec > span[b-51ouje8ab5] {
    flex: 1;
    min-width: 0;
}




.dai-viec-nut[b-51ouje8ab5] {
    flex-shrink: 0;
    padding: 2px var(--space-2);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--color-text);
    font: inherit;
    font-weight: var(--weight-medium);
    cursor: pointer;
}

.dai-viec-nut:hover[b-51ouje8ab5] {
    background: var(--color-text);
    color: var(--color-surface);
}

.canh-bao-viec .dai-viec-nut[b-51ouje8ab5] {
    border-color: var(--color-warning-text);
    color: var(--color-warning-text);
}

.canh-bao-viec .dai-viec-nut:hover[b-51ouje8ab5] {
    background: var(--color-warning-text);
    color: var(--color-surface);
}


.gan-hd-chon[b-51ouje8ab5] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: var(--space-3) 0;
}

.gan-hd-muc[b-51ouje8ab5] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2);
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    cursor: pointer;
}

.gan-hd-muc:hover[b-51ouje8ab5] {
    background: var(--color-surface-hover);
}

.gan-hd-muc-chon[b-51ouje8ab5] {
    border-color: var(--color-primary);
    background: var(--color-primary-soft);
}

.gan-hd-ten[b-51ouje8ab5] {
    flex: 1;
    min-width: 0;
}


.gan-hd-ma[b-51ouje8ab5] {
    flex-shrink: 0;
    color: var(--color-text-muted);
    font-size: var(--text-sm);
    font-variant-numeric: tabular-nums;
}

.gan-hd-luu-y[b-51ouje8ab5] {
    margin-top: var(--space-2);
    padding: var(--space-2);
    border-radius: var(--radius-sm);
    background: var(--color-warning-soft);
    color: var(--color-warning-text);
    font-size: var(--text-sm);
}


.gan-hd-canh-bao[b-51ouje8ab5] {
    margin-top: var(--space-2);
    padding: var(--space-2);
    border: 1px solid var(--color-danger-border);
    border-radius: var(--radius-sm);
    background: var(--color-danger-soft);
    color: var(--color-danger-text);
    font-size: var(--text-sm);
}


.gan-hd-hoa-hong[b-51ouje8ab5] {
    margin-top: var(--space-3);
    padding-top: var(--space-3);
    padding-left: var(--space-3);
    border-top: 1px solid var(--color-border-soft);
    border-left: 2px solid var(--color-border);
}


.gan-hd-hoa-hong-hoi[b-51ouje8ab5] {
    margin: 0 0 var(--space-2);
    font-weight: var(--weight-medium);
}


.gan-hd-ghi-chu[b-51ouje8ab5] {
    margin: var(--space-2) 0 0;
    color: var(--color-text-muted);
    font-size: var(--text-sm);
}






[b-51ouje8ab5] table.bang th.cot-tt,
[b-51ouje8ab5] table.bang td.cot-tt {
    width: 138px;
}

[b-51ouje8ab5] table.bang th.cot-dien,
[b-51ouje8ab5] table.bang td.cot-dien {
    width: 86px;
}


[b-51ouje8ab5] table.bang th.cot-tien,
[b-51ouje8ab5] table.bang td.cot-tien {
    width: 140px;
}


[b-51ouje8ab5] table.bang th.cot-thue,
[b-51ouje8ab5] table.bang td.cot-thue {
    width: 118px;
}


[b-51ouje8ab5] table.bang th.cot-dia-ban,
[b-51ouje8ab5] table.bang td.cot-dia-ban {
    width: 104px;
}

[b-51ouje8ab5] table.bang th.cot-dinh,
[b-51ouje8ab5] table.bang td.cot-dinh {
    width: 118px;
}




[b-51ouje8ab5] .lien-ket-ho {
    color: var(--color-text);
}

[b-51ouje8ab5] .lien-ket-ho:hover {
    color: var(--color-primary);
    text-decoration: underline;
}



.dien[b-51ouje8ab5] {
    font-size: var(--text-sm);
}


.dien-chiu[b-51ouje8ab5] {
    color: var(--color-text);
}


.dien-mien[b-51ouje8ab5] {
    color: var(--color-text-muted);
}


.dien-trong[b-51ouje8ab5] {
    color: var(--color-text-faint);
}



[b-51ouje8ab5] table.bang th.cot-ty-le,
[b-51ouje8ab5] table.bang td.cot-ty-le {
    width: 120px;
}

.ty-le-hd[b-51ouje8ab5] {
    font-variant-numeric: tabular-nums;
}

.ty-le-thap[b-51ouje8ab5] {
    color: var(--color-text-muted);
}

.ty-le-vua[b-51ouje8ab5] {
    color: var(--color-warning);
    font-weight: var(--weight-medium);
}


.ty-le-cao[b-51ouje8ab5] {
    display: inline-block;
    padding: 0 var(--space-2);
    border-radius: var(--radius-sm);
    background: var(--tt-qua-han-nen);
    color: var(--tt-qua-han-chu);
    font-weight: var(--weight-medium);
}

.ty-le-trong[b-51ouje8ab5] {
    color: var(--color-text-faint);
}


.ty-le-vuot[b-51ouje8ab5] {
    display: inline-block;
    padding: 0 var(--space-2);
    border-radius: var(--radius-sm);
    background: var(--tt-can-dieu-chinh-nen);
    color: var(--tt-can-dieu-chinh-chu);
    font-weight: var(--weight-medium);
}
/* /Components/Pages/GoiDichVu.razor.rz.scp.css */




.gdv-hien-tai[b-3szsu0qeml] {
    max-width: 760px;
    margin-bottom: var(--space-6);
    padding: var(--space-5);
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-left: 3px solid var(--color-primary);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
}


.gdv-qua-han[b-3szsu0qeml] {
    border-left-color: var(--color-warning);
}

.gdv-het-han[b-3szsu0qeml] {
    border-left-color: var(--color-danger);
}

.gdv-ht-dau[b-3szsu0qeml] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4);
    margin-bottom: var(--space-4);
}

.gdv-nhan[b-3szsu0qeml] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.gdv-ten[b-3szsu0qeml] {
    font-size: var(--text-xl);
    font-weight: var(--weight-bold);
    color: var(--color-text);
}

.gdv-tt[b-3szsu0qeml] {
    padding: 2px var(--space-3);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--tt-da-nop-chu);
    background: var(--tt-da-nop-nen);
    border-radius: var(--radius-sm);
    white-space: nowrap;
}

.gdv-qua-han .gdv-tt[b-3szsu0qeml] {
    color: var(--tt-can-dieu-chinh-chu);
    background: var(--tt-can-dieu-chinh-nen);
}

.gdv-het-han .gdv-tt[b-3szsu0qeml] {
    color: var(--tt-qua-han-chu);
    background: var(--tt-qua-han-nen);
}


.gdv-so[b-3szsu0qeml] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-8);
    margin: 0;
}

.gdv-so dt[b-3szsu0qeml] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.gdv-so dd[b-3szsu0qeml] {
    margin: 2px 0 0;
    font-size: var(--text-lg);
    color: var(--color-text);
}

.gdv-so-ho[b-3szsu0qeml] {
    font-weight: var(--weight-bold);
}

.gdv-phu[b-3szsu0qeml] {
    font-size: var(--text-sm);
    font-weight: var(--weight-normal);
    color: var(--color-text-muted);
}


.gdv-thanh[b-3szsu0qeml] {
    height: 6px;
    margin-top: var(--space-4);
    background: var(--color-surface-alt);
    border-radius: 999px;
    overflow: hidden;
}

.gdv-thanh-day[b-3szsu0qeml] {
    height: 100%;
    background: var(--color-primary);
    border-radius: 999px;
}

.gdv-thanh-sat[b-3szsu0qeml] {
    background: var(--color-warning);
}

.gdv-canh-bao[b-3szsu0qeml] {
    margin-top: var(--space-4);
    padding: var(--space-3);
    font-size: var(--text-base);
    line-height: var(--leading-normal);
    color: var(--color-danger-text);
    background: var(--color-danger-soft);
    border: 1px solid var(--color-danger-border);
    border-radius: var(--radius-sm);
}

.gdv-cb-nhe[b-3szsu0qeml] {
    color: var(--color-warning-text);
    background: var(--color-warning-soft);
    border-color: var(--color-warning-border);
}



.gdv-tieu-de[b-3szsu0qeml] {
    margin: var(--space-8) 0 var(--space-4);
    font-size: var(--text-lg);
    font-weight: var(--weight-bold);
    color: var(--color-text);
}


.gdv-luoi[b-3szsu0qeml] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: var(--space-4);
    
}

.gdv-the[b-3szsu0qeml] {
    display: flex;
    flex-direction: column;
    padding: var(--space-5);
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
}


.gdv-the-khoa[b-3szsu0qeml] {
    opacity: 0.55;
    background: var(--color-surface-alt);
}

.gdv-the h3[b-3szsu0qeml] {
    margin: 0 0 var(--space-2);
    font-size: var(--text-lg);
    font-weight: var(--weight-bold);
    color: var(--color-text);
}

.gdv-mo-ta[b-3szsu0qeml] {
    margin: 0 0 var(--space-4);
    font-size: var(--text-sm);
    line-height: var(--leading-normal);
    color: var(--color-text-muted);
    
    min-height: 3.4em;
}

.gdv-gia[b-3szsu0qeml] {
    font-size: var(--text-xl);
    font-weight: var(--weight-bold);
    color: var(--color-text);
}

.gdv-gia span[b-3szsu0qeml] {
    font-size: var(--text-sm);
    font-weight: var(--weight-normal);
    color: var(--color-text-muted);
}

.gdv-gia-nam[b-3szsu0qeml] {
    margin-top: 2px;
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.gdv-tiet-kiem[b-3szsu0qeml] {
    margin-left: var(--space-2);
    padding: 0 var(--space-2);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--color-success-text);
    background: var(--color-success-soft);
    border-radius: var(--radius-sm);
}

.gdv-han[b-3szsu0qeml] {
    margin: var(--space-4) 0;
    padding-top: var(--space-3);
    border-top: 1px solid var(--color-border-soft);
    font-size: var(--text-base);
    color: var(--color-text);
}

.gdv-khong-vua[b-3szsu0qeml] {
    margin: 0 0 var(--space-3);
    font-size: var(--text-sm);
    line-height: var(--leading-normal);
    color: var(--color-warning-text);
}


.gdv-nut[b-3szsu0qeml] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    margin-top: auto;
}




.gdv-bang td[b-3szsu0qeml] {
    height: 38px;
}

.gdv-cot-tien[b-3szsu0qeml] {
    text-align: right;
    white-space: nowrap;
}


.gdv-so-hieu[b-3szsu0qeml] {
    font-family: var(--font-mono);
    font-size: var(--text-md);
    user-select: all;
    white-space: nowrap;
}

.gdv-ky[b-3szsu0qeml] {
    font-size: var(--text-md);
    color: var(--color-text-muted);
    white-space: nowrap;
}

.gdv-tt-hd[b-3szsu0qeml] {
    display: inline-block;
    padding: 1px var(--space-2);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    border-radius: var(--radius-sm);
    white-space: nowrap;
}

.gdv-da-tra[b-3szsu0qeml] {
    color: var(--tt-da-nop-chu);
    background: var(--tt-da-nop-nen);
}

.gdv-chua-tra[b-3szsu0qeml] {
    color: var(--tt-chua-khai-chu);
    background: var(--tt-chua-khai-nen);
}

.gdv-dan-tra[b-3szsu0qeml] {
    
    margin: var(--space-3) 0 0;
    font-size: var(--text-sm);
    line-height: var(--leading-normal);
    color: var(--color-text-muted);
}

.gdv-cho[b-3szsu0qeml] {
    color: var(--color-text-muted);
}
/* /Components/Pages/Home.razor.rz.scp.css */




.tq[b-mfmyavf405] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}


.tq-dau[b-mfmyavf405] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
}

.tq-dang-tai[b-mfmyavf405] {
    margin: 0;
    color: var(--color-text-muted);
}


.tq-han[b-mfmyavf405] {
    display: flex;
    align-items: baseline;
    gap: var(--space-4);
    padding: var(--space-3) var(--space-4);
    border: 1px solid var(--color-border-soft);
    border-left: 3px solid var(--color-text-faint);
    border-radius: var(--radius-md);
    background: var(--color-surface);
}

.tq-han-so[b-mfmyavf405] {
    font-size: var(--text-xl);
    font-weight: var(--weight-bold);
    white-space: nowrap;
    color: var(--color-text);
}

.tq-han-chu[b-mfmyavf405] {
    font-size: var(--text-sm);
    line-height: var(--leading-normal);
    color: var(--color-text-muted);
}


.tq-han-gan[b-mfmyavf405] {
    border-left-color: var(--color-warning);
    background: var(--color-warning-soft);
    border-color: var(--color-warning-border);
}

.tq-han-gan .tq-han-so[b-mfmyavf405] {
    color: var(--color-warning-text);
}

.tq-han-qua[b-mfmyavf405] {
    border-left-color: var(--color-danger);
    background: var(--color-danger-soft);
    border-color: var(--color-danger-border);
}

.tq-han-qua .tq-han-so[b-mfmyavf405] {
    color: var(--color-danger-text);
}



.tq-tien-do h2[b-mfmyavf405] {
    margin: 0 0 var(--space-3);
    font-size: var(--text-md);
    font-weight: var(--weight-bold);
    color: var(--color-text-muted);
}

.tq-thanh[b-mfmyavf405] {
    height: 10px;
    border-radius: 999px;
    background: var(--color-surface-alt);
    overflow: hidden;
}

.tq-thanh-day[b-mfmyavf405] {
    height: 100%;
    border-radius: 999px;
    background: var(--color-success);
    
    transition: width var(--duration-normal) linear;
}

.tq-thanh-chu[b-mfmyavf405] {
    display: flex;
    align-items: baseline;
    gap: var(--space-2);
    margin-top: var(--space-2);
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.tq-phan-tram[b-mfmyavf405] {
    margin-left: auto;
    font-size: var(--text-lg);
    font-weight: var(--weight-bold);
    font-variant-numeric: tabular-nums;
    color: var(--color-text);
}


.tq-o-hang[b-mfmyavf405] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--space-3);
}



.tq-viec h2[b-mfmyavf405] {
    margin: 0 0 var(--space-2);
    font-size: var(--text-md);
    font-weight: var(--weight-bold);
    color: var(--color-text-muted);
}

.tq-viec-ds[b-mfmyavf405] {
    display: flex;
    flex-direction: column;
}

.tq-viec-dong[b-mfmyavf405] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-2) 0;
    border-top: 1px solid var(--color-border-soft);
    font-size: var(--text-sm);
}

.tq-viec-dong:first-child[b-mfmyavf405] {
    border-top: none;
}


.tq-viec-cham[b-mfmyavf405] {
    flex-shrink: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.tq-viec-cham-xong[b-mfmyavf405] { background: var(--color-success); }
.tq-viec-cham-hong[b-mfmyavf405] { background: var(--color-danger); }
.tq-viec-cham-chay[b-mfmyavf405] { background: var(--color-primary); }

.tq-viec-ten[b-mfmyavf405] {
    color: var(--color-text);
}

.tq-viec-tt[b-mfmyavf405] {
    color: var(--color-text-muted);
}


.tq-viec-luc[b-mfmyavf405] {
    margin-left: auto;
    font-variant-numeric: tabular-nums;
    color: var(--color-text-faint);
}


.tq-viec-them[b-mfmyavf405] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    margin-top: var(--space-3);
    font-size: var(--text-sm);
}




.tq-doi-xem[b-mfmyavf405] {
    display: inline-flex;
    gap: 2px;
    padding: 2px;
    background: var(--color-surface-alt);
    border-radius: var(--radius-sm);
}

.tq-doi-xem button[b-mfmyavf405] {
    height: 26px;
    padding: 0 var(--space-3);
    border: 0;
    border-radius: 4px;
    background: none;
    color: var(--color-text-muted);
    font: inherit;
    font-size: var(--text-md);
    font-weight: var(--weight-medium);
    cursor: pointer;
}

.tq-doi-xem button:hover[b-mfmyavf405] {
    color: var(--color-text);
}

.tq-doi-xem button.chon[b-mfmyavf405] {
    background: var(--color-surface);
    color: var(--color-text);
    font-weight: var(--weight-bold);
    box-shadow: var(--shadow-sm);
}

.tq-doi-xem button:focus-visible[b-mfmyavf405] {
    outline-offset: 1px;
}


.tq-luoi2[b-mfmyavf405] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
    gap: var(--space-3);
}


.tq-cho-bieu-do[b-mfmyavf405] {
    display: grid;
    place-items: center;
    min-height: 220px;
    color: var(--color-text-faint);
    font-size: var(--text-sm);
}



.tq-xh[b-mfmyavf405] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.tq-xh-dong[b-mfmyavf405] {
    display: grid;
    grid-template-columns: 120px 1fr 52px;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-1);
    border-radius: var(--radius-sm);
    font-size: var(--text-md);
    color: var(--color-text);
    text-decoration: none;
}

.tq-xh-dong:hover[b-mfmyavf405] {
    background: var(--color-surface-hover);
    color: var(--color-text);
    text-decoration: none;
}

.tq-xh-dong:focus-visible[b-mfmyavf405] {
    outline-offset: -2px;
}

.tq-xh-ten[b-mfmyavf405] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tq-xh-rong[b-mfmyavf405] {
    height: 14px;
    background: var(--color-hairline);
    border-radius: var(--radius-sm);
    overflow: hidden;
}

.tq-xh-rong i[b-mfmyavf405] {
    display: block;
    height: 100%;
    background: var(--color-primary);
    border-radius: var(--radius-sm);
}


.tq-xh-con-lai[b-mfmyavf405] {
    opacity: 0.4;
}

.tq-xh-so[b-mfmyavf405] {
    text-align: right;
    font-weight: var(--weight-bold);
    font-variant-numeric: tabular-nums;
}
/* /Components/Pages/KhongDuQuyen.razor.rz.scp.css */


.kq-hop[b-8cbqxx89rw] {
    max-width: 560px;
    padding: var(--space-6);
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
}

.kq-chinh[b-8cbqxx89rw] {
    margin: 0 0 var(--space-3);
    font-size: var(--text-lg);
    line-height: var(--leading-normal);
    color: var(--color-text);
}

.kq-phu[b-8cbqxx89rw] {
    margin: 0 0 var(--space-4);
    font-size: var(--text-base);
    line-height: var(--leading-normal);
    color: var(--color-text-muted);
}

.kq-quyen[b-8cbqxx89rw] {
    margin: 0 0 var(--space-5);
    padding: var(--space-3);
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    background: var(--color-surface-alt);
    border-radius: var(--radius-sm);
}

.kq-quyen span[b-8cbqxx89rw] {
    color: var(--color-text);
    font-weight: var(--weight-medium);
}

.kq-ve[b-8cbqxx89rw] {
    display: inline-block;
    height: 32px;
    line-height: 30px;
    padding: 0 var(--space-4);
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    color: var(--color-text-invert);
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: var(--radius-sm);
    text-decoration: none;
}

.kq-ve:hover[b-8cbqxx89rw] {
    background: var(--color-primary-hover);
}
/* /Components/Pages/LichSuThongBao.razor.rz.scp.css */



.tb-trang[b-6ptnhtu8f1] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    
    max-width: 1400px;
}

.tb-tieu-de[b-6ptnhtu8f1] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    flex-wrap: wrap;
    
    padding-right: calc(var(--shell-ht-width) + var(--space-3));
}

.tb-tieu-de h1[b-6ptnhtu8f1] {
    margin: 0;
    font-size: var(--text-xl);
    font-weight: var(--weight-bold);
    color: var(--color-text);
}

.tb-loc[b-6ptnhtu8f1] {
    display: flex;
    gap: var(--space-2);
}

.tb-chip[b-6ptnhtu8f1] {
    padding: 3px var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: 12px;
    background: var(--color-surface);
    color: var(--color-text-muted);
    font: inherit;
    font-size: var(--text-sm);
    cursor: pointer;
}

.tb-chip:hover[b-6ptnhtu8f1] {
    border-color: var(--color-border-strong);
    color: var(--color-text);
}

.tb-chip-bat[b-6ptnhtu8f1] {
    border-color: var(--color-primary-border);
    background: var(--color-primary-soft);
    color: var(--color-primary-text);
    font-weight: var(--weight-medium);
}

.tb-danh-dau-het[b-6ptnhtu8f1] {
    margin-left: auto;

    
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 2px var(--space-2);

    border: 0;
    border-radius: var(--radius-sm);
    background: none;
    color: var(--color-primary);
    font: inherit;
    font-size: var(--text-sm);
    cursor: pointer;
    text-decoration: underline;
}



.tb-ds[b-6ptnhtu8f1] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    overflow: hidden;
    background: var(--color-border-soft);
}

.tb-muc[b-6ptnhtu8f1] {
    display: flex;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: var(--color-surface);
}


.tb-muc-chua-doc[b-6ptnhtu8f1] {
    background: var(--color-primary-soft);
}

.tb-muc-chua-doc .tb-tieu[b-6ptnhtu8f1] {
    font-weight: var(--weight-bold);
}

.tb-cham[b-6ptnhtu8f1] {
    flex: 0 0 8px;
    width: 8px;
    height: 8px;
    margin-top: 6px;
    border-radius: 50%;
    background: var(--color-text-faint);
}

.tb-cham-xong[b-6ptnhtu8f1] { background: var(--color-success); }
.tb-cham-loi[b-6ptnhtu8f1] { background: var(--color-danger); }
.tb-cham-han[b-6ptnhtu8f1] { background: var(--color-warning); }
.tb-cham-canhbao[b-6ptnhtu8f1] { background: var(--color-warning); }
.tb-cham-vanban[b-6ptnhtu8f1] { background: var(--color-primary); }

.tb-than[b-6ptnhtu8f1] {
    flex: 1 1 auto;
    min-width: 0;
}

.tb-dong-tren[b-6ptnhtu8f1] {
    display: flex;
    align-items: baseline;
    gap: var(--space-2);
    flex-wrap: wrap;
}

.tb-nhan-loai[b-6ptnhtu8f1] {
    flex: 0 0 auto;
    padding: 1px var(--space-2);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    white-space: nowrap;
}

.tb-nhan-xong[b-6ptnhtu8f1] {
    background: var(--color-success-soft);
    color: var(--color-success-text);
}

.tb-nhan-loi[b-6ptnhtu8f1] {
    background: var(--color-danger-soft);
    color: var(--color-danger-text);
}

.tb-nhan-han[b-6ptnhtu8f1],
.tb-nhan-canhbao[b-6ptnhtu8f1] {
    background: var(--color-warning-soft);
    color: var(--color-warning-text);
}

.tb-nhan-vanban[b-6ptnhtu8f1] {
    background: var(--color-primary-soft);
    color: var(--color-primary-text);
}

.tb-tieu[b-6ptnhtu8f1] {
    color: var(--color-text);
    font-size: var(--text-base);
}

.tb-noi-dung[b-6ptnhtu8f1] {
    margin: var(--space-1) 0 0;
    color: var(--color-text-muted);
    font-size: var(--text-md);
    line-height: var(--leading-normal);
}

.tb-dong-duoi[b-6ptnhtu8f1] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-top: var(--space-2);
}

.tb-luc[b-6ptnhtu8f1] {
    color: var(--color-text-faint);
    font-size: var(--text-sm);
    font-variant-numeric: tabular-nums;
}


.tb-mo[b-6ptnhtu8f1],
.tb-danh-dau[b-6ptnhtu8f1] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 2px var(--space-2);

    border: 0;
    border-radius: var(--radius-sm);
    background: none;
    color: var(--color-primary);
    font: inherit;
    font-size: var(--text-sm);
    cursor: pointer;
}

.tb-mo:hover[b-6ptnhtu8f1],
.tb-danh-dau:hover[b-6ptnhtu8f1],
.tb-danh-dau-het:hover[b-6ptnhtu8f1] {
    color: var(--color-primary-hover);
    text-decoration: underline;
}

.tb-them[b-6ptnhtu8f1] {
    align-self: flex-start;
    padding: var(--space-2) var(--space-4);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    color: var(--color-text);
    font: inherit;
    font-size: var(--text-sm);
    cursor: pointer;
}

.tb-them:hover[b-6ptnhtu8f1] {
    background: var(--color-surface-hover);
}



.tb-rong[b-6ptnhtu8f1] {
    padding: var(--space-8) var(--space-6);
    border: 1px dashed var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    text-align: center;
}

.tb-rong-chinh[b-6ptnhtu8f1] {
    margin: 0 0 var(--space-2);
    color: var(--color-text);
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
}

.tb-rong-phu[b-6ptnhtu8f1] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: var(--text-md);
    line-height: var(--leading-normal);
}

.tb-dang-tai[b-6ptnhtu8f1] {
    color: var(--color-text-muted);
    font-size: var(--text-md);
}
/* /Components/Pages/NguoiDungCongTy.razor.rz.scp.css */




.nd-bang td[b-610q7kezbz] {
    height: 44px;
    vertical-align: middle;
}


.nd-hang-khoa td[b-610q7kezbz] {
    opacity: 0.6;
}

.nd-email[b-610q7kezbz] {
    font-size: var(--text-md);
    color: var(--color-text-muted);
}

.nd-ngay[b-610q7kezbz] {
    font-size: var(--text-md);
    color: var(--color-text-muted);
    white-space: nowrap;
}


.nd-la-toi[b-610q7kezbz] {
    margin-left: var(--space-2);
    padding: 0 var(--space-2);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--color-primary-text);
    background: var(--color-primary-soft);
    border-radius: var(--radius-sm);
}

.nd-tt[b-610q7kezbz] {
    display: inline-block;
    padding: 1px var(--space-2);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    border-radius: var(--radius-sm);
    white-space: nowrap;
}

.nd-tt-dung[b-610q7kezbz] {
    color: var(--tt-da-nop-chu);
    background: var(--tt-da-nop-nen);
}

.nd-tt-khoa[b-610q7kezbz] {
    color: var(--tt-qua-han-chu);
    background: var(--tt-qua-han-nen);
}

.nd-chon-vai[b-610q7kezbz] {
    
    height: var(--cao-o-nhap-gon);
    padding: 0 var(--space-2);
    font: inherit;
    font-size: var(--text-md);
    color: var(--color-text);
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-sm);
}

.nd-chon-vai:focus-visible[b-610q7kezbz] {
    outline-offset: 1px;
}

.nd-cot-thao-tac[b-610q7kezbz] {
    white-space: nowrap;
    text-align: right;
}

.nd-thanh[b-610q7kezbz] {
    margin-bottom: var(--space-4);
}

.nd-cho[b-610q7kezbz] {
    color: var(--color-text-muted);
}




.nd-mat-khau[b-610q7kezbz] {
    max-width: 720px;
    margin-bottom: var(--space-4);
    padding: var(--space-4);
    background: var(--color-warning-soft);
    border: 1px solid var(--color-warning-border);
    border-radius: var(--radius-md);
}

.nd-mk-dau[b-610q7kezbz] {
    margin-bottom: var(--space-3);
    font-size: var(--text-base);
    color: var(--color-warning-text);
}

.nd-mk-hang[b-610q7kezbz] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-wrap: wrap;
}


.nd-mk-chuoi[b-610q7kezbz] {
    padding: var(--space-2) var(--space-3);
    font-family: var(--font-mono);
    font-size: var(--text-lg);
    letter-spacing: 0.12em;
    color: var(--color-text);
    background: var(--color-surface);
    border: 1px solid var(--color-warning-border);
    border-radius: var(--radius-sm);
    user-select: all;
}

.nd-mk-canh-bao[b-610q7kezbz] {
    margin: var(--space-3) 0 0;
    font-size: var(--text-sm);
    color: var(--color-warning-text);
}



.nd-loi[b-610q7kezbz] {
    margin-bottom: var(--space-4);
    padding: var(--space-3);
    font-size: var(--text-sm);
    line-height: var(--leading-normal);
    color: var(--color-danger-text);
    background: var(--color-danger-soft);
    border: 1px solid var(--color-danger-border);
    border-radius: var(--radius-sm);
}

.nd-loi ul[b-610q7kezbz] {
    margin: 0;
    padding-left: var(--space-4);
}

.nd-vai-chon[b-610q7kezbz] {
    margin: var(--space-4) 0 0;
    padding: 0;
    border: none;
}

.nd-vai-chon legend[b-610q7kezbz] {
    padding: 0;
    margin-bottom: var(--space-2);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text);
}

.nd-vai-muc[b-610q7kezbz] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    padding: var(--space-3);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-sm);
    cursor: pointer;
}

.nd-vai-muc + .nd-vai-muc[b-610q7kezbz] {
    margin-top: var(--space-2);
}

.nd-vai-muc:hover[b-610q7kezbz] {
    background: var(--color-surface-hover);
}


.nd-vai-muc input[b-610q7kezbz] {
    margin-top: 3px;
    flex-shrink: 0;
}

.nd-vai-muc strong[b-610q7kezbz] {
    display: block;
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    color: var(--color-text);
}

.nd-vai-muc em[b-610q7kezbz] {
    display: block;
    margin-top: 1px;
    font-style: normal;
    font-size: var(--text-sm);
    line-height: var(--leading-normal);
    color: var(--color-text-muted);
}
/* /Components/Pages/NhapDanhMuc.razor.rz.scp.css */


.trang-dau[b-dbihdjxidz] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--space-4);
}
/* /Components/Pages/NhapSoSach.razor.rz.scp.css */


.trang-dau[b-49gk396ei4] {
    display: flex;
    align-items: baseline;
    gap: var(--space-4);
}

.ho-dang-nhap[b-49gk396ei4] {
    font-size: var(--text-md);
    color: var(--color-text-muted);
}

.ho-dang-nhap a[b-49gk396ei4] {
    margin-left: var(--space-2);
    color: var(--color-primary);
}


.loai-hang[b-49gk396ei4] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
    margin-bottom: var(--space-3);
}

.loai-the[b-49gk396ei4] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1 1 220px;
    min-width: 200px;
    padding: var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    text-align: left;
    font: inherit;
    cursor: pointer;
    transition: background var(--duration-fast) var(--ease);
}

.loai-the:hover[b-49gk396ei4] {
    background: var(--color-surface-hover);
}

.loai-the:focus-visible[b-49gk396ei4] {
    outline-offset: 1px;
}


.loai-the-chon[b-49gk396ei4] {
    border-color: var(--color-primary);
    background: var(--color-primary-soft);
}

.loai-ten[b-49gk396ei4] {
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    color: var(--color-text);
}

.loai-the-chon .loai-ten[b-49gk396ei4] {
    color: var(--color-primary);
    font-weight: var(--weight-bold);
}


.loai-mo-ta[b-49gk396ei4] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    line-height: var(--leading-normal);
}



.nhap-loi-ra[b-49gk396ei4] {
    margin: var(--space-4) 0 0;
    padding-top: var(--space-3);
    border-top: 1px solid var(--color-border-soft);
    font-size: var(--text-sm);
    line-height: var(--leading-normal);
    color: var(--color-text-muted);
}
/* /Components/Pages/NhatKyCongTy.razor.rz.scp.css */


.nk-cho[b-z1ai5kvnm7] {
    color: var(--color-text-muted);
}



.nk-loc[b-z1ai5kvnm7] {
    display: flex;
    gap: var(--space-2);
    margin-bottom: var(--space-4);
}

.nk-chip[b-z1ai5kvnm7] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    height: 30px;
    padding: 0 var(--space-3);
    font: inherit;
    font-size: var(--text-md);
    color: var(--color-text);
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-radius: 999px;
    cursor: pointer;
}

.nk-chip:hover[b-z1ai5kvnm7] {
    background: var(--color-surface-hover);
}

.nk-chip-chon[b-z1ai5kvnm7] {
    color: var(--color-text-invert);
    background: var(--color-primary);
    border-color: var(--color-primary);
}


.nk-dem[b-z1ai5kvnm7] {
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    color: var(--color-warning-text);
    background: var(--color-warning-soft);
    border-radius: 999px;
}


.nk-chip-chon .nk-dem[b-z1ai5kvnm7] {
    color: var(--color-primary-text);
    background: var(--color-surface);
}





.nk-bang td[b-z1ai5kvnm7] {
    line-height: var(--leading-normal);
    vertical-align: top;
}


.nk-hang-vtax[b-z1ai5kvnm7] {
    background: var(--tt-can-dieu-chinh-nen);
}

.nk-hang-vtax td:first-child[b-z1ai5kvnm7] {
    box-shadow: inset 3px 0 0 var(--tt-can-dieu-chinh-chu);
}

.nk-ngay[b-z1ai5kvnm7] {
    white-space: nowrap;
    font-size: var(--text-md);
    color: var(--color-text-muted);
}

.nk-vtax[b-z1ai5kvnm7] {
    display: inline-block;
    margin-left: var(--space-2);
    padding: 1px var(--space-2);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--tt-can-dieu-chinh-chu);
    background: var(--color-surface);
    border-radius: var(--radius-sm);
    white-space: nowrap;
}

.nk-viec[b-z1ai5kvnm7] {
    display: inline-block;
    padding: 1px var(--space-2);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--color-text-muted);
    background: var(--color-surface-alt);
    border-radius: var(--radius-sm);
    white-space: nowrap;
}


.nk-ly-do[b-z1ai5kvnm7] {
    margin-top: 2px;
    font-size: var(--text-sm);
    font-style: italic;
    color: var(--color-text-muted);
}

.nk-chan[b-z1ai5kvnm7] {
    max-width: 1180px;
    margin: var(--space-3) 0 0;
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}
/* /Components/Pages/NhatKyRaSoat.razor.rz.scp.css */



.nkr-quay-lai[b-7qwcihzaa3] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    min-height: 24px;
    padding: 2px var(--space-1) 2px 2px;
    border-radius: var(--radius-sm);
    color: var(--color-text-muted);
    text-decoration: none;
}

.nkr-quay-lai:hover[b-7qwcihzaa3] {
    background: var(--color-surface-hover);
    color: var(--color-text);
}

.nkr-dan[b-7qwcihzaa3],
.nkr-dang-tai[b-7qwcihzaa3],
.nkr-loc-rong[b-7qwcihzaa3] {
    color: var(--color-text-muted);
    margin: var(--space-1) 0 0;
}

.nkr-loc-nut:hover[b-7qwcihzaa3] {
    color: var(--color-text);
}


.nkr-tom-tat[b-7qwcihzaa3],
.nkr-loc[b-7qwcihzaa3] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1);
    margin-bottom: var(--space-2);
}

.nkr-tom-tat[b-7qwcihzaa3] {
    margin-top: var(--space-3);
    color: var(--color-text-muted);
}


.nkr-loc-nut[b-7qwcihzaa3] {
    min-height: 28px;
    padding: 0 var(--space-2);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--color-text-muted);
    cursor: pointer;
}

.nkr-loc-chon[b-7qwcihzaa3] {
    background: var(--color-primary-soft);
    border-color: var(--color-primary);
    color: var(--color-primary-text);
}


.nkr-so[b-7qwcihzaa3],
.nkr-ngay[b-7qwcihzaa3],
.nkr-cq[b-7qwcihzaa3],
.nkr-rs[b-7qwcihzaa3] {
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}


.nkr-ten[b-7qwcihzaa3] {
    width: 100%;
}

.nkr-ngay[b-7qwcihzaa3],
.nkr-thieu[b-7qwcihzaa3],
.nkr-nhan-boquakhonglienquan[b-7qwcihzaa3] {
    color: var(--color-text-muted);
}

.nkr-thieu[b-7qwcihzaa3] {
    font-style: italic;
}


.nkr-hang[b-7qwcihzaa3] {
    margin-left: var(--space-2);
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
    white-space: nowrap;
}

.nkr-hang[b-7qwcihzaa3]::before {
    content: "· ";
}

.nkr-nhan[b-7qwcihzaa3] {
    display: inline-block;
    padding: 1px var(--space-1);
    border-radius: var(--radius-sm);
    white-space: nowrap;
}


.nkr-xet[b-7qwcihzaa3] {
    margin-left: var(--space-1);
    min-height: 24px;
    padding: 0 var(--space-1);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--color-text-muted);
    cursor: pointer;
    white-space: nowrap;
}

.nkr-xet:hover[b-7qwcihzaa3] {
    color: var(--color-text);
}

.nkr-nhan-dadangtin[b-7qwcihzaa3] {
    background: var(--color-primary-soft);
    color: var(--color-primary-text);
}


.nkr-nhan-chuaxet[b-7qwcihzaa3] {
    background: var(--color-warning-soft);
    color: var(--color-warning-text);
}


/* /Components/Pages/QuanTriHeThong.razor.rz.scp.css */


.qt-dau h1[b-7mll9bdyly] {
    margin: 0 0 var(--space-4);
    font-size: var(--text-xl);
    font-weight: var(--weight-bold);
    color: var(--color-text);
}

.qt-cho[b-7mll9bdyly] {
    color: var(--color-text-muted);
}

.qt-phai[b-7mll9bdyly] {
    text-align: right;
}

.qt-mono[b-7mll9bdyly] {
    font-family: var(--font-mono);
    font-size: var(--text-md);
}


.qt-chon-het[b-7mll9bdyly] {
    user-select: all;
}



.qt-tab[b-7mll9bdyly] {
    display: flex;
    gap: var(--space-1);
    margin-bottom: var(--space-4);
    border-bottom: 1px solid var(--color-border);
}

.qt-tab-nut[b-7mll9bdyly] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    height: 34px;
    padding: 0 var(--space-4);
    font: inherit;
    font-size: var(--text-base);
    color: var(--color-text-muted);
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    
    margin-bottom: -1px;
}

.qt-tab-nut:hover[b-7mll9bdyly] {
    color: var(--color-text);
}

.qt-tab-chon[b-7mll9bdyly] {
    color: var(--color-primary);
    font-weight: var(--weight-medium);
    border-bottom-color: var(--color-primary);
}

.qt-tab-nut:focus-visible[b-7mll9bdyly] {
    outline-offset: -2px;
}


.qt-huy-hieu[b-7mll9bdyly] {
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    color: var(--color-text-invert);
    background: var(--color-warning);
    border-radius: 999px;
}




.qt-bang th.qt-phai[b-7mll9bdyly] {
    text-align: right;
}

.qt-bang td[b-7mll9bdyly] {
    height: 40px;
    vertical-align: middle;
}

.qt-hang-khoa td[b-7mll9bdyly] {
    opacity: 0.6;
}

.qt-ten[b-7mll9bdyly] {
    font-weight: var(--weight-medium);
}

.qt-phu[b-7mll9bdyly] {
    font-size: var(--text-sm);
    font-weight: var(--weight-normal);
    color: var(--color-text-muted);
}

.qt-ngay[b-7mll9bdyly] {
    white-space: nowrap;
    font-size: var(--text-md);
    color: var(--color-text-muted);
}

.qt-la-toi[b-7mll9bdyly] {
    margin-left: var(--space-2);
    padding: 0 var(--space-2);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--color-primary-text);
    background: var(--color-primary-soft);
    border-radius: var(--radius-sm);
}

.qt-tt[b-7mll9bdyly] {
    display: inline-block;
    padding: 1px var(--space-2);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    border-radius: var(--radius-sm);
    white-space: nowrap;
}

.qt-tt-tot[b-7mll9bdyly] {
    color: var(--tt-da-nop-chu);
    background: var(--tt-da-nop-nen);
}

.qt-tt-cho[b-7mll9bdyly] {
    color: var(--tt-chua-khai-chu);
    background: var(--tt-chua-khai-nen);
}

.qt-tt-canh-bao[b-7mll9bdyly] {
    color: var(--tt-can-dieu-chinh-chu);
    background: var(--tt-can-dieu-chinh-nen);
}

.qt-tt-xau[b-7mll9bdyly] {
    color: var(--tt-qua-han-chu);
    background: var(--tt-qua-han-nen);
}

.qt-chon-vai[b-7mll9bdyly] {
    height: 28px;
    padding: 0 var(--space-2);
    font: inherit;
    font-size: var(--text-md);
    color: var(--color-text);
    background: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-sm);
}


.qt-thanh[b-7mll9bdyly] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-4);
    margin-bottom: var(--space-4);
}


.qt-thanh .nhap-nut-tep[b-7mll9bdyly] {
    height: 30px;
    padding: 0 var(--space-4);
    border-radius: var(--radius-sm);
    border-color: var(--color-border);
}



.qt-nhap-kq p[b-7mll9bdyly],
.qt-nhap-muc ul[b-7mll9bdyly],
.qt-nhap-muc h4[b-7mll9bdyly] {
    margin: var(--space-3) 0 var(--space-2);
    font-size: var(--text-md);
}

.qt-nhap-muc ul[b-7mll9bdyly] {
    padding-left: var(--space-5);
    max-width: 80ch;
}

.qt-nhap-muc li + li[b-7mll9bdyly] {
    margin-top: var(--space-2);
}


.qt-ly-do[b-7mll9bdyly] {
    margin-top: 2px;
    max-width: 320px;
    font-size: var(--text-sm);
    font-style: italic;
    line-height: var(--leading-normal);
    color: var(--color-text-muted);
}



.qt-don-luoi[b-7mll9bdyly] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: var(--space-4);
}

.qt-don[b-7mll9bdyly] {
    padding: var(--space-4);
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-left: 3px solid var(--color-warning);
    border-radius: var(--radius-md);
}

.qt-don h3[b-7mll9bdyly] {
    margin: 0 0 var(--space-3);
    font-size: var(--text-lg);
    font-weight: var(--weight-bold);
    color: var(--color-text);
}

.qt-don-so[b-7mll9bdyly] {
    margin: 0 0 var(--space-3);
    display: grid;
    
    grid-template-columns: 1fr;
    gap: var(--space-2);
}

.qt-don-so > div[b-7mll9bdyly] {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: var(--space-2);
    align-items: baseline;
}

.qt-don-so dt[b-7mll9bdyly] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.qt-don-so dd[b-7mll9bdyly] {
    margin: 0;
    font-size: var(--text-base);
    color: var(--color-text);
    overflow-wrap: anywhere;
}

.qt-ip[b-7mll9bdyly] {
    margin-bottom: var(--space-3);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--color-text-faint);
}

.qt-don-nut[b-7mll9bdyly] {
    display: flex;
    gap: var(--space-2);
    flex-wrap: wrap;
}



.qt-mat-khau[b-7mll9bdyly] {
    max-width: 720px;
    margin-bottom: var(--space-4);
    padding: var(--space-4);
    background: var(--color-warning-soft);
    border: 1px solid var(--color-warning-border);
    border-radius: var(--radius-md);
}

.qt-mk-dau[b-7mll9bdyly] {
    margin-bottom: var(--space-3);
    font-size: var(--text-base);
    color: var(--color-warning-text);
}

.qt-mk-hang[b-7mll9bdyly] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.qt-mk-chuoi[b-7mll9bdyly] {
    padding: var(--space-2) var(--space-3);
    font-family: var(--font-mono);
    font-size: var(--text-lg);
    letter-spacing: 0.12em;
    color: var(--color-text);
    background: var(--color-surface);
    border: 1px solid var(--color-warning-border);
    border-radius: var(--radius-sm);
    user-select: all;
}

.qt-mk-canh-bao[b-7mll9bdyly] {
    margin: var(--space-3) 0 0;
    font-size: var(--text-sm);
    color: var(--color-warning-text);
}



.qt-dan[b-7mll9bdyly] {
    margin: 0 0 var(--space-4);
    font-size: var(--text-base);
    line-height: var(--leading-normal);
    color: var(--color-text-muted);
}

.qt-vai-chon[b-7mll9bdyly] {
    margin: var(--space-4) 0 0;
    padding: 0;
    border: none;
}

.qt-vai-chon legend[b-7mll9bdyly] {
    padding: 0;
    margin-bottom: var(--space-2);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text);
}

.qt-vai-muc[b-7mll9bdyly] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    padding: var(--space-3);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-sm);
    cursor: pointer;
}

.qt-vai-muc + .qt-vai-muc[b-7mll9bdyly] {
    margin-top: var(--space-2);
}

.qt-vai-muc:hover[b-7mll9bdyly] {
    background: var(--color-surface-hover);
}

.qt-vai-muc input[b-7mll9bdyly] {
    margin-top: 3px;
    flex-shrink: 0;
}

.qt-vai-muc strong[b-7mll9bdyly] {
    display: block;
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    color: var(--color-text);
}

.qt-vai-muc em[b-7mll9bdyly] {
    display: block;
    margin-top: 1px;
    font-style: normal;
    font-size: var(--text-sm);
    line-height: var(--leading-normal);
    color: var(--color-text-muted);
}



.qt-tin-ds[b-7mll9bdyly] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.qt-tin[b-7mll9bdyly] {
    padding: var(--space-4);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
}

.qt-tin-dau[b-7mll9bdyly] {
    margin-bottom: var(--space-3);
}

.qt-tin-so[b-7mll9bdyly] {
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
    color: var(--color-primary-text);
    font-variant-numeric: tabular-nums;
}

.qt-tin h3[b-7mll9bdyly] {
    margin: 2px 0;
    font-size: var(--text-lg);
    line-height: var(--leading-tight);
}

.qt-tin h4[b-7mll9bdyly] {
    margin: 0 0 var(--space-1);
    font-size: var(--text-md);
}

.qt-tin-muc[b-7mll9bdyly] {
    margin-bottom: var(--space-3);
    max-width: 72ch;
}

.qt-tin-muc ul[b-7mll9bdyly] {
    margin: 0;
    padding-left: var(--space-5);
    line-height: var(--leading-normal);
}


.qt-tin-chan[b-7mll9bdyly] {
    margin: 0 0 var(--space-3);
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--color-warning-border);
    border-radius: var(--radius-md);
    background: var(--color-warning-soft);
    color: var(--color-warning-text);
    font-size: var(--text-md);
}

.qt-tin-so-lieu[b-7mll9bdyly] {
    margin-bottom: var(--space-3);
    padding: var(--space-3);
    border: 1px solid var(--color-warning-border);
    border-radius: var(--radius-md);
    background: var(--color-warning-soft);
}

.qt-tin-tich[b-7mll9bdyly] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: 2px 0;
    cursor: pointer;
}

.qt-tin-tich code[b-7mll9bdyly] {
    font-family: var(--font-mono);
    font-size: var(--text-md);
    color: var(--color-warning-text);
}

.qt-tin-cham[b-7mll9bdyly] {
    margin: 0 0 var(--space-3);
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.qt-tin-hanh-dong[b-7mll9bdyly] {
    display: flex;
    gap: var(--space-2);
}

.qt-nd-nhom[b-7mll9bdyly] {
    margin: var(--space-3) 0 0;
    padding: var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
}

.qt-nd-nhom legend[b-7mll9bdyly] {
    padding: 0 var(--space-1);
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.qt-nd-nhom-muc[b-7mll9bdyly] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: 2px 0;
    font-size: var(--text-md);
    cursor: pointer;
}

.qt-tin-tieu-de-nhom[b-7mll9bdyly] {
    margin: var(--space-5) 0 var(--space-2);
    font-size: var(--text-base);
    color: var(--color-text-muted);
}


.qt-tin-da-dang[b-7mll9bdyly] {
    border-left: 3px solid var(--color-success);
}



.qt-ts-dan[b-7mll9bdyly] {
    margin: 0 0 var(--space-3);
}


.qt-ts-bang[b-7mll9bdyly] {
    table-layout: fixed;
    width: 100%;
}


.qt-ts-bang th:nth-child(1)[b-7mll9bdyly],
.qt-ts-bang td:nth-child(1)[b-7mll9bdyly] {
    width: 19%;
}

.qt-ts-bang th:nth-child(2)[b-7mll9bdyly],
.qt-ts-bang td:nth-child(2)[b-7mll9bdyly] {
    width: 16%;
}

.qt-ts-bang th:nth-child(3)[b-7mll9bdyly],
.qt-ts-bang td:nth-child(3)[b-7mll9bdyly] {
    width: 17%;
}

.qt-ts-bang th:nth-child(6)[b-7mll9bdyly],
.qt-ts-bang td:nth-child(6)[b-7mll9bdyly] {
    width: 20%;
}



.qt-ts-bang span.qt-ngay[b-7mll9bdyly] {
    display: block;
    white-space: nowrap;
}


.qt-ts-den[b-7mll9bdyly] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}


.qt-ts-bac[b-7mll9bdyly] {
    display: block;
    font-variant-numeric: tabular-nums;
}


.qt-ts-dau-nhom td[b-7mll9bdyly] {
    border-top: 1px solid var(--color-border);
}


.qt-ts-cu td[b-7mll9bdyly] {
    color: var(--color-text-muted);
}


.qt-ts-hoi-to[b-7mll9bdyly] {
    
    display: table;
    margin-top: 2px;
    padding: 0 var(--space-1);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--tt-can-dieu-chinh-chu);
    background: var(--tt-can-dieu-chinh-nen);
    border-radius: var(--radius-sm);
}


.qt-thd-trangthai[b-7mll9bdyly] {
    margin-bottom: var(--space-4);
    padding: var(--space-3) var(--space-4);
    background: var(--color-surface-alt);
    border-radius: var(--radius-md);
}

.qt-thd-trangthai p[b-7mll9bdyly] {
    margin: 0;
}


.qt-thd-tim[b-7mll9bdyly] {
    display: flex;
    gap: var(--space-3);
    align-items: flex-end;
    margin-bottom: var(--space-3);
}


.qt-thd-tim[b-7mll9bdyly]  .on {
    flex: 0 1 380px;
}

.qt-thd-tim[b-7mll9bdyly]  .o {
    width: 100%;
}

.qt-thd-nguoi[b-7mll9bdyly] {
    margin-bottom: var(--space-3);
    padding: var(--space-2) var(--space-3);
    border-left: 3px solid var(--color-primary);
}

.qt-thd-nguoi p[b-7mll9bdyly] {
    display: flex;
    gap: var(--space-2);
    align-items: baseline;
    margin: 0;
}

.qt-thd-nut[b-7mll9bdyly] {
    display: flex;
    gap: var(--space-3);
    margin-top: var(--space-4);
}

.qt-thd-goi-y[b-7mll9bdyly] {
    margin: calc(var(--space-2) * -1) 0 var(--space-4);
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}


.qt-thd-ly-do[b-7mll9bdyly] {
    max-width: 640px;
}

/* /Components/Pages/SoSanhPhuongPhap.razor.rz.scp.css */



.ss-trang[b-rm38599ost] {
    display: flex;
    flex-direction: column;
}

.ss-dan[b-rm38599ost] {
    margin: 0 0 var(--space-3);
    font-size: var(--text-sm);
    line-height: var(--leading-normal);
    color: var(--color-text-muted);
}

.ss-ho[b-rm38599ost] {
    margin: 0 0 var(--space-3);
    font-size: var(--text-sm);
    color: var(--color-text);
}

.ss-bang[b-rm38599ost] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: var(--space-3);
}

.ss-bang th[b-rm38599ost] {
    padding: 0 var(--space-2) var(--space-1);
    text-align: left;
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-text-muted);
}

.ss-bang td[b-rm38599ost] {
    padding: 2px var(--space-2) 2px 0;
    vertical-align: middle;
}


.ss-cot-nam[b-rm38599ost] { width: 76px; }
.ss-cot-hd[b-rm38599ost] { width: 27%; }
.ss-cot-nn[b-rm38599ost] { width: 25%; }


th.ss-cot-tien[b-rm38599ost] {
    width: 17%;
    text-align: right;
}

.ss-bang input[type="text"][b-rm38599ost],
.ss-bang select[b-rm38599ost] {
    width: 100%;
    
    height: var(--cao-o-nhap-gon);
}

.ss-o-tien[b-rm38599ost] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.ss-o-nam[b-rm38599ost] {
    text-align: center;
}

.ss-thanh[b-rm38599ost] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}


.ss-nhap[b-rm38599ost] {
    margin-bottom: var(--space-4);
}

.ss-nhap .ss-bang[b-rm38599ost] {
    margin-bottom: var(--space-3);
}

.ss-toi-thieu[b-rm38599ost] {
    font-size: var(--text-sm);
    color: var(--color-text-faint);
}



.ss-ketqua h2[b-rm38599ost] {
    margin: 0 0 var(--space-2);
    font-size: var(--text-lg);
    font-weight: var(--weight-bold);
}

.ss-bang-kq td[b-rm38599ost],
.ss-bang-kq th[scope="row"][b-rm38599ost] {
    padding: var(--space-1) var(--space-2);
    border-top: 1px solid var(--color-border-soft);
}

.ss-bang-kq tfoot th[b-rm38599ost],
.ss-bang-kq tfoot td[b-rm38599ost] {
    border-top: 2px solid var(--color-border);
    font-weight: var(--weight-bold);
    color: var(--color-text);
}


.ss-bang-kq tfoot th[scope="row"][b-rm38599ost] {
    white-space: nowrap;
    padding-right: var(--space-4);
}

.ss-so[b-rm38599ost] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}


.ss-khong-co[b-rm38599ost] {
    color: var(--color-text-faint);
}

.ss-ep[b-rm38599ost] {
    font-size: var(--text-sm);
    color: var(--color-warning-text);
}
/* /Components/Pages/TaiHoaDon.razor.rz.scp.css */


.trang-dau[b-5ty1h5ba2b] {
    display: flex;
    align-items: baseline;
    gap: var(--space-4);
}

.ho-dang-chon[b-5ty1h5ba2b] {
    font-size: var(--text-md);
    color: var(--color-text-muted);
}

.ho-dang-chon a[b-5ty1h5ba2b] {
    margin-left: var(--space-2);
    color: var(--color-primary);
}


.tai-dan[b-5ty1h5ba2b] {
    margin: 0 0 var(--space-4);
    padding: var(--space-3) var(--space-4);
    border-left: 3px solid var(--color-border-strong);
    background: var(--color-surface-alt);
    border-radius: var(--radius-sm);
    color: var(--color-text-muted);
    font-size: var(--text-md);
    line-height: var(--leading-normal);
}

.tai-dan strong[b-5ty1h5ba2b] {
    color: var(--color-text);
}

.tai-mo-ta[b-5ty1h5ba2b] {
    margin: 0 0 var(--space-4);
    color: var(--color-text-muted);
    font-size: var(--text-md);
    line-height: var(--leading-normal);
}


.tai-luoi[b-5ty1h5ba2b] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
    gap: var(--space-4);
    margin-bottom: var(--space-4);

    
    max-width: 1000px;
}


.captcha-hang[b-5ty1h5ba2b] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-wrap: wrap;
    margin-bottom: var(--space-4);
}

.captcha-hang .captcha-o[b-5ty1h5ba2b] {
    
    flex: 0 0 auto;
    width: 9ch;
    text-align: center;
    letter-spacing: 0.08em;
    font-family: var(--font-mono);
    text-transform: uppercase;
}



.captcha-anh[b-5ty1h5ba2b] {
    width: 300px;
    height: 60px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: #fff;
}


.captcha-cho[b-5ty1h5ba2b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    
    width: 300px;
    height: 60px;
    border: 1px dashed var(--color-border);
    border-radius: var(--radius-sm);
    background: var(--color-surface-alt);
    color: var(--color-text-muted);
    font-size: var(--text-sm);
}

.thang-hang[b-5ty1h5ba2b] {
    display: flex;
    gap: var(--space-2);
}

.thang-hang select:first-child[b-5ty1h5ba2b] {
    flex: 1 1 auto;
    min-width: 0;
}

.thang-hang select:last-child[b-5ty1h5ba2b] {
    
    flex: 0 0 auto;
    width: 11ch;
}


.tai-uoc-luong[b-5ty1h5ba2b] {
    margin: 0 0 var(--space-4);
    color: var(--color-text-muted);
    font-size: var(--text-md);
}

.tai-uoc-luong strong[b-5ty1h5ba2b] {
    color: var(--color-text);
    font-variant-numeric: tabular-nums;
}

.tai-nut[b-5ty1h5ba2b] {
    display: flex;
    gap: var(--space-3);
}


.tai-the-mo[b-5ty1h5ba2b] {
    opacity: 0.55;
    pointer-events: none;
}

.tai-loi[b-5ty1h5ba2b] {
    margin: 0 0 var(--space-3);
    padding: var(--space-3) var(--space-4);
    border: 1px solid var(--color-danger-border);
    border-radius: var(--radius-sm);
    background: var(--color-danger-soft);
    color: var(--color-danger-text);
    font-size: var(--text-md);
}

.tai-xong[b-5ty1h5ba2b] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin: 0;
    color: var(--color-text);
    font-size: var(--text-md);
}

.tai-xong[b-5ty1h5ba2b]  svg {
    color: var(--color-success);
}

.nhu-link[b-5ty1h5ba2b] {
    padding: 0;
    border: 0;
    background: none;
    color: var(--color-primary);
    font: inherit;
    cursor: pointer;
    text-decoration: underline;
}

.tai-xem-them[b-5ty1h5ba2b] {
    margin: var(--space-4) 0 0;
    font-size: var(--text-md);
}

.tai-xem-them a[b-5ty1h5ba2b] {
    color: var(--color-primary);
}


.tai-them-ho[b-5ty1h5ba2b] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-3);
    margin: var(--space-3) 0;
    padding: var(--space-2) var(--space-3);
    border-left: 3px solid var(--color-primary);
}

.tai-them-ho p[b-5ty1h5ba2b] {
    margin: 0;
}


.tai-kem[b-5ty1h5ba2b] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
    margin: var(--space-2) 0 var(--space-3);
    cursor: pointer;
}

.tai-kem em[b-5ty1h5ba2b] {
    color: var(--color-text-muted);
    font-style: normal;
}
/* /Components/Pages/ThongTinDonVi.razor.rz.scp.css */



.dv-trang[b-ln29udmgnn] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    
    max-width: 720px;
}

.dv-cho[b-ln29udmgnn] {
    margin: 0;
    color: var(--color-text-muted);
}

.dv-khoi[b-ln29udmgnn] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding: var(--space-4);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
}

.dv-khoi-dau[b-ln29udmgnn] {
    display: flex;
    align-items: baseline;
    gap: var(--space-3);
}

.dv-khoi h2[b-ln29udmgnn] {
    margin: 0;
    font-size: var(--text-base);
    font-weight: var(--weight-bold);
    color: var(--color-text);
}



.dv-dem[b-ln29udmgnn] {
    display: flex;
    gap: var(--space-4);
}

.dv-o-dem[b-ln29udmgnn] {
    display: flex;
    align-items: baseline;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
}


.dv-o-thieu[b-ln29udmgnn] {
    border-color: var(--color-warning-border);
    background: var(--color-warning-soft);
}

.dv-so[b-ln29udmgnn] {
    font-size: var(--text-xl);
    font-weight: var(--weight-bold);
    
    font-variant-numeric: tabular-nums;
    color: var(--color-text);
}

.dv-o-thieu .dv-so[b-ln29udmgnn] {
    color: var(--color-warning-text);
}

.dv-nhan-dem[b-ln29udmgnn] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.dv-dan[b-ln29udmgnn] {
    margin: 0;
    font-size: var(--text-sm);
    line-height: var(--leading-normal);
    
    color: var(--color-text-muted);
}

.dv-hang[b-ln29udmgnn] {
    display: flex;
    gap: var(--space-4);
    flex-wrap: wrap;
}


.dv-hang > :first-child[b-ln29udmgnn] {
    flex: 1 1 320px;
}

.dv-hang > :last-child[b-ln29udmgnn] {
    flex: 0 0 180px;
}

.o-mst[b-ln29udmgnn] {
    font-variant-numeric: tabular-nums;
}

.dv-chan[b-ln29udmgnn] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.dv-trang-thai[b-ln29udmgnn] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
}


.dv-chua-khai[b-ln29udmgnn] {
    color: var(--color-text-muted);
}

.dv-da-khai[b-ln29udmgnn] {
    color: var(--color-success-text);
}
/* /Components/Pages/TinVanBan.razor.rz.scp.css */


.tvb[b-9ioqbgcwao] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    gap: var(--space-3);
}

.tvb-cho[b-9ioqbgcwao] {
    margin: 0;
    color: var(--color-text-muted);
}

.tvb-bo-cuc[b-9ioqbgcwao] {
    flex: 1;
    min-height: 0;
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: var(--space-4);
}



.tvb-ds[b-9ioqbgcwao] {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.tvb-muc[b-9ioqbgcwao] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: var(--space-2) var(--space-3);
    border: 1px solid transparent;
    border-left: 3px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: none;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.tvb-muc:hover[b-9ioqbgcwao] {
    background: var(--color-surface-hover);
}


.tvb-muc-chon[b-9ioqbgcwao] {
    background: var(--color-surface);
    border-color: var(--color-border);
    border-left-color: var(--color-primary);
}

.tvb-muc:focus-visible[b-9ioqbgcwao] {
    outline-offset: 1px;
}

.tvb-muc-so[b-9ioqbgcwao] {
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
    color: var(--color-primary-text);
    font-variant-numeric: tabular-nums;
}

.tvb-muc-tieu-de[b-9ioqbgcwao] {
    font-size: var(--text-md);
    line-height: var(--leading-tight);
    color: var(--color-text);
}

.tvb-muc-chan[b-9ioqbgcwao] {
    display: flex;
    gap: var(--space-3);
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}

.tvb-muc-ho[b-9ioqbgcwao] {
    margin-left: auto;
    font-variant-numeric: tabular-nums;
}



.tvb-bai[b-9ioqbgcwao] {
    overflow-y: auto;
    padding: var(--space-5) var(--space-6);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
}


.tvb-bai > *[b-9ioqbgcwao] {
    max-width: 72ch;
}

.tvb-bai-dau[b-9ioqbgcwao] {
    margin-bottom: var(--space-4);
}

.tvb-bai-so[b-9ioqbgcwao] {
    margin: 0;
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
    color: var(--color-primary-text);
    font-variant-numeric: tabular-nums;
}

.tvb-bai h2[b-9ioqbgcwao] {
    margin: 2px 0 var(--space-2);
    font-size: var(--text-xl);
    line-height: var(--leading-tight);
}

.tvb-bai-meta[b-9ioqbgcwao] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
    margin: 0;
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}


.tvb-anh-huong[b-9ioqbgcwao] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--space-2);
    margin-bottom: var(--space-4);
    padding: var(--space-3);
    border-radius: var(--radius-md);
    background: var(--color-primary-soft);
    font-size: var(--text-md);
    color: var(--color-primary-text);
}

.tvb-anh-huong strong[b-9ioqbgcwao] {
    font-size: var(--text-lg);
    font-variant-numeric: tabular-nums;
}

.tvb-pham-vi[b-9ioqbgcwao] {
    color: var(--color-text-muted);
}

.tvb-xem-ho[b-9ioqbgcwao] {
    margin-left: auto;
    white-space: nowrap;
}

.tvb-muc-bai[b-9ioqbgcwao] {
    margin-bottom: var(--space-4);
}

.tvb-muc-bai h3[b-9ioqbgcwao] {
    margin: 0 0 var(--space-1);
    font-size: var(--text-base);
}

.tvb-muc-bai ul[b-9ioqbgcwao] {
    margin: 0;
    padding-left: var(--space-5);
    line-height: var(--leading-normal);
}

.tvb-muc-bai li[b-9ioqbgcwao] {
    margin-bottom: var(--space-1);
}


.tvb-hai-cot[b-9ioqbgcwao] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: var(--space-4);
}

.tvb-thuan[b-9ioqbgcwao] {
    border-left: 3px solid var(--color-success);
    padding-left: var(--space-3);
}

.tvb-bat[b-9ioqbgcwao] {
    border-left: 3px solid var(--color-warning);
    padding-left: var(--space-3);
}


.tvb-so-lieu[b-9ioqbgcwao] {
    padding: var(--space-3);
    border: 1px solid var(--color-warning-border);
    border-radius: var(--radius-md);
    background: var(--color-warning-soft);
}

.tvb-so-lieu code[b-9ioqbgcwao] {
    font-family: var(--font-mono);
    font-size: var(--text-md);
    color: var(--color-warning-text);
}



.tvb-nhan-dinh[b-9ioqbgcwao] {
    margin-top: var(--space-5);
    padding-top: var(--space-4);
    border-top: 1px solid var(--color-border);
}

.tvb-nhan-dinh h3[b-9ioqbgcwao] {
    margin: 0 0 var(--space-2);
    font-size: var(--text-base);
}

.tvb-nhan-dinh-noi-dung[b-9ioqbgcwao] {
    margin: 0 0 var(--space-2);
    line-height: var(--leading-normal);
}

.tvb-nhan-dinh-ten[b-9ioqbgcwao] {
    margin: 0 0 var(--space-3);
    font-size: var(--text-md);
    color: var(--color-text-muted);
}


.tvb-mien-tru[b-9ioqbgcwao] {
    margin: 0;
    font-size: var(--text-sm);
    line-height: var(--leading-normal);
    color: var(--color-text-muted);
}

@media (max-width: 1100px) {
    .tvb-bo-cuc[b-9ioqbgcwao] {
        grid-template-columns: 1fr;
    }

    .tvb-ds[b-9ioqbgcwao] {
        max-height: 220px;
    }
}




.tvb-nhip-khoe[b-9ioqbgcwao] {
    margin: 0 0 var(--space-4);
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.tvb-nhip[b-9ioqbgcwao] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    margin-bottom: var(--space-4);
    padding: var(--space-3) var(--space-4);
    font-size: var(--text-base);
    line-height: var(--leading-normal);
    border: 1px solid;
    border-radius: var(--radius-md);
}


.tvb-nhip-tre[b-9ioqbgcwao] {
    color: var(--color-warning-text);
    background: var(--color-warning-soft);
    border-color: var(--color-warning-border);
}


.tvb-nhip-ngung[b-9ioqbgcwao] {
    color: var(--color-danger-text);
    background: var(--color-danger-soft);
    border-color: var(--color-danger-border);
}

.tvb-nhip strong[b-9ioqbgcwao] {
    font-weight: var(--weight-bold);
    color: inherit;
}

.tvb-nhip span[b-9ioqbgcwao] {
    font-size: var(--text-sm);
}
/* /Components/Pages/ToKhaiDaLap.razor.rz.scp.css */



.tk-trang[b-vcfxz1yvo6] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    
    height: 100%;
    min-height: 0;
}




[b-vcfxz1yvo6] table.bang th.tk-cot-mst,
[b-vcfxz1yvo6] table.bang td.tk-cot-mst {
    width: 132px;
    min-width: 132px;
    font-variant-numeric: tabular-nums;
}


[b-vcfxz1yvo6] table.bang th.tk-cot-ten,
[b-vcfxz1yvo6] table.bang td.tk-cot-ten {
    width: auto;
    min-width: 220px;
}

[b-vcfxz1yvo6] table.bang td.tk-cot-ten {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


[b-vcfxz1yvo6] table.bang th.tk-cot-mau,
[b-vcfxz1yvo6] table.bang td.tk-cot-mau {
    width: 268px;
    min-width: 268px;
    white-space: nowrap;
}

.tk-ky-hieu[b-vcfxz1yvo6] {
    font-weight: var(--weight-medium);
    color: var(--color-text);
}

.tk-ban[b-vcfxz1yvo6] {
    margin-left: var(--space-2);
    font-size: var(--text-sm);
    
    color: var(--color-text-muted);
}

[b-vcfxz1yvo6] table.bang th.tk-cot-lan,
[b-vcfxz1yvo6] table.bang td.tk-cot-lan {
    width: 110px;
    min-width: 110px;
}


.tk-lan-dau[b-vcfxz1yvo6] {
    color: var(--color-text-muted);
}

.tk-bo-sung[b-vcfxz1yvo6] {
    font-weight: var(--weight-medium);
    color: var(--color-warning-text);
}




.tk-tien-do[b-vcfxz1yvo6] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-md);
    background: var(--color-surface);
}

.tk-tien-do-so[b-vcfxz1yvo6] {
    display: flex;
    align-items: baseline;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.tk-tien-do-chinh[b-vcfxz1yvo6] {
    color: var(--color-text);
}


.tk-tien-do-con[b-vcfxz1yvo6] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-warning-text);
}

.tk-tien-do-xong[b-vcfxz1yvo6] {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-success-text);
}

.tk-thanh[b-vcfxz1yvo6] {
    height: 6px;
    border-radius: 999px;
    background: var(--color-surface-alt);
    overflow: hidden;
}

.tk-thanh-day[b-vcfxz1yvo6] {
    height: 100%;
    background: var(--color-success);
    
    transition: width 150ms ease-out;
}

@media (prefers-reduced-motion: reduce) {
    .tk-thanh-day[b-vcfxz1yvo6] {
        transition: none;
    }
}



.tk-loc-nop[b-vcfxz1yvo6] {
    display: flex;
    gap: var(--space-2);
}

.tk-chip[b-vcfxz1yvo6] {
    padding: 2px var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: 999px;
    background: var(--color-surface);
    color: var(--color-text-muted);
    font: inherit;
    font-size: var(--text-sm);
    cursor: pointer;
}

.tk-chip:hover[b-vcfxz1yvo6] {
    background: var(--color-surface-hover);
}


.tk-chip-bat[b-vcfxz1yvo6] {
    border-color: var(--color-primary-border);
    background: var(--color-primary-soft);
    color: var(--color-primary-text);
    font-weight: var(--weight-medium);
}

.tk-chip:focus-visible[b-vcfxz1yvo6] {
    outline-offset: 1px;
}




[b-vcfxz1yvo6] table.bang th.tk-cot-doanh-thu,
[b-vcfxz1yvo6] table.bang td.tk-cot-doanh-thu {
    width: 200px;
    min-width: 200px;
    text-align: right;
}

.tk-doanh-thu[b-vcfxz1yvo6] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    justify-content: flex-end;
    width: 100%;
}


.tk-nut-chep[b-vcfxz1yvo6] {
    padding: 0 var(--space-2);
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    background: none;
    color: var(--color-text-faint);
    font: inherit;
    font-size: var(--text-sm);
    cursor: pointer;
    opacity: 0;
}

[b-vcfxz1yvo6] tr:hover .tk-nut-chep,
.tk-nut-chep:focus-visible[b-vcfxz1yvo6],
.tk-nut-chep-xong[b-vcfxz1yvo6] {
    opacity: 1;
}

.tk-nut-chep:hover[b-vcfxz1yvo6] {
    border-color: var(--color-border);
    background: var(--color-surface-hover);
    color: var(--color-text);
}

.tk-nut-chep:focus-visible[b-vcfxz1yvo6] {
    outline-offset: 1px;
}


.tk-nut-chep-xong[b-vcfxz1yvo6] {
    border-color: var(--color-success-border);
    background: var(--color-success-soft);
    color: var(--color-success-text);
}

.tk-thieu-so[b-vcfxz1yvo6] {
    color: var(--color-text-faint);
    font-size: var(--text-sm);
    font-style: italic;
}




.tk-duong-etax[b-vcfxz1yvo6] {
    margin-left: var(--space-2);
    padding: 1px var(--space-2);
    border-radius: var(--radius-sm);
    background: var(--color-surface-alt);
    color: var(--color-text-muted);
    font-size: var(--text-sm);
}

.tk-duong-xml[b-vcfxz1yvo6] {
    margin-left: var(--space-2);
    color: var(--color-text);
    font-size: var(--text-sm);
}

.tk-xml-so[b-vcfxz1yvo6] {
    font-variant-numeric: tabular-nums;
    color: var(--color-text-muted);
}


.tk-duong-thieu[b-vcfxz1yvo6] {
    margin-left: var(--space-2);
    padding: 1px var(--space-2);
    border-radius: var(--radius-sm);
    background: var(--color-warning-soft);
    color: var(--color-warning-text);
    font-size: var(--text-sm);
}



[b-vcfxz1yvo6] table.bang th.tk-cot-nop,
[b-vcfxz1yvo6] table.bang td.tk-cot-nop {
    width: 176px;
    min-width: 176px;
}

.tk-da-nop[b-vcfxz1yvo6] {
    margin-right: var(--space-2);
    font-weight: var(--weight-medium);
    color: var(--color-success-text);
}


.tk-nut-danh-dau[b-vcfxz1yvo6] {
    padding: 1px var(--space-2);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: var(--color-surface);
    color: var(--color-text);
    font: inherit;
    font-size: var(--text-sm);
    cursor: pointer;
}

.tk-nut-danh-dau:hover[b-vcfxz1yvo6] {
    border-color: var(--color-success-border);
    background: var(--color-success-soft);
    color: var(--color-success-text);
}


.tk-nut-go[b-vcfxz1yvo6] {
    border: none;
    background: none;
    padding: 0;
    color: var(--color-text-faint);
    font: inherit;
    font-size: var(--text-sm);
    text-decoration: underline;
    cursor: pointer;
}

.tk-nut-go:hover[b-vcfxz1yvo6] {
    color: var(--color-danger-text);
}

.tk-nut-danh-dau:focus-visible[b-vcfxz1yvo6],
.tk-nut-go:focus-visible[b-vcfxz1yvo6] {
    outline-offset: 1px;
}

.tk-nut-danh-dau:disabled[b-vcfxz1yvo6],
.tk-nut-go:disabled[b-vcfxz1yvo6] {
    opacity: 0.5;
    cursor: default;
}
/* /Components/Pages/XemBieuTuong.razor.rz.scp.css */


.trang[b-mmtutmcs0q] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.bt-dan[b-mmtutmcs0q] {
    margin: 0;
    max-width: 70ch;
    font-size: var(--text-base);
    line-height: var(--leading-normal);
    color: var(--color-text-muted);
}

.bt-luoi[b-mmtutmcs0q] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: var(--space-3);
}

.bt-o[b-mmtutmcs0q] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    padding: var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
}

.bt-hang[b-mmtutmcs0q] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    color: var(--color-text);
}


.bt-cung-chu[b-mmtutmcs0q] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-base);
    color: var(--color-text-muted);
}

.bt-o code[b-mmtutmcs0q] {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    color: var(--color-text-faint);
}
/* /Components/SoSach/FormChiPhi.razor.rz.scp.css */


.form-luoi[b-kbu6wnzo5j] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3) var(--space-4);
    margin-bottom: var(--space-3);
}


.form-luoi[b-kbu6wnzo5j] >  .on {
    flex: 1 1 200px;
}

.form-luoi[b-kbu6wnzo5j] >  .on-rong {
    flex-basis: 100%;
}
/* /Components/SoSach/FormDoanhThuKhac.razor.rz.scp.css */


.form-luoi[b-nezhsdmk2w] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3) var(--space-4);
    margin-bottom: var(--space-3);
}


.form-luoi[b-nezhsdmk2w] >  .on {
    flex: 1 1 200px;
}

.form-luoi[b-nezhsdmk2w] >  .on-rong {
    flex-basis: 100%;
}
/* /Components/SoSach/FormHoaDon.razor.rz.scp.css */


.form-luoi[b-6sxqfdl2u6] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3) var(--space-4);
    margin-bottom: var(--space-3);
}


.form-luoi[b-6sxqfdl2u6] >  .on {
    flex: 1 1 200px;
}

.form-luoi[b-6sxqfdl2u6] >  .on-rong {
    flex-basis: 100%;
}


.hd-canh-bao[b-6sxqfdl2u6] {
    grid-column: 1 / -1;
    margin: calc(var(--space-1) * -1) 0 0;
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-sm);
    font-size: var(--text-sm);
    line-height: var(--leading-normal);
}

.hd-canh-bao-loi[b-6sxqfdl2u6] {
    color: var(--color-danger-text);
    background: var(--color-danger-soft);
    border: 1px solid var(--color-danger-border);
}

.hd-canh-bao-nhac[b-6sxqfdl2u6] {
    color: var(--color-warning-text);
    background: var(--color-warning-soft);
    border: 1px solid var(--color-warning-border);
}


.hd-muc-suat[b-6sxqfdl2u6] {
    grid-column: 2;
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1);
    margin-top: calc(var(--space-2) * -1);
}


.hd-muc-suat .chip[b-6sxqfdl2u6] {
    height: 22px;
    padding: 0 var(--space-2);
    border: 1px solid var(--color-border);
    border-radius: 999px;
    background: var(--color-surface);
    font-size: var(--text-xs);
    line-height: 20px;
    color: var(--color-text-muted);
    cursor: pointer;
    transition: background var(--duration-fast) var(--ease);
}

.hd-muc-suat .chip:hover[b-6sxqfdl2u6] {
    background: var(--color-surface-hover);
    color: var(--color-text);
}

.hd-muc-suat .chip-bat[b-6sxqfdl2u6] {
    background: var(--color-primary-soft);
    border-color: var(--color-primary-border);
    color: var(--color-primary);
    font-weight: var(--weight-bold);
}


.hd-muc-suat .chip-bat:hover[b-6sxqfdl2u6] {
    background: var(--color-primary-border);
    color: var(--color-primary-active);
}
/* /Components/SoSach/HopThoaiDuLieuCaNhan.razor.rz.scp.css */



.dlcn-ke[b-skv19t6g6h] {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: var(--space-1) var(--space-3);
    margin: 0 0 var(--space-4);
    font-size: var(--text-sm);
}

.dlcn-ke dt[b-skv19t6g6h] {
    color: var(--color-text-muted);
}

.dlcn-ke dd[b-skv19t6g6h] {
    margin: 0;
    color: var(--color-text);
}

.dlcn-thanh[b-skv19t6g6h] {
    margin-bottom: var(--space-3);
}

.dlcn-xoa[b-skv19t6g6h] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    align-items: flex-start;
    margin-top: var(--space-3);
    padding: var(--space-3);
    border: 1px solid var(--color-danger-border);
    border-radius: var(--radius-sm);
    background: var(--color-danger-soft);
}

.dlcn-canh[b-skv19t6g6h] {
    margin: 0;
    font-size: var(--text-sm);
    color: var(--color-danger-text);
}

.dlcn-xoa .dd-o[b-skv19t6g6h] {
    width: 100%;
}
/* /Components/SoSach/HopThoaiTinhTrangHoatDong.razor.rz.scp.css */


.tt-chon[b-grzhwg61pa] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    margin-bottom: var(--space-3);
}


.tt-mot[b-grzhwg61pa] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0 var(--space-2);
    align-items: baseline;
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    cursor: pointer;
}

.tt-mot:hover[b-grzhwg61pa] {
    border-color: var(--color-border-strong);
}


.tt-mot:has(input:checked)[b-grzhwg61pa] {
    border-color: var(--color-accent);
}

.tt-mot:has(input:focus-visible)[b-grzhwg61pa] {
    outline: 2px solid var(--color-focus);
    outline-offset: 2px;
}

.tt-ten[b-grzhwg61pa] {
    grid-column: 2;
    font-weight: var(--weight-medium);
    color: var(--color-text);
}

.tt-mo-ta[b-grzhwg61pa] {
    grid-column: 2;
    margin-top: 2px;
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    line-height: var(--leading-normal);
}

.tt-ngay[b-grzhwg61pa] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
    margin-bottom: var(--space-3);
}

.tt-ngay label[b-grzhwg61pa] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.tt-ngay em[b-grzhwg61pa] {
    font-style: normal;
    color: var(--color-text-subtle);
}