/* tự sinh bởi tools/build-att.py từ style.css của app Chấm công */
:root{--sidebar:260px}#attHost *{box-sizing:border-box}#attHost,#attHost{margin:0;min-height:100%;font-family:var(--qc-font);color:var(--qc-text);background:var(--qc-bg)}#attHost button,#attHost input,#attHost select,#attHost textarea{font:inherit}#attHost button{cursor:pointer}#attHost button:disabled{opacity:.55;cursor:not-allowed}#attHost .hidden,#attHost [hidden]{display:none!important}#attHost .app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}#attHost .sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);z-index:40;display:flex;flex-direction:column;background:var(--qc-shell-red);color:#fff}#attHost .brand{height:96px;display:flex;align-items:center;gap:13px;padding:17px 17px;border-bottom:1px solid rgba(255,255,255,.16)}#attHost .brand img{width:58px;height:58px;border-radius:14px;object-fit:cover;box-shadow:0 6px 16px rgba(59,0,12,.16)}#attHost .brand-copy b{display:block;font-size:17px;letter-spacing:.03em}#attHost .brand-copy small{display:block;margin-top:5px;font-size:11px;font-weight:700;letter-spacing:.13em;color:rgba(255,255,255,.82)}#attHost .nav{padding:16px 10px;display:grid;gap:5px}#attHost .nav-item{width:100%;min-height:48px;display:flex;align-items:center;gap:12px;padding:0 14px;border:0;border-radius:10px;background:transparent;color:rgba(255,255,255,.92);font-weight:700;text-align:left}#attHost .nav-item:hover{background:rgba(255,255,255,.10)}#attHost .nav-item.active{background:rgba(255,255,255,.19);box-shadow:inset 3px 0 #fff;color:#fff}#attHost .nav-item svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}#attHost .sidebar-bottom{margin-top:auto;padding:16px;border-top:1px solid rgba(255,255,255,.15)}#attHost .sidebar-bottom small{display:block;color:rgba(255,255,255,.74);line-height:1.5}#attHost .sidebar-bottom b{display:block;margin-bottom:5px;font-size:12px;letter-spacing:.08em}#attHost .content-shell{grid-column:2;min-width:0}#attHost .topbar{height:76px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#fff;border-bottom:1px solid var(--qc-line)}#attHost .company-title{color:var(--qc-red-600);font-size:15px;font-weight:800;letter-spacing:.02em}#attHost .top-actions{display:flex;align-items:center;gap:10px}#attHost .user-chip{min-height:46px;display:flex;align-items:center;gap:9px;padding:4px 12px 4px 5px;border:1px solid var(--qc-line);border-radius:11px;background:#fff}#attHost .avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--qc-red-600);color:#fff;font-size:12px;font-weight:800}#attHost .user-chip b{display:block;font-size:13px}#attHost .user-chip small{display:block;margin-top:2px;color:var(--qc-text-muted);font-size:10px}#attHost .logout{height:40px;padding:0 12px;border:1px solid var(--qc-line);border-radius:9px;background:#fff;color:var(--qc-text-2);font-weight:700}#attHost .logout:hover{background:var(--qc-surface-2)}#attHost .mobile-brand{display:none}#attHost .section-tab{height:56px;display:flex;align-items:flex-end;padding:0 24px;background:#fff;border-bottom:1px solid var(--qc-line)}#attHost .section-tab span{height:56px;display:flex;align-items:center;padding:0 7px;color:var(--qc-red-600);border-bottom:3px solid var(--qc-red-600);font-weight:800}#attHost main{max-width:1540px;margin:0 auto;padding:20px 22px 48px}#attHost .view{display:none}#attHost .view.active{display:block}#attHost .page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:3px 0 16px}#attHost .page-head h1{margin:0;font-size:26px;letter-spacing:-.025em}#attHost .page-head p{margin:6px 0 0;color:var(--qc-text-muted)}#attHost .today-chip{padding:8px 12px;border-radius:999px;background:var(--qc-red-50);color:var(--qc-red-600);font-size:12px;font-weight:800;border:1px solid #f3cbd1}#attHost .grid{display:grid;grid-template-columns:1.12fr .88fr;gap:14px}#attHost .stack{display:grid;gap:14px}#attHost .card{background:#fff;border:1px solid var(--qc-line);border-radius:var(--qc-r-lg);box-shadow:var(--qc-shadow-md)}#attHost .card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid var(--qc-line)}#attHost .card-head h2{margin:0;font-size:15px}#attHost .card-body{padding:17px}#attHost .section-title{display:flex;align-items:center;gap:8px;font-weight:800}#attHost .section-title:before{content:"";width:4px;height:18px;border-radius:4px;background:var(--qc-red-600)}#attHost .status-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 55%,#fff3f5)}#attHost .status-hero:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-72px;top:-95px;background:rgba(200,16,38,.055)}#attHost .status-main{display:flex;align-items:center;justify-content:space-between;gap:20px}#attHost .status-main h2{margin:5px 0 4px;font-size:25px}#attHost .eyebrow{color:var(--qc-red-600);font-size:11px;font-weight:850;letter-spacing:.14em}#attHost .muted{color:var(--qc-text-muted)}#attHost .status-pill{position:relative;z-index:2;padding:10px 13px;border:1px solid #f0c7cf;border-radius:999px;background:#fff;color:var(--qc-red-600);font-size:12px;font-weight:800;white-space:nowrap}#attHost .punch-box{display:grid;gap:13px}#attHost .field label{display:block;margin-bottom:6px;color:var(--qc-text-2);font-size:12px;font-weight:750}#attHost .input,#attHost select,#attHost input,#attHost textarea{width:100%;border:1px solid var(--qc-line-strong);border-radius:8px;background:#fff;color:var(--qc-text)}#attHost input,#attHost select{height:42px;padding:0 11px}#attHost textarea{min-height:92px;padding:10px 11px;resize:vertical}#attHost input:focus,#attHost select:focus,#attHost textarea:focus{outline:0;border-color:var(--qc-red-600);box-shadow:0 0 0 3px rgba(206,20,40,.08)}#attHost .gps-state{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid var(--qc-line-strong);border-radius:9px;background:var(--qc-surface-2);color:var(--qc-text-2);font-size:12px}#attHost .gps-dot{width:9px;height:9px;border-radius:50%;background:#98a2b3;box-shadow:0 0 0 4px #edf0f3}#attHost .gps-state.ok .gps-dot{background:var(--qc-success);box-shadow:0 0 0 4px #e3f4ea}#attHost .gps-state.bad .gps-dot{background:var(--qc-red-600);box-shadow:0 0 0 4px #fde7eb}#attHost .actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}#attHost .btn{min-height:42px;border:1px solid var(--qc-line);border-radius:9px;padding:0 14px;background:#fff;color:var(--qc-text-2);font-weight:750}#attHost .btn.primary{border-color:var(--qc-red-600);background:var(--qc-red-600);color:#fff;box-shadow:0 3px 8px rgba(189,16,35,.16)}#attHost .btn.primary:hover{background:var(--qc-red-700)}#attHost .btn.dark{background:#2f3846;color:#fff;border-color:#2f3846}#attHost .btn.soft{background:#fff7f8;color:var(--qc-red-600);border-color:#efbec5}#attHost .btn.danger{background:var(--qc-danger-bg);color:var(--qc-danger-fg);border-color:#f2c6ce}#attHost .msg{min-height:18px;margin-top:2px;color:var(--qc-text-muted);font-size:12px;line-height:1.45}#attHost .msg.error{color:var(--qc-danger-fg)}#attHost .msg.success{color:var(--qc-success-fg)}#attHost .metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}#attHost .metric{min-height:106px;padding:14px;border:1px solid var(--qc-line);border-radius:10px;background:#fff}#attHost .metric span{display:block;color:var(--qc-text-muted);font-size:11px;font-weight:650}#attHost .metric strong{display:block;margin-top:13px;font-size:25px;letter-spacing:-.03em}#attHost .metric.red strong{color:var(--qc-red-600)}#attHost .metric.green strong{color:var(--qc-success)}#attHost .metric.amber strong{color:var(--qc-warning-fg)}#attHost .month-row{display:flex;gap:8px;margin-top:12px}#attHost .month-row input{flex:1}#attHost .month-row .btn{min-width:100px}#attHost .form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}#attHost .form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}#attHost .form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}#attHost .notice{padding:11px 13px;border:1px solid #cfe1f6;border-radius:9px;background:#f3f8ff;color:var(--qc-info-fg);font-size:12px;line-height:1.5}#attHost .table-wrap{overflow:auto}#attHost .table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0}#attHost .table th,#attHost .table td{padding:11px 12px;border-bottom:1px solid var(--qc-line);text-align:left;font-size:13px}#attHost .table th{position:sticky;top:0;z-index:1;background:var(--qc-surface-2);color:var(--qc-text-2);font-size:12px;font-weight:750}#attHost .table tbody tr:hover{background:#fff8f9}#attHost .table td.num{text-align:right;font-variant-numeric:tabular-nums}#attHost .tag{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800}#attHost .tag.green{background:var(--qc-success-bg);color:var(--qc-success-fg)}#attHost .tag.amber{background:var(--qc-warning-bg);color:var(--qc-warning-fg)}#attHost .tag.red{background:var(--qc-danger-bg);color:var(--qc-danger-fg)}#attHost .tag.blue{background:var(--qc-info-bg);color:var(--qc-info-fg)}#attHost .tag.gray{background:#eef1f4;color:#626b78}#attHost .tag.purple{background:var(--qc-purple-bg);color:var(--qc-purple-fg)}#attHost .request-list{display:grid}#attHost .request-item{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px 0;border-bottom:1px solid var(--qc-line)}#attHost .request-item:last-child{border-bottom:0}#attHost .request-item b{display:block}#attHost .request-item small{display:block;margin-top:4px;color:var(--qc-text-muted);line-height:1.45}#attHost .request-actions{display:flex;align-items:center;gap:6px}#attHost .request-actions .btn{min-height:34px;padding:0 10px;font-size:12px}#attHost .empty{padding:28px;text-align:center;color:var(--qc-text-muted)}#attHost .login-view{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#fff4f6,#f4f6f8)}#attHost .login-card{width:min(430px,94vw);padding:28px;background:#fff;border:1px solid var(--qc-line);border-radius:16px;box-shadow:0 20px 60px rgba(80,15,30,.12)}#attHost .login-brand{text-align:center}#attHost .login-brand img{width:84px;height:84px;border-radius:20px;object-fit:cover}#attHost .login-brand h1{margin:14px 0 5px}#attHost .login-brand p{margin:0;color:var(--qc-text-muted);font-size:13px}#attHost .login-form{display:grid;gap:11px;margin-top:22px}#attHost .login-form .btn{width:100%}#attHost .mobile-nav{display:none}
@media(max-width:1050px){:root{--sidebar:225px}#attHost .grid{grid-template-columns:1fr}#attHost .metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){#attHost{padding-bottom:70px}#attHost .app-shell{display:block}#attHost .sidebar{display:none}#attHost .content-shell{grid-column:1}#attHost .topbar{height:64px;padding:0 12px}#attHost .company-title{display:none}#attHost .mobile-brand{display:flex;align-items:center;gap:9px}#attHost .mobile-brand img{width:40px;height:40px;border-radius:10px}#attHost .mobile-brand b{font-size:13px;color:var(--qc-red-600)}#attHost .user-chip{min-width:0;padding-right:7px}#attHost .user-chip .user-copy{display:none}#attHost .logout:not(.qc-logout-btn){display:none}#attHost .section-tab{height:48px;padding:0 14px}#attHost .section-tab span{height:48px;font-size:14px}#attHost main{padding:14px 12px 28px}#attHost .page-head{align-items:flex-start}#attHost .page-head h1{font-size:23px}#attHost .today-chip{font-size:11px}#attHost .status-main{align-items:flex-start;flex-direction:column}#attHost .status-main h2{font-size:22px}#attHost .metrics{grid-template-columns:repeat(3,1fr)}#attHost .metric{min-height:92px;padding:11px}#attHost .metric strong{font-size:21px}#attHost .form-grid,#attHost .form-grid.cols-3{grid-template-columns:1fr 1fr}#attHost .actions{grid-template-columns:1fr 1fr}#attHost .mobile-nav{position:fixed;z-index:60;left:0;right:0;bottom:0;height:66px;display:grid;grid-template-columns:repeat(4,1fr);padding:5px 6px calc(5px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid var(--qc-line);box-shadow:0 -5px 20px rgba(15,23,42,.05)}#attHost .mobile-nav button{border:0;background:transparent;color:var(--qc-text-muted);font-size:10px;font-weight:750;display:grid;place-items:center;align-content:center;gap:3px}#attHost .mobile-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}#attHost .mobile-nav button.active{color:var(--qc-red-600)}#attHost .mobile-nav button.ceo-only[hidden]{display:none!important}
}
@media(max-width:460px){#attHost .form-grid,#attHost .form-grid.cols-3{grid-template-columns:1fr}#attHost .metrics{gap:6px}#attHost .metric span{font-size:10px}#attHost .metric strong{font-size:19px}#attHost .page-head p{font-size:12px}#attHost .card-body{padding:14px}#attHost .card-head{padding:13px 14px}#attHost .request-item{grid-template-columns:1fr}#attHost .request-actions{justify-content:flex-start}}#attHost /* CEO office / GPS configuration */
.office-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}#attHost .office-config-card .card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}#attHost .office-config-card .card-head>div{min-width:0}#attHost .office-config-card .card-head small{display:block;margin-top:4px}#attHost .form-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}#attHost .office-config-card input{width:100%;height:42px;border:1px solid var(--qc-line);border-radius:8px;padding:0 10px;background:#fff;color:var(--qc-text)}#attHost .gps-config-status{margin-top:12px;padding:10px 12px;border:1px solid var(--qc-line);background:#f8fafc;border-radius:8px;font-size:12px}#attHost .office-config-actions{justify-content:space-between;gap:8px}#attHost .office-config-actions .btn{flex:1}
@media(max-width:1180px){#attHost .office-settings-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){#attHost .office-settings-grid,#attHost .form-grid.cols-2{grid-template-columns:1fr}#attHost .office-config-actions{flex-direction:column}#attHost .office-config-actions .btn{width:100%}}#attHost /* Admin attendance dashboard */
.admin-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#attHost .admin-filters select,#attHost .admin-filters input{width:auto;min-width:155px}#attHost .admin-kpis{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}#attHost .admin-kpi{min-height:94px;padding:14px;background:#fff;border:1px solid var(--qc-line);border-radius:10px;box-shadow:var(--qc-shadow-md)}#attHost .admin-kpi span{display:block;color:var(--qc-text-muted);font-size:11px;font-weight:700}#attHost .admin-kpi strong{display:block;margin-top:12px;font-size:25px}#attHost .admin-kpi.green strong{color:var(--qc-success)}#attHost .admin-kpi.blue strong{color:var(--qc-info-fg)}#attHost .admin-kpi.amber strong{color:var(--qc-warning-fg)}#attHost .admin-kpi.red strong{color:var(--qc-red-600)}#attHost .admin-kpi.purple strong{color:var(--qc-purple-fg)}#attHost .admin-table td small{display:block;margin-top:3px;color:var(--qc-text-muted);font-size:11px}#attHost .click-row{cursor:pointer}#attHost .click-row:hover{background:#fff3f5!important}
@media(max-width:1200px){#attHost .admin-kpis{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){#attHost .admin-kpis{grid-template-columns:repeat(2,1fr)}#attHost .admin-filters{width:100%}#attHost .admin-filters select,#attHost .admin-filters input,#attHost .admin-filters .btn{flex:1;min-width:130px}}#attHost /* ===== QC unified sidebar brand — Workspace lockup ===== */
@media(min-width:761px){
.brand{height:96px!important;padding:17px 18px!important;gap:13px!important}
.brand img{width:58px!important;height:58px!important;border-radius:14px!important;object-fit:cover!important;box-shadow:0 6px 16px rgba(59,0,12,.16)!important}
.brand-copy b{font-size:18px!important;font-weight:800!important;letter-spacing:.01em!important}
.brand-copy small{margin-top:6px!important;font-size:11px!important;font-weight:700!important;font-style:italic!important;letter-spacing:.04em!important;color:rgba(255,255,255,.88)!important}
}#attHost /* 2026-09-17 canonical full Quang Chau logo */
.brand img{object-fit:contain!important;object-position:center!important;background:transparent!important;}#attHost /* ===== Attendance admin dashboard v3 ===== */
.dash-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:4px 0 18px}#attHost .dash-hero h1{margin:4px 0 4px;font-size:30px;letter-spacing:-.035em}#attHost .dash-hero p{margin:0;color:var(--qc-text-muted)}#attHost .dash-eyebrow{font-size:11px;font-weight:850;letter-spacing:.14em;color:var(--qc-red-600)}#attHost .admin-kpis-main{margin-bottom:14px}#attHost .admin-kpi{position:relative;overflow:hidden;min-height:112px;padding:16px 16px 14px;border-radius:12px}#attHost .admin-kpi:after{content:"";position:absolute;right:-24px;bottom:-34px;width:86px;height:86px;border-radius:50%;background:rgba(32,39,51,.025)}#attHost .admin-kpi-top{display:flex;align-items:center;justify-content:space-between}#attHost .admin-kpi-top i{width:8px;height:8px;border-radius:50%;background:#cfd5dd}#attHost .admin-kpi.green .admin-kpi-top i{background:var(--qc-success)}#attHost .admin-kpi.blue .admin-kpi-top i{background:var(--qc-info-fg)}#attHost .admin-kpi.amber .admin-kpi-top i{background:var(--qc-warning-fg)}#attHost .admin-kpi.red .admin-kpi-top i{background:var(--qc-red-600)}#attHost .admin-kpi.purple .admin-kpi-top i{background:var(--qc-purple-fg)}#attHost .admin-kpi strong{position:relative;z-index:1;margin-top:14px;font-size:30px;line-height:1}#attHost .admin-kpi span{font-size:12px}#attHost .dash-grid-2{display:grid;grid-template-columns:1.08fr .92fr;gap:14px;margin-bottom:14px}#attHost .dash-table-card{margin-top:0}#attHost .dash-sub{margin-top:4px;font-size:12px}#attHost .office-summary-list{display:grid}#attHost .office-summary-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--qc-line)}#attHost .office-summary-row:first-child{padding-top:0}#attHost .office-summary-row:last-child{border-bottom:0;padding-bottom:0}#attHost .office-summary-row b,#attHost .attention-item b{display:block;font-size:13px}#attHost .office-summary-row small,#attHost .attention-item small{display:block;margin-top:4px;color:var(--qc-text-muted);font-size:11px}#attHost .office-summary-meta{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}#attHost .office-summary-meta span{padding:5px 8px;border-radius:999px;background:#f2f4f7;color:#667085;font-size:10px;font-weight:750}#attHost .office-summary-meta .warn{background:var(--qc-warning-bg);color:var(--qc-warning-fg)}#attHost .office-summary-meta .bad{background:#fff0f2;color:var(--qc-danger-fg)}#attHost .attention-list{display:grid}#attHost .attention-item{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--qc-line)}#attHost .attention-item:first-child{padding-top:0}#attHost .attention-item:last-child{border-bottom:0;padding-bottom:0}#attHost .attention-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#fff0f2;color:var(--qc-red-600);font-size:10px;font-weight:850}#attHost .attention-dot{width:8px;height:8px;border-radius:50%;background:var(--qc-red-600)}#attHost .attention-ok{padding:10px 0}#attHost .attention-ok b{display:block;color:var(--qc-success);font-size:13px}#attHost .attention-ok small{display:block;margin-top:5px;color:var(--qc-text-muted);line-height:1.45}#attHost .empty.compact{padding:10px}#attHost .late-cell{color:var(--qc-warning-fg);font-weight:800}
@media(max-width:1180px){#attHost .dash-grid-2{grid-template-columns:1fr}#attHost .dash-hero{align-items:flex-start;flex-direction:column}#attHost .admin-kpis-main{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){#attHost .dash-hero h1{font-size:25px}#attHost .admin-kpis-main{grid-template-columns:repeat(2,1fr)}#attHost .admin-kpi{min-height:94px;padding:13px}#attHost .admin-kpi strong{font-size:26px}#attHost .office-summary-row{align-items:flex-start;flex-direction:column}#attHost .office-summary-meta{justify-content:flex-start}}#attHost .date-nav{display:flex;align-items:center;gap:6px}#attHost .date-nav input{min-width:150px;height:42px}#attHost .date-nav .btn{min-width:42px;padding:0 12px;font-weight:800}
@media(max-width:760px){#attHost .date-nav{width:100%}#attHost .date-nav input{flex:1}#attHost .date-nav .btn{flex:0 0 auto;min-width:44px}}#attHost .tabs{display:flex;gap:6px;margin:0 0 12px}#attHost .tab{height:40px;padding:0 16px;border:1px solid var(--qc-line);border-radius:var(--qc-r-pill);background:var(--qc-surface);color:var(--qc-text-2);font-weight:700}#attHost .tab.active{background:var(--qc-red-50);border-color:var(--qc-red-200);color:var(--qc-red-700)}#attHost #historyCard .card-head{flex-wrap:wrap}#attHost #historyCard .admin-filters select,#attHost #historyCard .admin-filters input{height:38px;min-width:140px}#attHost /* Ngày nghỉ có lương tháng (10/10/2026) */
.monthly-leave-card .ml-state .notice{margin:8px 0}#attHost .monthly-leave-card .success-notice{background:#ecfdf3;color:#067647;border-color:#abefc6}#attHost .locked-input{display:flex;align-items:center;min-height:42px;padding:0 12px;border:1px solid #e4e7ec;border-radius:10px;background:#f9fafb;color:#475467;font-weight:600}#attHost /* Separate employee identity column,#attHost readable without shrinking. */
.admin-table{min-width:1000px;table-layout:auto}#attHost .admin-table th{font-size:13px}#attHost .admin-table td{font-size:14px;white-space:nowrap}#attHost .admin-table th:first-child,#attHost .admin-table td:first-child{min-width:100px}#attHost .table-wrap{overflow-x:auto}

/* khung chứa trong app Lương */
#attHost{padding:18px 20px 40px;max-width:1680px;margin:0 auto}@media(max-width:820px){#attHost{padding:14px}}