*{box-sizing:border-box}body{margin:0;background:#f4f6f3;color:#1d2922;font:15px/1.55 "Segoe UI",Arial,sans-serif}.bar{height:64px;display:flex;align-items:center;gap:24px;padding:0 max(24px,calc((100% - 1120px)/2));background:#183e2d;color:white}.bar a{color:#e8f2e8;text-decoration:none}.bar strong{letter-spacing:.08em}.bar span{margin-left:auto}.bar button,.panel button{border:0;border-radius:8px;background:#26734c;color:white;padding:11px 17px;font-weight:700;cursor:pointer}.bar button{padding:8px 13px}.bar button[hidden]{display:none}main{max-width:1120px;margin:38px auto;padding:0 22px}.intro{margin:0 0 22px}.intro p{color:#24724c;font-weight:700;letter-spacing:.15em}.intro h1{font-size:clamp(28px,4vw,42px);line-height:1.16;margin:6px 0 12px}.intro span,.subtle,.panel p{color:#68756d}.panel{background:#fff;border:1px solid #e0e7e1;border-radius:14px;padding:24px;margin:16px 0;box-shadow:0 8px 25px #17261b0a}.panel h2{margin:0 0 14px}.columns,.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid{display:grid;gap:13px;grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid h2,.form-grid p{grid-column:1/-1}label{display:grid;gap:5px;font-weight:600}input,select{width:100%;border:1px solid #cbd6ce;border-radius:7px;padding:10px;font:inherit;background:white}.form-grid button{justify-self:start}.notice-card{background:#f4f8f4;border-radius:8px;padding:12px}.row{border-top:1px solid #e3e9e4;padding:12px 0;display:flex;justify-content:space-between;gap:12px;align-items:center}.row button{padding:7px 10px}.pill{font-size:12px;color:#256443;background:#e8f4eb;border-radius:30px;padding:4px 9px}#notice{margin:10px 0;color:#a1302b;font-weight:600}#notice:empty{display:none}[hidden]{display:none!important}code{overflow-wrap:anywhere}@media(max-width:700px){.columns,.split,.form-grid{grid-template-columns:1fr}.bar{padding:0 14px;gap:12px}.bar strong{font-size:13px}.bar span{font-size:12px}.panel{padding:18px}}
.toolbar{display:flex;gap:10px;margin:12px 0}.toolbar input{max-width:420px}.toolbar select{max-width:190px}.account-row{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:14px;padding:12px 4px;border-top:1px solid #e3e9e4}.account-row>div:first-child{display:grid}.account-row>div:first-child span{color:#68756d;font-size:13px}.row-actions{display:flex;gap:7px}.row-actions button,.detail-card button{padding:7px 10px}.field-label{display:block;font-weight:600;margin-bottom:5px}.category-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px;padding:9px;border:1px solid #d8e1da;border-radius:8px}.category-checks label{display:flex;align-items:center;gap:8px;font-weight:500}.category-checks input{width:auto}.project-select{min-height:116px}.detail-card{margin-top:14px;padding:17px;border:1px solid #d6e2d9;border-radius:10px;background:#f9fbf9}.detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.detail-head h3{margin:0}.detail-head p{margin:4px 0}.detail-card h4{margin-bottom:4px}@media(max-width:700px){.toolbar{display:grid}.toolbar input,.toolbar select{max-width:none}.account-row{grid-template-columns:1fr auto}.row-actions{grid-column:1/-1}.category-checks{grid-template-columns:1fr}}
.workspace-nav{display:flex;gap:10px;margin:12px 0}.workspace-nav button{border:0;border-radius:8px;background:#26734c;color:white;padding:11px 16px;font-weight:700;cursor:pointer}.workspace-nav button[hidden]{display:none}
.wide{grid-column:1/-1}.table-scroll{width:100%;overflow:auto;border:1px solid #e0e7e1;border-radius:9px;margin:8px 0 14px}.data-table{width:100%;border-collapse:collapse;background:#fff;min-width:680px}.data-table th,.data-table td{text-align:left;padding:11px 12px;border-bottom:1px solid #e5ebe6;vertical-align:middle}.data-table thead th{background:#f1f6f2;color:#355541;font-size:13px;white-space:nowrap}.data-table tbody tr:last-child td,.data-table tbody tr:last-child th{border-bottom:0}.permission-table th:first-child{min-width:190px}.permission-table td{text-align:center;width:100px}.matrix-check{display:flex;justify-content:center;cursor:pointer}.matrix-check input{width:18px;height:18px;accent-color:#26734c}.data-table .row-actions{white-space:nowrap}.data-table .row-actions button{padding:7px 10px}.customer-tabs{display:flex;gap:8px;overflow:auto;padding:6px 0 12px}.customer-tabs button{white-space:nowrap}.customer-row small,.renew-check small{display:block;color:#68756d}.notice-card h3{margin:0 0 8px}.notice-card section+section{margin-top:12px;padding-top:10px;border-top:1px solid #dce6dd}.notice-row{display:flex;justify-content:space-between;gap:12px;padding:5px 0}.notice-row time{white-space:nowrap;color:#68756d}.renew-list{margin:12px 0}.renew-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 4px;border-top:1px solid #e3e9e4}.renew-check{display:flex;align-items:flex-start;gap:9px;cursor:pointer}.renew-check input{width:18px;height:18px;margin-top:3px;flex:none}.duration{display:flex;align-items:center;gap:8px;white-space:nowrap}.duration select{width:auto}.preview-actions{display:flex;gap:9px;flex-wrap:wrap;margin:10px 0}.preview-actions button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:700px){.data-table{min-width:620px}.renew-row{align-items:stretch;flex-direction:column;gap:8px}.duration{justify-content:space-between}.notice-row{align-items:flex-start;flex-direction:column;gap:2px}.customer-tabs button{padding:9px 11px}}
.form-grid>*{min-width:0}.create-account-wide{width:100%;margin:18px 0 24px}.create-account-wide>#create-form{width:100%}.create-account-wide .wide{min-width:0}.create-account-wide .table-scroll{width:100%;max-width:100%}.project-scope-cell{min-width:155px}.project-scope-note{display:block;margin-top:4px;color:#68756d;font-size:12px}
.matrix-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-bottom:1px solid #e0e7e1;background:#f8fbf8;min-width:max-content}.matrix-toolbar label,.matrix-row,.matrix-column{display:flex;align-items:center;gap:8px;cursor:pointer}.matrix-toolbar input,.matrix-row input,.matrix-column input{width:18px;height:18px;accent-color:#26734c;flex:none}.matrix-row{justify-content:flex-start}.matrix-column{justify-content:center;white-space:normal}.matrix-column span{max-width:145px}.matrix-row input:disabled,.matrix-column input:disabled,.matrix-toolbar input:disabled{cursor:not-allowed;opacity:.45}.matrix-row input:indeterminate,.matrix-column input:indeterminate,.matrix-toolbar input:indeterminate{accent-color:#a16a00}.permission-matrix-host .permission-table{min-width:780px}.permission-matrix-host .permission-table th:first-child{min-width:220px}.permission-matrix-host .permission-table td{padding:8px}.permission-matrix-host .matrix-check input{cursor:pointer}.permission-matrix-host .matrix-check input:disabled{cursor:not-allowed;opacity:.35}.permission-matrix-host [data-matrix-clear]{white-space:nowrap}@media(max-width:700px){.matrix-toolbar{align-items:flex-start}.permission-matrix-host .permission-table{min-width:780px}.permission-matrix-host .matrix-column{flex-direction:column;gap:5px}.permission-matrix-host .permission-table th:first-child{min-width:190px}}
.source-actions{min-width:205px;width:225px}.source-actions button{display:block;width:100%;margin:4px 0;white-space:normal}.source-actions button:disabled{opacity:.5;cursor:not-allowed}.source-actions [data-source-status],.source-status-note{display:block;margin-top:5px;font-size:12px;line-height:1.3;overflow-wrap:anywhere}.source-inspection{min-width:0;max-width:300px;max-height:150px;overflow:auto;margin-top:4px;font-size:12px;overflow-wrap:anywhere}.source-inspection p{margin:4px 0;color:#6b5220}.source-sample{min-width:320px;font-size:11px}.source-sample th,.source-sample td{padding:4px 5px;max-width:120px;overflow-wrap:anywhere}
.source-registry select{max-width:220px;min-height:38px}.source-registry [data-save-classification]{white-space:nowrap}.source-registry .table-scroll{margin-top:8px}
.source-diagnostic{max-height:64px;overflow:auto;margin:4px 0;padding:4px 5px 4px 24px;border-left:3px solid #8eabc7;background:#f4f8fc;color:#19344f;font-size:11px;line-height:1.25;overflow-wrap:anywhere}.source-diagnostic li+li{margin-top:2px}
.source-preview-dialog{width:min(96vw,1500px);max-width:96vw;height:min(90dvh,1000px);max-height:90dvh;border:1px solid #cbd6ce;border-radius:12px;padding:18px;box-shadow:0 20px 70px #14261b55;overflow:hidden}.source-preview-dialog[open]{display:flex;flex-direction:column}.source-preview-dialog::backdrop{background:#122018a8}.source-preview-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex:none}.source-preview-top>div{min-width:0}.source-preview-top h2{margin:0 0 4px;overflow-wrap:anywhere}.source-preview-top p{margin:0;color:#526258;overflow-wrap:anywhere}.source-preview-top button{flex:none;border:0;border-radius:8px;padding:10px 14px;background:#26734c;color:white;cursor:pointer}.source-preview-scroll{flex:1;min-height:0;overflow:auto;border:1px solid #dce5de;border-radius:8px;overscroll-behavior:contain}.source-preview-table{min-width:max-content;width:max-content}.source-preview-table th,.source-preview-table td{white-space:pre-wrap;min-width:76px;max-width:320px;overflow-wrap:anywhere}.source-preview-table thead{position:sticky;top:0;z-index:2}.source-preview-table thead th{background:#edf4ef}.source-preview-dialog [data-preview-status]{flex:none;overflow-wrap:anywhere;margin:10px 0}.source-preview-dialog [role=alert]{color:#a1302b;font-weight:600}
.workspace-nav{flex-wrap:wrap}.cdt-toolbar,.cdt-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cdt-toolbar label{display:flex;align-items:center;gap:8px}.cdt-list{display:grid;gap:12px}.cdt-card{border:1px solid #d8e1da;border-radius:10px;padding:16px;min-width:0}.cdt-card h4{margin:0 0 6px}.cdt-card p{margin:7px 0}.cdt-card a,.cdt-card p,.cdt-card small{overflow-wrap:anywhere}.cdt-card a{display:block}.cdt-card small{display:block;margin-bottom:10px}.cdt-notes{white-space:pre-wrap}#cdt-form{border-block:1px solid #e0e7e1;padding:14px 0;margin:18px 0}#cdt-form textarea{width:100%;font:inherit;padding:10px;border:1px solid #cad6cd;border-radius:8px;resize:vertical}#cdt-form h3{margin:0}#cdt-panel button:disabled{opacity:.5;cursor:not-allowed}#cdt-status[role=alert]{color:#a1302b}#cdt-existing{margin-top:20px}#cdt-existing summary{cursor:pointer;font-weight:700}@media(max-width:700px){.cdt-toolbar{align-items:stretch}.cdt-toolbar label{width:100%}.cdt-toolbar select{min-width:0;flex:1}.cdt-actions button{flex:1 1 130px}}
.password-reset-dialog{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid var(--line,#d9e0e7);border-radius:16px;color:var(--ink,#17212b);background:var(--surface,#fff);box-shadow:0 24px 80px #0b1b2b33}.password-reset-dialog::backdrop{background:#10203088}.password-reset-dialog form{display:grid;gap:14px}.password-reset-dialog h2,.password-reset-dialog p{margin:0}.password-reset-identity{padding:12px;border-radius:10px;background:#f2f5f7;overflow-wrap:anywhere}.password-reset-identity p{margin:4px 0}.password-reset-dialog label{display:grid;gap:6px}.password-reset-dialog input{width:100%;padding:10px;border:1px solid #aebac5;border-radius:8px;font:inherit}.password-reset-dialog .dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.password-reset-dialog button{padding:10px 14px;border:0;border-radius:8px;cursor:pointer}.password-reset-dialog button[type=submit]{background:#1c5c4c;color:white}.password-reset-dialog button:disabled{opacity:.55;cursor:wait}


/*BDS-TRANG-TAI-KHOAN BDS-TTK-V2*/
#cdt-panel,#cdt-nav,#workspace-nav,#admin-panel{display:none!important}
.acct-launcher{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.acct-launcher[hidden],.acct-stats[hidden],.acct-btn[hidden]{display:none}
.acct-btn{position:relative;display:inline-flex;align-items:center;border:0;border-radius:8px;background:#26734c;color:#fff;padding:11px 16px;font-weight:700;font-size:14px;cursor:pointer}.acct-btn:hover{background:#1f5f3f}
.acct-badge{background:#c0392b;color:#fff;border-radius:999px;font-style:normal;font-size:12px;padding:1px 7px;margin-left:8px}.acct-badge[hidden]{display:none}
.acct-stats{margin:0 0 12px;color:#5a6b61;font-size:14px}
.acct-dialog{width:min(var(--w,900px),96vw);max-width:96vw;max-height:92dvh;padding:0;border:1px solid #cbd6ce;border-radius:14px;background:#fff;color:inherit;box-shadow:0 20px 70px #14261b55;overflow:hidden}
.acct-dialog::backdrop{background:#0b1a1070}
.acct-box{display:flex;flex-direction:column;max-height:92dvh}
.acct-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid #e3e9e4;background:#f4f8f5}
.acct-head h2{margin:0;font-size:17px}
.acct-x{background:#fff;color:#26382d;border:1px solid #cbd6ce;padding:6px 11px}
.acct-body{overflow:auto;padding:16px 20px;position:relative}
.acct-body>.panel{border:0;box-shadow:none;padding:0;margin:0}
.acct-dialog h3:has(+ form[hidden]){display:none}
.acct-tabs{display:flex;gap:8px;margin-bottom:12px}.acct-tabs button{background:#fff;color:#26734c;border:1px solid #26734c}.acct-tabs button.on{background:#26734c;color:#fff}.acct-tabs [hidden]{display:none}
.acct-toast{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:2147483647;padding:10px 18px;border-radius:8px;color:#fff;font-weight:700;box-shadow:0 3px 18px #0003;pointer-events:none}.acct-toast.ok{background:#215c3d}.acct-toast.err{background:#8b2424}.acct-toast[hidden]{display:none}
#device-list .acct-hist{display:none!important}#device-list.show-hist .acct-hist{display:flex!important}
.acct-hist-toggle{margin-top:10px;background:#fff!important;color:#26734c!important;border:1px solid #26734c!important}
.acct-sum th,.acct-sum td{background:#f4f8f5}.acct-detail{display:none}.acct-detail.acct-show{display:table-row}.acct-dup{display:none}
.acct-more{margin-left:10px;background:#fff!important;color:#26734c!important;border:1px solid #26734c!important;padding:4px 10px!important}
.acct-manual{margin-top:16px;border:1px solid #e0e7e1;border-radius:10px;padding:10px 14px}.acct-manual>summary{cursor:pointer;font-weight:700}
.acct-dialog button:not(.acct-x):not(.acct-more):not(.acct-hist-toggle):not([data-tab]){border:0;border-radius:8px;background:#26734c;color:#fff;padding:8px 13px;font-weight:700;font-size:14px;cursor:pointer}
.acct-dialog button:not(.acct-x):not(.acct-more):not(.acct-hist-toggle):not([data-tab]):hover{background:#1f5f3f}.acct-dialog button:disabled{opacity:.5;cursor:not-allowed}
.acct-dialog .row small{display:block;color:#5a6b61;margin-top:2px}
.acct-tabs button{padding:8px 14px!important;font-weight:700!important;border-radius:8px!important;cursor:pointer}
.acct-dialog .detail-card{margin:0 0 18px;border:1px solid #cbd6ce;border-radius:12px;padding:16px;background:#fbfdfb}
@media(max-width:620px){.acct-dialog{width:100vw;max-width:100vw;max-height:100dvh;border-radius:0}.acct-body{padding:12px}.acct-head{padding:12px}}

/*BDS-XOA-TK*/
.bds-detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}
#account-list button.bds-del,.bds-detail-actions button.bds-del{background:#fff;color:#8b2424;border:1px solid #c98a8a}
#account-list button.bds-del:hover,.bds-detail-actions button.bds-del:hover{background:#8b2424;color:#fff}

/*BDS-VO-HIEU*/
tr.bds-dis-head td{padding:6px 8px;background:#f1eee6}
button.bds-dis-toggle{width:100%;text-align:left;background:transparent;color:#4a4a3a;border:0;font-weight:700;font-size:13px;padding:6px 4px;cursor:pointer}
tr.bds-dis-row{opacity:.7}

/*BDS-CHI-TIET-RIENG*/
dialog.bds-detail-mode .acct-body > :not(#account-detail){display:none!important}

/*BDS-DONG-NGOAI*/
#account-list tr:not(.bds-dis-head){cursor:pointer}
#account-list tr:not(.bds-dis-head):hover{background:#f3f8f4}

/*BDS-SAP-XEP*/
#permission-form > label:first-child{display:none}

/*BDS-HAN-DUNG*/
.bds-exp-wrap{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap;margin-right:12px}
#acct-expire-list td select{margin-right:6px}

/*BDS-KH-USER*/
#kh-form{max-width:640px}
#kh-devices td button{margin:2px 4px 2px 0}

/*BDS-TAO-KH-DAU*/
.customer-tabs button.bds-tab-new{background:#d9731a!important;border:1px solid #d9731a!important;color:#fff!important}
.customer-tabs button.bds-tab-new:hover{background:#b85d10!important;border-color:#b85d10!important}
.customer-tabs button.bds-tab-new[aria-selected="true"]{box-shadow:0 0 0 3px rgba(217,115,26,.35)}

/*BDS-KH-XOA*/
tr.bds-trash-row{opacity:.6}
tr.bds-trash-head td{background:#f3e3e3}
.bds-grp-search{padding:5px 9px;border:1px solid #c9c5b5;border-radius:6px;font-size:13px;min-width:200px}
#kh-excel summary{padding:8px 0}
/*BDS-DIEN-THOAI*/
@media(max-width:620px){.customer-tabs{display:flex!important;flex-wrap:wrap!important;gap:6px!important;overflow:visible!important}.customer-tabs button{flex:1 1 auto;padding:8px 10px!important;font-size:13px!important}}

/*BDS-MAU-NHOM*/
#account-list tr.bds-dis-head td{background:#e9e9e9}
#account-list tr.bds-dis-head button.bds-dis-toggle{background:#6b6f73;color:#fff;border-radius:6px;padding:7px 10px}
#account-list tr.bds-trash-head td{background:#f6dede}
#account-list tr.bds-trash-head button.bds-dis-toggle{background:#a83232;color:#fff}
#account-list tr.bds-own-head td{background:#dfecf8}
#account-list tr.bds-own-head button.bds-dis-toggle{background:#1f6fa8;color:#fff}
#account-list tr.bds-none-head td{background:#fcebcb}
#account-list tr.bds-none-head button.bds-dis-toggle{background:#b8740f;color:#fff}
