:root{--ss-bg:#f0f2f8;--ss-card:#fff;--ss-border:#dde2ef;--ss-accent:#0F6E56;--ss-mint:#BEE4DD;--ss-mint-dk:#085041;--ss-mint-bd:#9FE1CB;--ss-text1:#0d1117;--ss-text2:#4b5563;--ss-text3:#6b7280;--ss-text4:#9ca3af;--ss-font:'DM Sans','Roboto',-apple-system,sans-serif;--ss-r:12px;--ss-rsm:8px;--ss-red:#DC2626;--ss-appr:#166534;--ss-appr-bg:#dcfce7}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body,.console-page-content{background:var(--ss-bg);font-family:var(--ss-font)}
.console-breadcrumb{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0px 16px 0!important;background:transparent!important;border:none!important;font-family:var(--ss-font)!important;flex-wrap:wrap!important;gap:8px!important}
.console-breadcrumb-main{font-weight:600;color:var(--ss-text1);font-size:13px}.console-breadcrumb-sub{color:var(--ss-text3);font-size:13px}
.console-breadcrumb{ margin-top:0px; }
.all_user_btn button{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:7px 14px!important;background:var(--ss-card)!important;border:1px solid var(--ss-border)!important;border-radius:var(--ss-rsm)!important;font-family:var(--ss-font)!important;font-size:13px!important;font-weight:600!important;color:var(--ss-text2)!important;cursor:pointer!important;white-space:nowrap!important;transition:all .14s!important;box-shadow:none!important}
.all_user_btn button:hover{background:var(--ss-mint)!important;border-color:var(--ss-mint-bd)!important;color:var(--ss-mint-dk)!important}
.filter-btn-img{display:inline-flex;align-items:center}.filter-btn-img img{width:15px;height:15px;opacity:.7}
.ss-search-wrap{padding:10px 16px 0;position:relative}
.ss-search-wrap svg{position:absolute;left:28px;top:50%;transform:translateY(-50%);width:15px;height:15px;stroke:var(--ss-text4);fill:none;stroke-width:2;pointer-events:none}
.ss-search-input{width:100%;height:36px;padding:0 12px 0 36px;font-family:var(--ss-font);font-size:13px;color:var(--ss-text1);background:var(--ss-card);border:1px solid var(--ss-border);border-radius:var(--ss-rsm);outline:none;transition:border-color .14s,box-shadow .14s}
.ss-search-input:focus{border-color:var(--ss-accent);box-shadow:0 0 0 3px rgba(15,110,86,.10)}
.ss-search-input::placeholder{color:var(--ss-text4)}
.ss-desktop{display:none}
.ss-tbl-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--ss-border);background:var(--ss-bg)}
@media(min-width:769px){
.ss-desktop{display:block}.ss-mobile{display:none} .ss-search-wrap{display:none} .ss-tbl-toolbar{display:none}
 .filter_and_menu{ display:flex;justify-content:space-between;margin-top:20px; }
}
.ss-table-wrap{margin:12px 16px 24px;background:var(--ss-card);border:1px solid var(--ss-border);border-radius:var(--ss-r);overflow:hidden;box-shadow:0 1px 4px rgba(13,17,23,.05)}
.ss-table-scroll{overflow-x:auto}
.ss-tbl-count{font-size:12px;color:var(--ss-text3);font-weight:500}
.ss-excel-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;background:var(--ss-card);border:1px solid var(--ss-border);border-radius:var(--ss-rsm);font-family:var(--ss-font);font-size:12px;font-weight:600;color:var(--ss-text2);cursor:pointer;transition:all .14s;white-space:nowrap}
.ss-excel-btn:hover{background:#e8f5e9;border-color:#81c784;color:#2e7d32}
.ss-excel-btn svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
table.ss-tbl{width:100%;border-collapse:collapse;font-family:var(--ss-font);min-width:700px}
table.ss-tbl thead tr{background:var(--ss-bg);border-bottom:2px solid var(--ss-border)}
table.ss-tbl thead th{padding:0;border-right:1px solid var(--ss-border)}
table.ss-tbl thead th:last-child{border-right:none}
table.ss-tbl thead th.sep-l{border-left:2px solid var(--ss-border)}
.ss-th-btn{display:flex;align-items:center;justify-content:flex-end;gap:5px;width:100%;padding:10px 12px;background:none;border:none;cursor:pointer;font-family:var(--ss-font);font-size:10px;font-weight:700;letter-spacing:.45px;text-transform:uppercase;color:var(--ss-text3);white-space:nowrap;transition:background .12s,color .12s;text-align:right}
.ss-th-btn:hover{background:#eaecf5;color:var(--ss-text1)}.ss-th-btn.active{color:var(--ss-accent)}
thead th:first-child .ss-th-btn,thead th:nth-child(2) .ss-th-btn{justify-content:flex-start;text-align:left}
.ss-sort-arrow{width:10px;height:10px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;flex-shrink:0;opacity:0}
.ss-th-btn.active .ss-sort-arrow{opacity:1}
table.ss-tbl thead tr.ss-totals{background:var(--ss-mint);border-bottom:2px solid var(--ss-mint-bd)}
table.ss-tbl thead tr.ss-totals td{padding:10px 12px;font-size:13px;font-weight:700;color:var(--ss-mint-dk);white-space:nowrap;text-align:right;border-right:1px solid var(--ss-mint-bd);vertical-align:middle}
table.ss-tbl thead tr.ss-totals td:first-child,table.ss-tbl tbody tr.ss-totals td:nth-child(2){text-align:left}
table.ss-tbl thead tr.ss-totals td:last-child{border-right:none}
table.ss-tbl thead tr.ss-totals td.sep-l{border-left:2px solid var(--ss-mint-bd)}
table.ss-tbl tbody tr.ss-data{border-bottom:1px solid var(--ss-border);transition:background .1s}
table.ss-tbl tbody tr.ss-data:last-child{border-bottom:none}
table.ss-tbl tbody tr.ss-data:nth-child(even) td{background:#fafbfd}
table.ss-tbl tbody tr.ss-data:hover td{background:#edf2ff!important}
table.ss-tbl tbody tr.ss-data td{padding:11px 12px;font-size:13px;color:var(--ss-text1);white-space:nowrap;border-right:1px solid var(--ss-border);vertical-align:middle;text-align:right}
table.ss-tbl tbody tr.ss-data td:first-child,table.ss-tbl tbody tr.ss-data td:nth-child(2){text-align:left}
table.ss-tbl tbody tr.ss-data td:last-child{border-right:none}
table.ss-tbl tbody tr.ss-data td.sep-l{border-left:2px solid var(--ss-border)}
.ss-tbl-sr{width:22px;height:22px;border-radius:5px;background:var(--ss-accent);color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.ss-tbl-link{color:var(--ss-accent);font-weight:600;text-decoration:none}.ss-tbl-link:hover{color:var(--ss-mint-dk);text-decoration:underline}
.rp-pos{color:var(--ss-appr);font-weight:600}.rp-neg{color:var(--ss-red);font-weight:600}.rp-zero{color:var(--ss-text3)}
@media (max-width: 768px) { .ss-desktop { display: none; } .ss-mobile { display: block; } .rn{display:none} }
.ss-mob-totals{display:flex;margin:10px 12px 0;background:var(--ss-mint);border:1px solid var(--ss-mint-bd);border-radius:var(--ss-rsm);overflow:hidden}
.ss-mob-tot-item{flex:1;padding:8px 10px;border-right:1px solid var(--ss-mint-bd);display:flex;flex-direction:column;gap:2px}
.ss-mob-tot-item:last-child{border-right:none}
.ss-mob-tot-lbl{font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--ss-mint-dk);opacity:.7}
.ss-mob-tot-val{font-size:13px;font-weight:700;color:var(--ss-mint-dk)}
.ss-list{padding:10px 12px 60px;display:flex;flex-direction:column;gap:6px}
.ss-list-item{background:var(--ss-card);border:1px solid var(--ss-border);border-radius:var(--ss-rsm);overflow:hidden}
.ss-list-row{display:grid;grid-template-columns:22px 1fr auto auto;align-items:center;gap:10px;padding:11px 12px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ss-list-row:active{background:#f4f6fb}
.ss-lr-sr{width:20px;height:20px;border-radius:5px;background:var(--ss-accent);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}
.ss-lr-name{min-width:0}
.ss-lr-pj{font-size:13px;font-weight:600;color:var(--ss-accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.ss-lr-pcs{font-size:11px;color:var(--ss-text4);margin-top:2px}
.ss-lr-amounts{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.ss-lr-col{display:flex;flex-direction:column;align-items:flex-end;gap:1px}
.ss-lr-field-lbl{font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--ss-text4)}
.ss-lr-amt{font-size:13px;font-weight:700;color:var(--ss-text1)}
.ss-lr-chev svg{width:14px;height:14px;stroke:var(--ss-text4);fill:none;stroke-width:2;stroke-linecap:round;transition:transform .2s}
.ss-list-item.open .ss-lr-chev svg{transform:rotate(180deg)}
.ss-list-detail{display:none;border-top:1px solid var(--ss-border);padding:12px;background:#fafbfd}
.ss-list-item.open .ss-list-detail{display:block}
.ss-det-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.ss-det-cell{background:var(--ss-card);border:1px solid var(--ss-border);border-radius:6px;padding:7px 9px}
.ss-det-cell.mint{background:#eefaf7;border-color:var(--ss-mint-bd)}
.ss-det-cell.green{background:var(--ss-appr-bg);border-color:#86efac}
.ss-det-cell.red{background:#FEF2F2;border-color:#fecaca}
.ss-det-lbl{font-size:9px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--ss-text4)}
.ss-det-cell.mint .ss-det-lbl{color:var(--ss-mint-dk)}.ss-det-cell.green .ss-det-lbl{color:var(--ss-appr)}.ss-det-cell.red .ss-det-lbl{color:var(--ss-red)}
.ss-det-val{font-size:14px;font-weight:600;color:var(--ss-text1);margin-top:2px}
.ss-det-cell.mint .ss-det-val{color:var(--ss-mint-dk)}.ss-det-cell.green .ss-det-val{color:var(--ss-appr)}.ss-det-cell.red .ss-det-val{color:var(--ss-red)}
.ss-det-link{display:inline-flex;align-items:center;gap:5px;margin-top:10px;font-size:12px;font-weight:600;color:var(--ss-accent);text-decoration:none}
.ss-det-link svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
.ss-det-link:hover{text-decoration:underline;color:var(--ss-mint-dk)}
.ss-empty{padding:40px 20px;text-align:center;color:var(--ss-text4);font-size:13px}
*{scrollbar-width:thin;scrollbar-color:var(--ss-border) transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:var(--ss-border);border-radius:4px}
table.ss-tbl thead tr:first-child{border-bottom:1px solid var(--ss-border)}
table.ss-tbl thead tr.ss-filter-row{background:var(--ss-card);border-bottom:2px solid var(--ss-border)}
table.ss-tbl thead tr.ss-filter-row th{padding:6px 8px}
.ss-col-input{width:100%;height:28px;padding:0 8px;font-family:var(--ss-font);font-size:12px;font-weight:500;color:var(--ss-text1);background:var(--ss-bg);border:1px solid var(--ss-border);border-radius:6px;outline:none;text-align:right;transition:border-color .14s,box-shadow .14s,background .14s}
.ss-col-input.left{text-align:left}
.ss-col-input:focus{background:var(--ss-card);border-color:var(--ss-accent);box-shadow:0 0 0 3px rgba(15,110,86,.10)}
.ss-col-input.has-val{background:var(--ss-card);border-color:var(--ss-accent)}
.ss-col-input::placeholder{color:var(--ss-text4);font-weight:400}
.ss-clear-btn{display:inline-flex;align-items:center;height:26px;padding:0 10px;margin-left:10px;background:var(--ss-card);border:1px solid var(--ss-border);border-radius:var(--ss-rsm);font-family:var(--ss-font);font-size:11px;font-weight:600;color:var(--ss-red);cursor:pointer;transition:all .14s}
.ss-clear-btn:hover{background:#FEF2F2;border-color:#fecaca}
/* ==========================================
   FIXED HEADER + FILTER + TOTAL
   ONLY TABLE BODY SCROLLS
   NO COLUMN WIDTH CHANGES
   ========================================== */

/* Keep the original table structure */
.ss-table-scroll {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    overflow-x: auto;
}

/* Keep the original table width calculation */
table.ss-tbl {
    width: 100%;
    min-width: 700px;
    border-collapse: unset;
    border-color:transparent;
}

/* Header stays fixed */
table.ss-tbl thead {
    position: sticky;
    top: 0;
    z-index: 20;
}

/* Header background */
table.ss-tbl thead tr:first-child th {
    background: var(--ss-bg);
}

/* Filter row stays directly below header */
table.ss-tbl thead tr.ss-filter-row {
    position: sticky;
    top: 34px;
    z-index: 19;
    background: var(--ss-card);
}

table.ss-tbl thead tr.ss-filter-row th {
    background: var(--ss-card);
}

/* Total row stays fixed at bottom */
table.ss-tbl tbody tr.ss-totals {
    position: sticky;
    bottom: 0;
    z-index: 18;
}

/* Total row background must be opaque */
table.ss-tbl tbody tr.ss-totals td {
    background: var(--ss-mint) !important;
}

/* ==========================================
   MOBILE PAGE LOCK
   ONLY .ss-list CAN SCROLL
   ========================================== */

@media (max-width: 768px) {

    html,
    body {
        height: 100%;
        /*overflow: hidden !important;*/
    }

    .console-page-content {
        height: 100vh;
        overflow: hidden !important;
    }

    .ss-mobile {
        display: flex;
        flex-direction: column;
        /*height: calc(100vh - 140px);*/
        min-height: 0;
        overflow: hidden;
    }

    /* Fixed totals */
    .ss-mob-totals {
        flex: 0 0 auto;
    }

    /* ONLY SCROLLABLE AREA */
    .ss-list {
        flex: 1 1 auto;
        min-height: 0;
        /*height: 0;*/

        overflow-y: auto;
        overflow-x: hidden;

        -webkit-overflow-scrolling: touch;

        /* Hide scrollbar */
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .ss-list::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
    }

    /* Don't shrink party cards */
    .ss-list-item {
        flex: 0 0 auto;
    }

    .ss-list-row {
        min-height: 58px;
    }
    .report-new-title{
        margin-top:10px;
        margin-bottom:10px;
    }
    .menu-back-button-new{
    	font-size:14px;
    }
    .menu-back-img{
    	top:0px;
    }
}