:root{--green:#176e58;--ink:#244137;--muted:#7b8b80;--line:#e1e8df;--bg:#f5f7f3}*{box-sizing:border-box}body{margin:0!important;background:var(--bg)!important;color:var(--ink)!important;font:14px/1.55 'Segoe UI',Arial,sans-serif!important}a{color:var(--green)}button,input,select,textarea{font:inherit}button,.btn,.button{cursor:pointer;border:1px solid var(--line);border-radius:7px;padding:10px 15px;background:var(--green);color:white;text-decoration:none;display:inline-block}button:hover,.btn:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:default}.subtle,.secondary,.soft{background:#edf3ea!important;color:var(--green)!important}.danger{background:#a04f42!important}.ws-sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:25px 18px;z-index:20}.ws-brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:22px;font-weight:650;color:#2d5747;margin-bottom:20px}.ws-brand>span{background:var(--green);color:white;border-radius:12px;width:39px;height:43px;display:grid;place-items:center}.ws-brand small{display:block;font-size:9px;letter-spacing:1.5px;color:#94a18f}.ws-sidebar nav{overflow-y:auto;flex:1;padding-bottom:15px}.ws-navlabel{text-transform:uppercase;font-size:9px;letter-spacing:1.4px;color:#9da892;margin:20px 12px 7px}.ws-sidebar nav a{display:block;padding:9px 13px;border-radius:7px;color:#72816f;text-decoration:none;font-size:12px;margin:3px 0}.ws-sidebar nav a.selected{color:var(--green);background:#eaf2e7;font-weight:600}.ws-user{border-top:1px solid var(--line);padding-top:15px;font-size:12px}.ws-user small{display:block;color:#91a08a;font-size:10px}.ws-user button{font-size:10px;padding:4px 8px;margin-top:9px}.ws-page{margin-left:244px}.ws-top{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:#fff;border-bottom:1px solid var(--line);color:#48644e;gap:16px}.ws-top b{font-size:11px;letter-spacing:.6px}.ws-top span{font-size:11px;color:#849078}.ws-body{padding:28px 30px;max-width:1560px;margin:auto}.ws-body>main,.ws-body>.wrap{max-width:none!important;margin:0!important;padding:0!important}.ws-body>header{background:transparent!important;color:var(--ink)!important;padding:0!important}.ws-body>header p{color:var(--muted)!important}.ws-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}h1{font-size:27px!important;letter-spacing:-.7px;margin:0 0 7px!important}h2{font-size:17px!important;margin:0 0 12px}h3{font-size:14px}p{color:var(--muted);margin:5px 0 13px}.card,.panel,.box,.account-panel{border:1px solid var(--line)!important;background:#fff;border-radius:10px!important;box-shadow:none!important;padding:21px;margin:0 0 20px!important}.fields,.formgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.full{grid-column:1/-1}label{display:block;font-size:12px;font-weight:500!important}input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{display:block;width:100%;min-width:0;padding:10px 11px;border:1px solid #dce5d7;border-radius:6px;margin-top:5px;background:white;color:var(--ink);font-size:13px}input[type=checkbox]{accent-color:var(--green)}textarea{min-height:80px}input:focus,select:focus,textarea:focus,button:focus,a:focus{outline:2px solid #90baa0;outline-offset:2px}.filters{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-bottom:20px}.filters label{flex:1;min-width:150px}.filters input,.filters select{margin:0}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:18px}.scroll,.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;min-width:650px}td,th{padding:13px 15px;text-align:left;border-bottom:1px solid #e9eee5}th{background:#f7f9f4;color:#8a9781;font-size:10px;font-weight:500}td small{display:block;color:#96a08e;font-size:10px}.badge{display:inline-block;padding:4px 9px;font-size:10px;border-radius:5px;background:#ecf4e9;color:#54835b}.badge.CHO_BO_SUNG,.badge.late{background:#fcf3e1;color:#b69048}.badge.DANG_XU_LY{background:#edf2fa;color:#6a85a8}.empty{padding:35px;text-align:center;color:#8a9883}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{background:white;border:1px solid var(--line);border-radius:10px;padding:22px}.stat small{color:#8b9983;font-size:11px}.stat strong{font-size:32px;display:block;margin-top:5px;font-weight:600}.split{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cards .card{display:flex;flex-direction:column}.cards .card a{margin-top:auto}.alert,.error,.bad{background:#fff0e8!important;border:1px solid #e9c8b5;color:#a56246!important;border-radius:7px;padding:12px;margin-bottom:15px}.ok,.success{background:#edf5e9!important;color:#4e8150!important;padding:12px;border-radius:7px}.muted,small{color:var(--muted)}.ws-footer{font-size:10px;color:#a2ad97;padding:10px 30px 25px}.ws-toggle{display:none}.timeline article{border-left:2px solid #d7e4cd;padding:0 0 17px 15px;margin:13px 0;font-size:12px}.timeline article small{display:block;font-size:10px}.progressbar{height:9px;border-radius:5px;background:#edf1e7;overflow:hidden;margin:14px 0}.progressbar span{height:100%;display:block;background:#7ba17a}.checklist label{padding:12px;border-bottom:1px solid var(--line)}.modalback{position:fixed;inset:0;background:#16392b55;z-index:50;display:flex;justify-content:flex-end}.drawer{background:white;width:650px;max-width:100%;height:100%;overflow:auto;padding:27px}.drawer .fields{grid-template-columns:1fr 1fr}.dialoghead{display:flex;justify-content:space-between;align-items:start;gap:10px;margin-bottom:22px}.dialoghead button{padding:3px 12px;font-size:22px}.note{background:#f5f8f1;border-radius:7px;padding:12px;margin-bottom:9px;font-size:12px}.note small{display:block;font-size:10px}.pagination{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin:18px 0}.reportwrap{background:#e8ece3;padding:24px;overflow:auto}.a4{width:210mm;min-height:297mm;padding:17mm;background:white;margin:auto;font:13px/1.6 'Times New Roman',serif;color:#111;box-shadow:0 4px 20px #233d2311}.a4 p{color:#111}.a4 h1{font: bold 20px 'Times New Roman'!important;letter-spacing:0;text-align:center;margin:28px 0 10px!important}.a4 table{min-width:0;font:12px 'Times New Roman';margin-top:20px}.a4 th,.a4 td{border:1px solid #777;color:#111;padding:9px;background:white;font-size:12px}.a4header{display:flex;justify-content:space-between;text-align:center;font-size:12px}.signatures{display:flex;justify-content:space-around;text-align:center;margin-top:35px}.loginbox{max-width:450px!important;background:white;border:1px solid var(--line);border-radius:16px;box-shadow:none!important}.loginbox h1{color:var(--green)!important}.loginbox button{background:var(--green)!important}.ws-body .grid{gap:18px}.ws-body .btn,.ws-body button{border-radius:7px}.ws-body .module-link{background:var(--green)}
@media(max-width:1150px){.ws-sidebar{width:220px}.ws-page{margin-left:220px}.ws-body{padding:24px 22px}.split{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.fields{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.ws-sidebar{display:none;width:245px}.ws-sidebar.open{display:flex;box-shadow:0 0 0 100vmax #173b2566}.ws-page{margin:0}.ws-top{padding:14px;height:auto;min-height:62px}.ws-top b{font-size:9px}.ws-top span{display:none}.ws-toggle{display:block}.ws-body{padding:22px 14px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:15px}.cards,.fields,.formgrid,.drawer .fields{grid-template-columns:1fr}.drawer{padding:20px}.full{grid-column:auto}.ws-heading{align-items:start;flex-direction:column}.filters{align-items:stretch}.filters label{min-width:120px}.ws-body h1{font-size:24px!important}}
@page{size:A4;margin:0}@media print{body{background:white!important}.ws-sidebar,.ws-top,.ws-heading,.ws-footer,.no-print,.screen{display:none!important}.ws-page{margin:0}.ws-body{max-width:none;padding:0}.reportwrap{padding:0;overflow:visible;background:white}.a4{box-shadow:none;margin:0;width:210mm;min-height:297mm}.a4 tr{break-inside:avoid}}
.loginpage>.card{width:430px;max-width:100%;padding:32px!important}.loginpage .logo{background:#eaf3e7!important;color:var(--green)!important}.loginpage button{background:var(--green)!important}.loginpage h1{font-size:24px!important}.loginpage .subtitle{color:var(--muted)!important}
/* V5: menu nhóm, điện thoại, thao tác theo nhiệm vụ */
.ws-toggle{display:block!important;background:#edf3e9!important;color:var(--green)!important;min-width:44px;min-height:44px;flex-shrink:0}.ws-top b{flex:1}.ws-group{border-bottom:1px solid #edf1e8;margin:7px 0}.ws-group summary{cursor:pointer;font-size:12px;font-weight:600;padding:13px 10px;color:#526f55;min-height:44px}.ws-group a{padding-left:20px!important}.ws-group[open] summary{color:var(--green)}.menu-collapsed .ws-sidebar{display:none}.menu-collapsed .ws-page{margin-left:0}.ws-backdrop{display:none}.taskgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.tasktile{display:flex;flex-direction:column;gap:9px;min-height:150px;padding:24px;border:1px solid var(--line);border-radius:12px;background:white;text-decoration:none;color:var(--ink);transition:transform .12s,border-color .12s}.tasktile:hover{border-color:#8fb293;transform:translateY(-2px)}.tasktile strong{font-size:18px}.tasktile small{font-size:12px;line-height:1.6}.tasktile .taskicon{font-size:25px;color:var(--green)}.tasktile:first-child{background:#eaf3e7}.subnav{display:flex;gap:9px;margin:0 0 20px;flex-wrap:wrap}.subnav a{padding:11px 16px;border-radius:8px;background:#fff;border:1px solid var(--line);text-decoration:none}.subnav a.selected{background:var(--green);color:white}.worklist{display:grid;gap:13px}.workitem{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:17px;border:1px solid var(--line);background:#fff;border-radius:9px}.workitem time{font-weight:600;color:var(--green);white-space:nowrap}.workitem p{margin:4px 0;font-size:12px}.workitem .actions{margin:0}.dangertext{color:#b25c49}.attrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px;border-bottom:1px solid var(--line);background:white;min-height:76px}.attrow strong{display:block;font-size:15px}.attrow small{display:block}.attrow input[type=checkbox]{width:28px;height:28px}.sticky-actions{position:sticky;bottom:0;background:#f5f7f3ed;padding:13px;border-top:1px solid var(--line);z-index:3}.a4 table{word-break:break-word}.warning{padding:13px;border:1px solid #e8d5a8;border-radius:7px;background:#fff9ed;color:#957339}.badge.cancelled{background:#f9eae6;color:#a56250}.detail-data{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-data dt{font-size:11px;color:#7b8b80}.detail-data dd{margin:3px 0;font-size:14px}.mobile-label{display:none}@media(max-width:1050px){.taskgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.ws-top{position:sticky;top:0;z-index:15}.ws-top b{font-size:9px;letter-spacing:0}.ws-sidebar{display:none}.menu-open .ws-sidebar{display:flex;box-shadow:none;z-index:40}.menu-open .ws-backdrop:not([hidden]){display:block;position:fixed;inset:0;background:#15332266;border:0;border-radius:0;z-index:35}.taskgrid{grid-template-columns:1fr 1fr;gap:11px}.tasktile{padding:18px 14px;min-height:145px}.tasktile strong{font-size:16px}.tasktile small{font-size:11px}.tasktile .taskicon{font-size:23px}.workitem{display:block}.workitem .actions{margin-top:12px}.subnav{display:grid;grid-template-columns:1fr 1fr}.subnav a{font-size:12px;text-align:center;padding:12px 8px}.detail-data{grid-template-columns:1fr}button,.btn,input:not([type=hidden]),select{min-height:44px}.actions button,.actions .btn{flex:1;text-align:center}.mobile-label{display:block}.ws-footer{padding-inline:14px}.filters{gap:10px}}
@media print{.ws-backdrop,.sticky-actions,.subnav{display:none!important}.a4{overflow:visible}.ws-toggle{display:none!important}}

.ws-menu-close{display:none}@media(max-width:720px){.ws-menu-close{display:block;position:absolute;right:6px;top:5px;padding:0 9px!important;font-size:22px;min-width:34px!important;min-height:34px!important;z-index:41}.ws-brand{margin-top:13px}}
@media(max-width:720px){.menu-open .ws-backdrop:not([hidden]){left:245px;width:calc(100% - 245px);padding:0}}