:root{--navy: #1F4A91;--navy-d: #163768;--navy-x: #0C2147;--navy-t: #E9EFFA;--red: #ED1C24;--orange: #F7941D;--bg: #F5F7FB;--card: #fff;--ink: #0F1B33;--mute: #5B6679;--line: #E2E7F0;--ok: #137A55;--ok-t: #E2F4EB;--warn: #8F5F00;--warn-t: #FFF3D1;--bad: #C0262B;--bad-t: #FDE9E9;--org-t: #FFEBD5;--r: 14px;--top: 68px;--wrap: 1200px;--stripe: linear-gradient(90deg, var(--red) 0%, var(--red) 50%, var(--orange) 100%);--shadow: 0 1px 2px rgba(15, 27, 51, .05), 0 8px 24px -12px rgba(15, 27, 51, .12);--display: "Bricolage Grotesque", "Figtree", system-ui, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:Figtree,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);font-size:15.5px;line-height:1.6}h1,h2,h3,h4{margin:0;line-height:1.2;font-family:var(--display);letter-spacing:-.015em}h1{font-size:2rem;font-weight:700}h2{font-size:1.2rem;font-weight:700}h3{font-size:1.02rem;font-weight:650}p{margin:0}a{color:var(--navy);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%}:focus-visible{outline:3px solid color-mix(in srgb,var(--orange) 70%,white);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}:root{--sb: 272px}.site{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:var(--sb) minmax(0,1fr)}.content{display:flex;flex-direction:column;min-width:0}.brand{display:flex;align-items:center;gap:10px;color:var(--ink)}.brand:hover{text-decoration:none}.brand img{height:34px;width:auto;display:block}.sb{position:sticky;top:0;align-self:start;height:100vh;height:100dvh;display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--line);z-index:50}.sb:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--stripe)}.sb-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:22px 16px 14px 20px}.sb-nav{flex:1;overflow-y:auto;padding:6px 12px 12px;display:flex;flex-direction:column;gap:2px}.sb-sec{margin:14px 10px 6px;font-size:.78rem;font-weight:700;color:var(--mute)}.sb-sec:first-child{margin-top:4px}.sb-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:11px;color:var(--mute);font-weight:600;font-size:.93rem;position:relative}.sb-link svg{flex:none}.sb-link:hover{background:var(--bg);color:var(--ink);text-decoration:none}.sb-link.router-link-active{background:var(--navy-t);color:var(--navy)}.sb-link.router-link-active:before{content:"";position:absolute;left:-12px;top:9px;bottom:9px;width:4px;border-radius:0 4px 4px 0;background:var(--orange)}.sb-user{padding:10px 12px 14px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:2px}.sb-me{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:11px;color:var(--ink)}.sb-me:hover{background:var(--bg);text-decoration:none}.sb-me.router-link-active{background:var(--navy-t)}.sb-me .nm{min-width:0;line-height:1.2;font-size:.88rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-me .nm small{display:block;color:var(--mute);font-weight:500;font-size:.76rem;overflow:hidden;text-overflow:ellipsis}.sb-out:hover{color:var(--red);background:#fdecec}.mbar,.sb-back,.sb .close-m{display:none}.pop.notif{position:fixed;left:calc(var(--sb) + 12px);right:auto;top:14px;max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);overflow-y:auto}.icon-btn{background:none;border:0;padding:9px;border-radius:10px;color:var(--ink);cursor:pointer;display:inline-grid;place-items:center;position:relative}.icon-btn:hover{background:var(--bg)}.dot{position:absolute;top:3px;right:2px;min-width:17px;height:17px;background:var(--red);color:#fff;font-size:10px;font-weight:700;border-radius:9px;display:grid;place-items:center;padding:0 4px}.pop{position:absolute;right:0;top:calc(100% + 10px);width:min(360px,calc(100vw - 24px));background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 20px 40px -12px #0f1b3340;z-index:60;overflow:hidden}.pop-h{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);font-weight:700}.pop-i{display:block;padding:11px 16px;border-bottom:1px solid var(--line);color:var(--ink);font-size:.9rem}.pop-i:last-child{border-bottom:0}.pop-i:hover{background:var(--bg);text-decoration:none}.pop-i.unread{background:var(--navy-t)}.pop-i small{display:block;color:var(--mute)}.avatar{width:32px;height:32px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.82rem;flex:none}.role-tag{display:inline-block;padding:1px 9px;border-radius:999px;font-size:.72rem;font-weight:700;background:var(--navy-t);color:var(--navy)}.role-Management{background:#e5f5f0;color:#0b6b50}.role-HRD{background:var(--org-t);color:#a95a00}.role-Superadmin{background:#ede7fb;color:#5a33b5}.main{flex:1;width:100%;max-width:var(--wrap);margin:0 auto;padding:36px 32px 64px}.main.bleed{max-width:none;padding:0 0 64px}.page{width:100%}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:24px}.page-head p{margin-top:4px}.crumbs{color:var(--mute);font-size:.86rem;margin-bottom:6px}.foot{margin-top:auto;padding:18px 32px 24px;border-top:1px solid var(--line);font-size:.83rem;color:var(--mute)}@media(max-width:960px){.site{grid-template-columns:minmax(0,1fr)}.mbar{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:40;height:var(--top);padding:0 10px;background:#fffffff0;-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}.sb{position:fixed;left:0;top:0;bottom:0;width:min(300px,86vw);height:auto;transform:translate(-102%);transition:transform .22s;z-index:70;box-shadow:0 0 40px #0c21474d}.sb.open{transform:none}.sb-back{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0c214773;z-index:65}.sb .bell-d{display:none}.sb .close-m{display:inline-grid}.pop.notif{left:12px;right:12px;width:auto;top:calc(var(--top) + 8px);z-index:80}.main{padding:24px 16px 48px}.foot{padding:16px}h1{font-size:1.55rem}}@media(prefers-reduced-motion:reduce){.sb{transition:none}}.hero{background:var(--navy-x);color:#fff;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(900px 400px at 85% -10%,rgba(247,148,29,.28),transparent 60%),radial-gradient(700px 400px at 0% 110%,rgba(31,74,145,.9),transparent 60%)}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--stripe)}.hero-in{position:relative;max-width:var(--wrap);margin:0 auto;padding:64px 24px 72px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px;align-items:center}.hero h1{font-size:clamp(2.2rem,4.6vw,3.6rem);font-weight:700;line-height:1.04;letter-spacing:-.03em;max-width:15ch}.hero p.lead{margin-top:18px;font-size:1.1rem;color:#bfcce6;max-width:46ch}.hero .cta{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap}.btn.hero-btn{background:var(--orange);border-color:var(--orange);color:#1a1200;min-height:46px;padding:0 22px;font-weight:700}.btn.hero-btn:hover{background:#ffa73d}.btn.ghost-w{background:transparent;border-color:#ffffff59;color:#fff;min-height:46px;padding:0 22px}.btn.ghost-w:hover{background:#ffffff1a}.next-up{background:#fff;color:var(--ink);border-radius:18px;padding:20px;box-shadow:0 30px 60px -20px #00000080}.next-up h3{margin-bottom:12px}.hero-stats{display:flex;gap:30px;margin-top:34px;flex-wrap:wrap}.hero-stats b{display:block;font-family:var(--display);font-size:1.8rem;line-height:1}.hero-stats span{font-size:.85rem;color:#9fb0d3}@media(max-width:960px){.hero-in{grid-template-columns:1fr;padding:40px 16px 48px;gap:28px}}.section{max-width:var(--wrap);margin:0 auto;padding:44px 24px 0}.section-h{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px;gap:12px}.section-h p{color:var(--mute);margin-top:3px}@media(max-width:960px){.section{padding:32px 16px 0}}.banner{border-radius:20px;padding:28px 30px;color:#fff;position:relative;overflow:hidden;background:linear-gradient(120deg,var(--navy-x),var(--navy))}.banner:after{content:"";position:absolute;right:-40px;top:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(247,148,29,.45),transparent 70%)}.banner.r-Management{background:linear-gradient(120deg,#073b34,#0b6b50)}.banner.r-HRD{background:linear-gradient(120deg,#4a2300,#b85f00)}.banner.r-Superadmin{background:linear-gradient(120deg,#1b1245,#5a33b5)}.banner h1{font-size:1.9rem;position:relative;z-index:1}.banner p{color:#fffc;margin-top:6px;position:relative;z-index:1;max-width:60ch}.banner .role-tag{background:#ffffff2e;color:#fff;margin-bottom:10px;position:relative;z-index:1}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.kpi{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;color:var(--ink);display:block;transition:border-color .15s,transform .15s}a.kpi:hover{text-decoration:none;border-color:var(--navy);transform:translateY(-2px)}.kpi b{display:block;font-family:var(--display);font-size:2rem;line-height:1.1}.kpi span{color:var(--mute);font-size:.88rem}.kpi.hot b{color:#c25a00}.quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.quick a{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;color:var(--ink);transition:border-color .15s,box-shadow .15s}.quick a:hover{text-decoration:none;border-color:var(--navy);box-shadow:var(--shadow)}.quick .ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--navy-t);color:var(--navy);flex:none}.quick b{display:block}.quick small{color:var(--mute)}.matrix td,.matrix th{text-align:center}.matrix td:first-child,.matrix th:first-child{text-align:left}.yes{color:var(--ok);font-weight:800}.no{color:#b9c1cf}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px;box-shadow:var(--shadow)}.card.err{border-color:var(--bad);box-shadow:0 0 0 3px var(--bad-t)}.card-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.stack>*+*{margin-top:14px}.stack-s>*+*{margin-top:8px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid3{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.cols{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px;align-items:start}@media(max-width:900px){.grid2,.cols{grid-template-columns:minmax(0,1fr)}}.muted{color:var(--mute)}.small{font-size:.85rem}.bold{font-weight:700}.pre{white-space:pre-wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #D3DAE6;background:#fff;color:var(--ink);padding:9px 18px;border-radius:999px;font:inherit;font-weight:650;font-size:.9rem;cursor:pointer;min-height:40px;transition:background .15s,border-color .15s}.btn:hover{background:var(--bg);text-decoration:none}.btn.primary{background:var(--navy);border-color:var(--navy);color:#fff}.btn.primary:hover{background:var(--navy-d)}.btn.danger{color:var(--bad);border-color:#f1c0c0}.btn.danger:hover{background:var(--bad-t)}.btn.sm{padding:5px 11px;min-height:32px;font-size:.82rem}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.76rem;font-weight:700;white-space:nowrap}.b-ok{background:var(--ok-t);color:var(--ok)}.b-warn{background:var(--warn-t);color:var(--warn)}.b-bad{background:var(--bad-t);color:var(--bad)}.b-info{background:var(--navy-t);color:var(--navy)}.b-orange{background:var(--org-t);color:#a95a00}.b-mute{background:#edf0f5;color:var(--mute)}.field{display:block}.field>span{display:block;font-size:.83rem;font-weight:600;margin-bottom:5px}.field small{color:var(--mute);display:block;margin-top:4px}input,select,textarea{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #CBD3E0;border-radius:10px;padding:9px 12px;min-height:42px}textarea{min-height:96px;resize:vertical}input[type=checkbox],input[type=radio]{width:auto;min-height:0;accent-color:var(--navy)}input:focus,select:focus,textarea:focus{border-color:var(--navy);outline:3px solid var(--navy-t)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .full{grid-column:1 / -1}@media(max-width:640px){.form-grid{grid-template-columns:minmax(0,1fr)}}.check{display:flex;gap:8px;align-items:center;font-weight:500;font-size:.92rem;cursor:pointer}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid #D3DAE6;background:#fff;border-radius:999px;padding:6px 14px;font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;color:var(--mute)}.chip.on{background:var(--navy);border-color:var(--navy);color:#fff}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:18px;overflow-x:auto}.tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:10px 14px;font:inherit;font-weight:700;color:var(--mute);cursor:pointer;white-space:nowrap}.tabs button.on{color:var(--navy);border-color:var(--orange)}.progress{height:7px;background:#e6ebf3;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:var(--stripe);border-radius:99px}.list>*{padding:12px 0;border-bottom:1px solid var(--line)}.list>*:last-child{border-bottom:0;padding-bottom:0}.list>*:first-child{padding-top:0}.item{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.empty{text-align:center;color:var(--mute);padding:28px 12px}.alert{border-radius:8px;padding:12px 14px;font-size:.9rem}.alert.bad{background:var(--bad-t);color:var(--bad)}.alert.warn{background:var(--warn-t);color:var(--warn)}.alert.ok{background:var(--ok-t);color:var(--ok)}.alert.info{background:var(--navy-t);color:var(--navy)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:560px}th{text-align:left;font-size:.8rem;color:var(--mute);font-weight:700;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border-bottom:0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:80;display:grid;place-items:center;padding:14px;overflow-y:auto}.modal{background:#fff;border-radius:18px;width:min(520px,100%);max-height:calc(100vh - 28px);display:flex;flex-direction:column}.modal.wide{width:min(860px,100%)}.modal header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}.modal-b{padding:18px;overflow-y:auto}.modal footer{padding:12px 18px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.toasts{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom,0));left:50%;transform:translate(-50%);z-index:100;display:grid;gap:8px;width:min(420px,calc(100vw - 24px))}.toast{background:var(--ink);color:#fff;padding:11px 14px 11px 16px;border-radius:10px;font-size:.9rem;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:12px}.toast.bad{background:var(--bad)}.toast-x{border:0;background:transparent;color:inherit;font:inherit;font-size:1.25rem;line-height:1;cursor:pointer;padding:0 2px;opacity:.85}.course-card{display:flex;flex-direction:column;gap:10px;color:var(--ink);transition:transform .15s,border-color .15s}.course-card:hover{text-decoration:none;border-color:var(--navy);transform:translateY(-3px)}.course-top{height:6px;background:var(--stripe);border-radius:6px;width:44px}.learn{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}@media(max-width:900px){.learn{grid-template-columns:minmax(0,1fr)}}.index button{width:100%;display:flex;gap:10px;align-items:center;text-align:left;background:none;border:0;border-radius:8px;padding:10px;font:inherit;cursor:pointer;color:var(--ink)}.index button:hover{background:var(--bg)}.index button.on{background:var(--navy-t);font-weight:700}.tick{width:22px;height:22px;border-radius:50%;border:2px solid #CBD3E0;display:grid;place-items:center;flex:none;color:#fff}.tick.done{background:var(--ok);border-color:var(--ok)}.q{border:1px solid var(--line);border-radius:10px;padding:14px}.q label{display:flex;gap:8px;padding:6px 0;cursor:pointer}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-h{text-align:center;font-size:.75rem;color:var(--mute);font-weight:700;padding:4px 0}.cal-d{min-height:58px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:4px 6px;text-align:left;font:inherit;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between}.cal-d.today{border-color:var(--orange)}.cal-d.sel{background:var(--navy-t);border-color:var(--navy)}.cal-d.blank{visibility:hidden}.dots{display:flex;gap:3px;flex-wrap:wrap}.dots i{width:7px;height:7px;border-radius:50%}.t-Course{background:var(--navy)}.t-Announcement{background:var(--orange)}.t-Training{background:var(--red)}@media(max-width:640px){.cal-d{min-height:46px;padding:3px 4px;font-size:.8rem}}.logo-pill{background:#fff;border-radius:12px;padding:12px 18px;display:inline-block;align-self:flex-start}.logo-pill img{height:46px;display:block}.demo{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.doc{background:#fff;border:1px solid var(--line);border-radius:6px;padding:28px;font-size:.88rem;color:#111}.doc-head{display:flex;align-items:center;gap:16px;border-bottom:3px solid var(--navy);padding-bottom:12px;margin-bottom:14px}.doc-head img{height:44px}.doc h2{text-align:center;margin:6px 0 14px;font-size:1.05rem}.doc table{min-width:0;font-size:.86rem}.doc td,.doc th{border:1px solid #cfd6e2;padding:6px 9px;vertical-align:top}.doc th{background:#f1f4f9;color:#222;width:32%}.sign{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;text-align:center;font-size:.8rem}.sign div{padding-top:56px;border-bottom:1px solid #999;margin-bottom:4px}.cert{text-align:center;padding:36px 20px;border:6px double var(--navy);border-radius:6px}.cert img{height:52px}.cert h2{font-size:1.5rem;margin:18px 0 6px}.article{max-width:780px}.article .pre{line-height:1.75}.cover{position:relative;width:100%;background-size:cover;background-position:center;background-color:var(--navy);border-radius:12px;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;padding:12px;color:#fff}.cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 55%,rgba(8,20,48,.55));pointer-events:none}.cover-ic{position:absolute;top:12px;right:12px;width:44px;height:44px;border-radius:12px;background:#ffffff29;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:1}.cover-tag{position:relative;z-index:1;font-size:.74rem;font-weight:700;letter-spacing:.02em;background:#ffffffeb;color:var(--navy-x);padding:3px 10px;border-radius:999px}.cover-wide{border-radius:var(--r)}.course-card.has-cover{padding:0;overflow:hidden;gap:0}.course-card.has-cover .cover{border-radius:0}.course-card.has-cover:hover .cover{filter:brightness(1.05)}.cc-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}.clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.clamp1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ev-row{display:flex;align-items:center;gap:12px}.ev-thumb{width:56px;flex:none;padding:0;border-radius:10px}.ev-thumb .cover-ic{width:26px;height:26px;top:50%;right:50%;transform:translate(50%,-50%);border-radius:8px}.ev-thumb .cover-ic svg{width:15px;height:15px}.imgpick-box{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.imgpick-prev{width:168px;aspect-ratio:16/9;border-radius:10px;border:1px dashed #B8C2D6;background:var(--bg) center / cover no-repeat;display:grid;place-items:center;color:var(--mute);font-size:.8rem;flex:none}.imgpick-prev:not(.empty){border-style:solid;border-color:var(--line)}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:8px}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;border:1px solid var(--line);display:block}.g-item{position:relative}.g-x{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;border:0;background:#0f1b33bf;color:#fff;cursor:pointer;line-height:1;font-size:16px}.calw-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;align-items:start}.calw-side{border-left:1px solid var(--line);padding-left:24px}.calw .cal-d{min-height:52px}@media(max-width:900px){.calw-body{grid-template-columns:1fr}.calw-side{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:18px}}.req{color:var(--red)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.total-box{min-height:42px;display:flex;align-items:center;padding:0 12px;border-radius:10px;background:var(--navy-t);color:var(--navy-x);font-weight:800}input:disabled{background:var(--bg);color:var(--mute)}.ptable{min-width:980px}.ptable td{padding:6px;border-bottom:0}.ptable th{padding:6px;position:relative}.ptable input{min-height:36px;padding:6px 8px;font-size:.88rem}.doc-scroll{overflow-x:auto}.fq{min-width:960px;padding:18px 20px;font-size:11px;line-height:1.4}.fq label{font-weight:700;color:#222}.fq-head{display:grid;grid-template-columns:1.15fr .85fr 1fr 1fr 1fr;border:1px solid #333}.fq-head>*{padding:7px 9px;border-right:1px solid #333;display:flex;flex-direction:column}.fq-head>*:last-child{border-right:0}.fq-brand{flex-direction:row!important;gap:10px;align-items:flex-start}.fq-brand img{height:30px;width:auto;flex:none;margin-top:2px}.fq-brand b{display:block;font-size:12px}.fq-brand span{display:block;font-weight:600;margin-top:2px}.fq-brand small{display:block;margin-top:8px;font-size:10.5px;color:#333}.fq-loc{justify-content:space-between}.fq-tgl{margin-top:auto}.fq-sig .fq-sp{flex:1;min-height:34px}.fq-meta{display:flex;justify-content:space-between;margin:8px 0 6px;font-size:10.5px;color:#333}.fq-info{display:grid;grid-template-columns:1.7fr 1.15fr .8fr;gap:10px;align-items:start}.fq-col{display:flex;flex-direction:column;gap:6px}.fq-2{display:grid;grid-template-columns:1.25fr 1fr;gap:6px}.fq-3{display:grid;grid-template-columns:1fr 1fr .8fr;gap:6px}.fq-c{border:1px solid #333;display:flex;flex-direction:column;min-width:0}.fq-l{background:#e9eef7;border-bottom:1px solid #333;text-align:center;font-weight:700;padding:4px 6px}.fq-v{padding:6px 8px;min-height:30px;overflow-wrap:anywhere}.fq-money{text-align:right;font-variant-numeric:tabular-nums}.fq-tot .fq-l{background:#dce5f5}.fq-tot .fq-v{font-weight:800}.doc .fq-tbl{margin-top:10px;width:100%;border-collapse:collapse;min-width:0;font-size:10.5px;table-layout:fixed}.doc .fq-tbl th,.doc .fq-tbl td{border:1px solid #333;padding:4px 6px;vertical-align:top;width:auto;overflow-wrap:anywhere}.doc .fq-tbl th{background:#e9eef7;text-align:center;color:#111;font-size:10.5px;white-space:normal}.doc .fq-tbl td{height:22px}.doc .fq-tbl .c-no{width:34px;text-align:center}.doc .fq-tbl .c-len{width:78px}.fq-sup{font-weight:700}.doc .fq-tbl tr{break-inside:avoid}.fq-tbl thead{display:table-header-group}.fq-att{margin-top:8px;font-size:10.5px;color:#333}@page{size:A4 landscape;margin:10mm}@media print{html,body{background:#fff!important}.print-hide{display:none!important}.print-anc{display:block!important;position:static!important;overflow:visible!important;max-height:none!important;height:auto!important;width:auto!important;max-width:none!important;min-height:0!important;padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important;transform:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.printable{border:0!important;border-radius:0!important;padding:0!important;min-width:0!important;width:100%!important;box-shadow:none!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.fq{font-size:9.5px}.fq-l,.doc .fq-tbl th{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.lp{background:var(--bg);color:var(--ink)}.lp-wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}.lp-nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:28px;padding:0 max(24px,calc((100vw - var(--wrap)) / 2 + 24px));height:var(--top);background:#ffffffeb;-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}.lp-logo img{height:40px;display:block}.lp-links{display:flex;gap:4px;margin-left:8px;flex:1}.lp-links a{padding:8px 13px;border-radius:999px;color:var(--mute);font-weight:600;font-size:.93rem}.lp-links a:hover{background:var(--bg);color:var(--ink);text-decoration:none}.lp-cta{display:flex;gap:8px}.btn.lg{min-height:48px;padding:0 24px;font-size:1rem}.lp-hero{position:relative;background-color:#fff;background-image:linear-gradient(rgba(31,74,145,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(31,74,145,.06) 1px,transparent 1px);background-size:40px 40px;border-bottom:1px solid var(--line)}.lp-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--stripe)}.lp-hero-in{max-width:var(--wrap);margin:0 auto;padding:72px 24px 88px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center}.lp-copy h1{font-size:clamp(2.1rem,4.4vw,3.5rem);line-height:1.04;letter-spacing:-.035em;color:var(--navy-x);max-width:15ch}.lp-copy p{margin-top:18px;font-size:1.1rem;color:var(--mute);max-width:46ch}.lp-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.lp-board{background:var(--navy-x);color:#fff;border-radius:8px;box-shadow:0 30px 60px -24px #0c21478c;overflow:hidden;border-top:4px solid var(--orange)}.lp-board-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.12)}.lp-board-h b{font-family:var(--display);font-size:1.15rem}.lp-board-h span{font-size:.82rem;color:#9fb0d3}.lp-rows{list-style:none;margin:0;padding:0}.lp-row{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.08);transform-origin:top;animation:lp-flip .55s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i) * .11s + .15s)}.lp-date{text-align:center;line-height:1}.lp-date b{display:block;font-family:var(--display);font-size:1.9rem;font-variant-numeric:tabular-nums}.lp-date span{font-size:.75rem;color:#9fb0d3;text-transform:capitalize}.lp-what{font-weight:600;line-height:1.3}.lp-st{font-size:.78rem;font-weight:700;padding:4px 11px;border-radius:999px;background:#ffffff1a;color:#c9d4ea;white-space:nowrap}.lp-row.is-done{opacity:.55}.lp-row.is-next{background:#f7941d24;box-shadow:inset 4px 0 0 var(--orange)}.lp-row.is-next .lp-st{background:var(--orange);color:#1a1200}.lp-row.is-next .lp-date b{color:var(--orange)}.lp-board-f{padding:12px 20px;font-size:.82rem;color:#9fb0d3}.lp-empty{padding:24px 20px;color:#9fb0d3}@keyframes lp-flip{0%{opacity:0;transform:perspective(600px) rotateX(-75deg)}to{opacity:1;transform:none}}.lp-row.is-done{animation-name:lp-flip-d}@keyframes lp-flip-d{0%{opacity:0;transform:perspective(600px) rotateX(-75deg)}to{opacity:.55;transform:none}}.lp-sec{padding:88px 0}.lp-alt{background:#fff;border-block:1px solid var(--line)}.lp-sh{max-width:60ch;margin-bottom:36px}.lp-sh h2,.lp-sticky h2{font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.025em;color:var(--navy-x)}.lp-sh p,.lp-sticky p{margin-top:10px;color:var(--mute)}.lp-split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:64px;align-items:start}.lp-sticky{position:sticky;top:calc(var(--top) + 24px)}.lp-feat{list-style:none;margin:0;padding:0}.lp-feat li{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:18px;align-items:start;padding:22px 0;border-bottom:1px solid var(--line)}.lp-feat li:first-child{padding-top:0}.lp-ic{width:48px;height:48px;border-radius:12px;background:var(--navy-t);color:var(--navy);display:grid;place-items:center}.lp-feat h3{font-size:1.15rem}.lp-feat p{margin-top:4px;color:var(--mute);max-width:52ch}.lp-who{font-size:.78rem;font-weight:700;color:#a95a00;background:var(--org-t);padding:3px 11px;border-radius:999px;white-space:nowrap}.lp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.lp-reports{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px}.lp-rep{display:grid;gap:14px}.lp-rep h3{font-size:1.2rem;margin-bottom:6px}.lp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;position:relative;counter-reset:s}.lp-steps:before{content:"";position:absolute;left:20px;right:20px;top:20px;height:2px;background:var(--line)}.lp-steps li{position:relative}.lp-n{position:relative;width:42px;height:42px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800;font-family:var(--display);margin-bottom:14px;box-shadow:0 0 0 6px #fff}.lp-steps li:last-child .lp-n{background:var(--orange);color:#1a1200}.lp-steps h3{font-size:1rem;margin-bottom:4px}.lp-end{background:var(--navy-x);color:#fff;position:relative}.lp-end:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--stripe)}.lp-end-in{display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap;padding-block:64px}.lp-end h2{font-size:2rem}.lp-end p{margin-top:8px;color:#c9d4ea;max-width:46ch}.lp-end .lp-actions{margin-top:0}.lp-foot{background:#081733;color:#8fa0c2;font-size:.85rem;padding:20px 0}@media(max-width:900px){.lp-links{display:none}.lp-nav{gap:12px;justify-content:space-between}.lp-hero-in{grid-template-columns:1fr;gap:40px;padding:48px 24px 64px}.lp-sec{padding:60px 0}.lp-split{grid-template-columns:1fr;gap:32px}.lp-sticky{position:static}.lp-steps{grid-template-columns:1fr}.lp-steps:before{left:20px;right:auto;top:0;bottom:0;width:2px;height:auto}.lp-steps li{padding-left:60px}.lp-steps .lp-n{position:absolute;left:0;top:0;margin:0}.lp-feat li{grid-template-columns:48px minmax(0,1fr)}.lp-who{grid-column:2;justify-self:start}}@media(max-width:480px){.lp-cta .btn:first-child{display:none}.lp-row{grid-template-columns:52px minmax(0,1fr)}.lp-st{grid-column:2;justify-self:start}}@media(prefers-reduced-motion:reduce){.lp-row,.lp-row.is-done{animation:none}}html{scroll-behavior:auto}.ac{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background-color:var(--bg);background-image:linear-gradient(rgba(31,74,145,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(31,74,145,.06) 1px,transparent 1px);background-size:40px 40px;position:relative}.ac:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--stripe)}.ac-top{display:flex;justify-content:space-between;align-items:center;padding:26px max(24px,4vw) 0}.ac-logo img{height:38px;display:block}.ac-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:36px 20px 48px}.ac-card{position:relative;width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:56px 32px 24px;box-shadow:0 30px 60px -28px #0c214759}.ac-card:before{content:"";position:absolute;left:26px;right:26px;top:0;height:5px;background:var(--stripe);border-radius:0 0 6px 6px}.ac-slot{position:absolute;left:50%;top:14px;width:54px;height:9px;margin-left:-27px;border-radius:99px;background:var(--bg);box-shadow:inset 0 1px 3px #0c214740}.ac-photo{width:68px;height:68px;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;background:var(--navy-t);color:var(--navy);border:3px solid #fff;box-shadow:0 0 0 2px var(--navy-t)}.ac-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:999px;background:var(--bg);margin-bottom:22px}.ac-tabs a{text-align:center;padding:8px;border-radius:999px;font-weight:700;color:var(--mute);font-size:.92rem}.ac-tabs a:hover{text-decoration:none;color:var(--ink)}.ac-tabs a.on{background:#fff;color:var(--navy);box-shadow:0 1px 4px #0c214726}.ac-card h1{font-size:1.55rem;text-align:center;color:var(--navy-x)}.ac-foot{margin-top:26px;padding-top:14px;border-top:1px dashed #CBD3E0;text-align:center;font-size:.78rem;color:var(--mute)}.ac-demo{width:min(420px,100%);border:1px dashed #AEB9CF;border-radius:14px;padding:14px 16px;background:#ffffffb3}.auth-box{width:100%}.cover-wrap{position:relative}.save-btn{position:absolute;top:10px;right:10px;z-index:2;width:36px;height:36px;border-radius:10px;border:0;background:#ffffffeb;color:var(--navy);cursor:pointer;display:grid;place-items:center}.save-btn:hover{background:#fff}.save-btn.on{background:var(--orange);color:#1a1200}.save-btn.on svg{fill:currentColor}.course-card.has-cover .cover-wrap .cover-ic{right:54px}.resume{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;border-left:5px solid var(--orange)}.resume h2{margin-top:2px}.alur-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;counter-reset:a}.alur-l li{counter-increment:a;display:flex;flex-direction:column;gap:4px;padding-left:38px;position:relative}.alur-l li:before{content:counter(a);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:.8rem;font-weight:800}.fbar{padding:16px 18px;display:grid;gap:14px}.fbar-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.fsearch{position:relative;display:block;width:100%}.fsearch svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--mute);pointer-events:none}.fsearch input{padding-left:40px}.fsort{display:flex;align-items:center;gap:10px}.fsort span{font-size:.85rem;font-weight:700;color:var(--mute);white-space:nowrap}.fsort select{min-width:190px}.fgroup{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;align-items:start}.flabel{font-size:.83rem;font-weight:700;color:var(--mute);padding-top:7px}.chip b{margin-left:4px;font-weight:700;opacity:.65}.chip.on b{opacity:.9}.chip:hover:not(.on){border-color:var(--navy);color:var(--navy)}.chip:focus-visible,.btn:focus-visible{outline:3px solid var(--navy-t);outline-offset:2px}.fbar-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:12px;font-size:.86rem;color:var(--mute)}@media(max-width:640px){.fbar-top{grid-template-columns:1fr}.fsort select{flex:1;min-width:0}.fgroup{grid-template-columns:1fr;gap:6px}.flabel{padding-top:0}}.page-head.center{flex-direction:column;align-items:center;text-align:center;margin-bottom:8px}.page-head.center .fsearch{max-width:440px;margin-top:14px}.center-article{margin-inline:auto;width:100%}.center-article .crumbs,.center-article h1{text-align:center}.center-article .crumbs{margin-bottom:0}.meta-c,.act-c{justify-content:center;text-align:center}.center-article .card{text-align:left}@media(max-width:640px){.center-article h1{font-size:1.5rem}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}.gallery.g1{grid-template-columns:minmax(0,1fr)}.gallery.g1 img{aspect-ratio:16/9}.chip.on .dots i{box-shadow:0 0 0 1.5px #fff}.doc-hint{display:none;margin-bottom:-6px}@media(max-width:900px){.doc-hint{display:block}}