:root{--green:#136d5d;--ink:#233d39;--muted:#82908d;--line:#e8eeeb}*{box-sizing:border-box}body{color:var(--ink);background:#f5f7f6;margin:0;font-family:Tahoma,Arial,sans-serif;font-size:13px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-color:#2d9d84}button,a{cursor:pointer}button{color:var(--ink);background:#fff;border:1px solid #dce5e1;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;transition:all .15s;display:inline-flex}button:hover{background:#edf5f1}button:disabled{opacity:.5;cursor:wait}a{color:var(--green);text-decoration:none}.shell{min-height:100vh;display:flex}.sidebar{border-left:1px solid var(--line);background:#fff;flex-direction:column;flex-shrink:0;width:240px;height:100vh;padding:33px 20px 18px;display:flex;position:fixed;top:0;right:0}.brand{align-items:center;gap:12px;padding:0 12px 38px;display:flex}.brand-icon{background:var(--green);color:#fff;border-radius:13px;place-items:center;width:45px;height:49px;display:grid}.brand strong{font-size:31px;line-height:1}.brand strong span{color:#b4a169}.brand small{color:#71827c;margin-top:9px;font-size:10px;display:block}.nav-label{color:#98a39e;padding:0 14px 14px;font-size:10px}nav{gap:7px;display:grid}nav button{color:#687c74;background:0 0;border:0;justify-content:flex-start;padding:13px 15px;font-size:12px}nav button.active{color:var(--green);border-right:3px solid var(--green);background:#eaf4ef;font-weight:700}nav em{background:#d8e9e0;border-radius:5px;margin-right:auto;padding:3px 6px;font-size:10px;font-style:normal}.side-note{color:#61776c;background:#f4f7f3;border:1px solid #e9eee4;border-radius:10px;margin-top:auto;padding:18px}.side-note svg{color:#81916a;margin-bottom:12px;display:block}.side-note b{font-size:12px}.side-note p{margin-bottom:0;font-size:10px;line-height:1.9}.profile{border-top:1px solid var(--line);align-items:center;gap:9px;margin-top:22px;padding-top:19px;display:flex}.avatar{color:#7e7653;background:#ece9dc;border-radius:50%;place-items:center;width:33px;height:33px;display:grid}.profile b{text-overflow:ellipsis;max-width:132px;font-size:11px;display:block;overflow:hidden}.profile small{color:var(--muted);margin-top:5px;font-size:9px;display:block}.profile a{margin-right:auto}main{width:calc(100% - 240px);margin-right:240px}header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:87px;padding:20px 38px;display:flex}header b{margin-top:8px;font-size:13px;display:block}.breadcrumb{color:#8c9b95;font-size:10px}.breadcrumb span{padding:0 10px}.header-left{color:#8c9b95;align-items:center;gap:10px;font-size:10px;display:flex}.live-dot{background:#218771;border-radius:50%;width:6px;height:6px}.separator{background:var(--line);width:1px;height:17px;margin:0 12px}.content{max-width:1600px;margin:auto;padding:33px 38px}.page-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:26px;display:flex}.eyebrow{color:#87968c;letter-spacing:.4px;margin-bottom:10px;font-size:10px}h1{letter-spacing:-.6px;margin:0 0 13px;font-size:26px;font-weight:600}p{color:#819088;margin:8px 0;line-height:1.9}h2{margin:0;font-size:16px}h3{font-size:13px}.page-heading p{font-size:11px}.primary{background:var(--green);color:#fff;border-color:var(--green);font-size:12px}.primary:hover{background:#0d594b}.hero{color:#fff;background:linear-gradient(110deg,#0c554b,#166d5c 65%,#1c7662);border-radius:13px;justify-content:space-between;min-height:216px;padding:27px 33px;display:flex;position:relative;overflow:hidden}.hero-tag{color:#c4dacf;margin-bottom:16px;font-size:9px;display:block}.hero h2{font-size:26px;font-weight:500}.hero p{color:#c2d9ce;margin:12px 0;font-size:11px;line-height:2}.hero button{color:#fff;background:#ffffff17;border-color:#ffffff30;padding:9px 13px;font-size:10px}.hero-art{place-items:center;width:290px;display:grid;position:relative}.orbit{border:1px solid #ffffff13;border-radius:50%;width:280px;height:280px;position:absolute}.o2{width:360px;height:360px}.award-circle{color:#dfd7a6;background:#ffffff05;border:1px solid #b7cfac65;border-radius:50%;place-items:center;width:127px;height:127px;display:grid;transform:rotate(-10deg)}.spark{color:#d2c590;font-size:27px;position:absolute}.s1{top:13px;right:42px}.s2{font-size:16px;bottom:12px;left:31px}.art-label{color:#456755;background:#ffffffed;border-radius:7px;gap:8px;padding:8px 13px;font-size:10px;display:flex;position:absolute;bottom:4px;transform:rotate(5deg)}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin:23px 0;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:11px;min-height:135px;padding:22px;position:relative}.stat-icon{border-radius:10px;padding:10px;display:flex;position:absolute;top:21px;left:20px}.green{color:#1c8269;background:#ebf5ef}.teal{color:#45998f;background:#eaf6f4}.amber{color:#b59a59;background:#faf5e9}.blue{color:#638ab0;background:#edf3fa}.stat small{color:#809087;margin-bottom:12px;font-size:10px;display:block}.stat strong{font-size:30px;font-weight:500;line-height:1.2;display:block}.stat-foot{color:#a1aaa5;margin-top:14px;font-size:9px;display:block}.lower-grid{grid-template-columns:minmax(0,1fr);gap:21px;display:grid}.lower-grid:has(.summary){grid-template-columns:minmax(0,1fr) 230px}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.panel-head{justify-content:space-between;align-items:center;gap:12px;padding:23px 22px 18px;display:flex}.panel-head p{margin-bottom:0;font-size:10px}.subtle{background:#fff;padding:8px 11px;font-size:10px}.filters{gap:8px;padding:0 22px 18px;display:flex}.search{border:1px solid var(--line);color:#8d9a92;border-radius:7px;flex:1;align-items:center;gap:7px;min-width:100px;padding:0 10px;margin:0!important;display:flex!important}.search input{background:0 0;border:0;width:100%;padding:10px 0;font-size:10px}.filters select{border-color:var(--line);width:116px;padding:8px;font-size:10px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:right;white-space:nowrap;width:100%;font-size:11px}th{color:#84948c;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fafbfa;padding:13px 19px;font-size:9px;font-weight:400}td{border-bottom:1px solid #f0f3f1;padding:17px 19px}tbody tr:hover{background:#fbfdfb}.records tbody tr{cursor:pointer}.record-title{align-items:center;gap:10px;display:flex}.record-title b{text-overflow:ellipsis;max-width:260px;font-size:11px;font-weight:500;display:block;overflow:hidden}.record-title small{color:#8b9a92;margin-top:6px;font-size:9px;display:block}.record-icon{border-radius:8px;padding:9px;display:flex}.badge{border-radius:5px;padding:5px 9px;font-size:9px;display:inline-block}.approved{color:#3e8d67;background:#e9f6ee}.submitted{color:#ab8b39;background:#fbf3df}.draft{color:#7d8a91;background:#eff2f4}.returned{color:#b57458;background:#fceee9}.date{color:#93a097;font-size:10px}.icon-button{background:0 0;border:0;padding:4px}.table-footer{color:#8d9c93;justify-content:space-between;padding:16px 22px;font-size:9px;display:flex}.table-footer span{color:#a5b0a8}.summary{align-self:start;padding:24px}.summary h2{margin-top:8px}.donut{border-radius:50%;width:142px;height:142px;margin:28px auto;padding:12px}.donut>div{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.donut strong{font-size:29px;font-weight:500}.donut small{color:#98a49b;margin-top:7px;font-size:9px}.legend{justify-content:space-between;margin:17px 0;font-size:10px;display:flex}.legend span{color:#83958a}.legend i{background:#19826c;border-radius:50%;width:6px;height:6px;margin-left:8px;display:inline-block}.legend i.orange{background:#d3b56d}.legend b{font-weight:400}hr{border:0;border-top:1px solid var(--line);margin:23px 0}.summary h3{color:#667b6c;gap:7px;font-size:10px;display:flex}.summary p{font-size:10px}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:48px 20px;display:flex}.empty-icon{color:#6e9a84;background:#f0f6f2;border-radius:15px;margin-bottom:10px;padding:16px}.empty h3{margin-bottom:3px;font-size:14px}.empty p{margin-bottom:20px;font-size:11px}.department-grid{grid-template-columns:repeat(3,1fr);gap:20px;padding:22px;display:grid}.department-grid article{border:1px solid var(--line);border-radius:9px;padding:25px}.department-grid svg{color:#358974}.department-grid small{color:#91a096}.notice{color:#7d886c;background:#f4f7ed;border:1px solid #e8eddc;border-radius:8px;margin:18px;padding:15px;font-size:11px;line-height:1.9}footer{color:#9caaa0;gap:12px;margin-top:30px;font-size:9px;display:flex}footer small{margin-right:auto;font-size:9px}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#153c3260;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:15px;width:100%;max-width:600px;max-height:90vh;overflow:auto;box-shadow:0 25px 100px #143c3333}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:22px 26px;display:flex}.modal form,.detail{padding:24px 26px}label{color:#657b6d;margin-bottom:18px;font-size:11px;display:block}input,textarea,select{color:#355344;background:#fcfdfc;border:1px solid #dfe7e2;border-radius:7px;width:100%;margin-top:8px;padding:11px 12px;display:block}textarea{resize:vertical}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.actions{gap:10px;margin-top:25px;display:flex}.checkbox{align-items:center;gap:10px;display:flex}.checkbox input{width:auto;margin:0}fieldset{border:1px solid var(--line);border-radius:8px;padding:15px}legend{font-size:11px}.upload{border:1px dashed #b8cbbd;border-radius:9px;padding:16px}.upload small{color:#9aa79b;margin-top:9px;font-size:9px;display:block}.upload input{border:0;font-size:11px}.detail .description{color:#536c5c;white-space:pre-wrap;margin:24px 0}.detail progress{width:100%;accent-color:var(--green)}.file-link{background:#f2f7f3;border-radius:8px;align-items:center;gap:12px;margin:10px 0;padding:12px;display:flex}.file-link svg:last-child{margin-right:auto}.toast{color:#fff;z-index:20;background:#254f40;border-radius:10px;max-width:90vw;padding:17px 25px;position:fixed;bottom:25px;left:25px;box-shadow:0 5px 30px #1234}@media (width>=1450px){.content{padding:38px 48px}.hero{min-height:235px}}@media (width<=1150px){.lower-grid:has(.summary){grid-template-columns:1fr}.summary{display:none}.stat{padding:16px}.stat-icon{padding:7px;left:13px}.stat small{max-width:90px;line-height:1.7}.content{padding:25px}.header-left{display:none}}@media (width<=800px){.sidebar{width:80px;padding:25px 9px;position:static}.brand{padding:0 7px 30px}.brand>div,.nav-label,.side-note,.profile,nav em{display:none}nav button{justify-content:center;padding:14px;font-size:0}nav button svg{flex-shrink:0}.brand-icon{flex-shrink:0;width:43px}main{width:calc(100% - 80px);margin:0}header{height:77px;padding:18px 22px}.content{padding:20px}.page-heading{align-items:flex-start}h1{font-size:21px;line-height:1.6}.page-heading p{display:none}.page-heading>.primary{padding:12px;font-size:0}.hero{padding:24px}.hero h2{font-size:22px}.hero-art{width:130px}.orbit{width:170px;height:170px}.o2{width:230px;height:230px}.s1,.s2{display:none}.stats{grid-template-columns:repeat(2,1fr);gap:12px}.filters{flex-wrap:wrap}.search{flex-basis:100%}.filters select{flex:1}.hero-art .award-circle{width:95px;height:95px}.hero-art svg{width:55px}.art-label{display:none}.panel-head{align-items:flex-start;padding:18px}.panel-head h2{font-size:13px}.panel-head p{display:none}.department-grid{grid-template-columns:1fr}.modal{max-height:94vh}.overlay{padding:12px}footer small{display:none}}@media (width<=480px){.hero-art{display:none}.content{padding:14px}.hero{min-height:210px}.stat small{max-width:70px}.stat-icon{top:15px;left:10px}.stat-icon svg{width:17px}.stat strong{font-size:25px}.form-grid{grid-template-columns:1fr;gap:0}.filters{padding:0 12px 15px}}@media print{.sidebar,header,.hero,.page-heading button,.filters,.subtle,.summary,footer,.toast,.overlay{display:none!important}main{width:100%;margin:0}.content{padding:0}.panel{border:0}table{white-space:normal}.stats{break-inside:avoid}}.head_approved{color:#557fa3;background:#eaf2fc}.training_approved{color:#8362a9;background:#f0eafd}.days-panel{background:linear-gradient(110deg,#fff,#edf6ef);align-items:center;gap:28px;margin:0 0 23px;padding:23px 28px;display:flex}.days-panel p{font-size:10px}.days-number{color:#136d5d;white-space:nowrap;align-items:baseline;gap:10px;margin-right:auto;display:flex}.days-number strong{font-size:38px;font-weight:500}.days-number span{font-size:11px}.days-pending{border-right:1px solid #d9e6db;max-width:180px;padding-right:25px}.days-pending b{color:#827344}.days-pending small{color:#8c998f;margin-top:7px;font-size:9px;line-height:1.9;display:block}.day-state{color:#97a399;margin-top:6px;font-size:8px;display:block}.approval-path{border:1px solid #e4ece6;border-radius:10px;margin-top:23px;padding:18px}.approval-step{color:#9aa79f;align-items:center;gap:12px;padding:12px 0;display:flex}.approval-step>span{background:#f3f5f3;border-radius:50%;padding:8px;display:flex}.approval-step b{font-size:11px}.approval-step small{margin-top:6px;font-size:9px;display:block}.approval-step.done{color:#278165}.approval-step.done>span{background:#e8f5ec}.approval-step.current{color:#a58a3b}.approval-step.current>span{background:#fcf5de}.modal .review-form{padding:20px 0 0}.review-form small{color:#89988e;margin-top:9px;font-size:10px;line-height:1.9;display:block}@media (width<=800px){.days-panel{flex-wrap:wrap;gap:15px;padding:20px}.days-panel>div:first-child{width:100%}.days-number{margin-right:0}.days-pending{margin-right:auto}.actions{flex-wrap:wrap}}@media print{.days-panel{break-inside:avoid}}.auth-loading{color:#136d5d;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.auth-shell{background:#fafbf9;min-height:100vh;display:flex}.auth-story{color:#fff;background:linear-gradient(145deg,#166f5d,#0c423b);flex-direction:column;width:44%;padding:65px 7%;display:flex;position:relative;overflow:hidden}.auth-brand{align-items:center;gap:13px;display:flex}.auth-brand strong{font-size:40px}.auth-brand span{color:#c9b780}.auth-kicker{letter-spacing:.7px;color:#bfcebe;margin-top:20px;font-size:12px;display:block}.auth-story h1{margin:55px 0 15px;font-size:43px;font-weight:500;line-height:1.7}.auth-story p{color:#bdd3c8;max-width:350px;font-size:13px;line-height:2.2}.auth-art{color:#d6c993;border:1px solid #c5d7a942;border-radius:50%;place-items:center;width:150px;height:150px;margin:28px 0;display:grid;box-shadow:0 0 0 28px #ffffff03,0 0 0 58px #ffffff02}.auth-points{color:#d0ddd4;flex-direction:column;gap:14px;margin:20px 0 45px;font-size:11px;display:flex}.auth-points span{align-items:center;gap:10px;display:flex}.auth-story>small{color:#92b5a5;margin-top:auto;font-size:10px}.auth-main{flex-direction:column;justify-content:center;align-items:center;width:56%;margin:0;padding:50px;display:flex}.auth-card{width:100%;max-width:380px}.auth-lock{color:#24775e;background:#eaf3ec;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:28px;display:flex}.auth-card h2{margin:12px 0;font-size:28px;font-weight:500}.auth-card>p{margin-bottom:32px;font-size:12px}.auth-card label{margin-bottom:21px}.auth-input{color:#9bab9e;background:#fff;border:1px solid #dce6df;border-radius:9px;align-items:center;gap:12px;margin-top:10px;padding:0 13px;display:flex}.auth-input input{background:0 0;border:0;min-width:0;margin:0;padding:15px 0}.auth-input button{color:#8f9f93;background:0 0;border:0;padding:5px}.auth-submit{justify-content:space-between;width:100%;margin:8px 0;padding:15px}.auth-help{background:#f0f4ee;border-radius:9px;margin-top:24px;padding:19px}.auth-help b{color:#657e69;font-size:11px}.auth-help p{margin:8px 0 0;font-size:10px}.auth-secure{color:#99a69a;justify-content:center;gap:7px;margin-top:26px;font-size:10px;display:flex}.auth-main footer{margin-top:40px}.auth-error,.auth-success{color:#a0523d;background:#fff0eb;border-radius:8px;margin-bottom:15px;padding:13px;font-size:11px;line-height:1.8}.auth-success{color:#2b7752;background:#eaf6ed}.auth-back{width:100%;margin-top:14px}.mobile-account{display:none}.file-link{text-align:right;justify-content:flex-start;width:100%}@media (width<=800px){.auth-story{display:none}.auth-main{width:100%;min-height:100vh;padding:35px 24px}.auth-card{max-width:400px}.mobile-account{justify-content:flex-end;gap:10px;padding:12px 20px 0;display:flex}.mobile-account button{padding:8px;font-size:9px}.auth-main footer{display:block}}@media print{.mobile-account{display:none}}