:root{--cs-green:#103c31;--cs-green-2:#174f42;--cs-dark:#091712;--cs-soft:#e9f1ed;--cs-bg:#f7f8f7;--cs-line:#dfe5e1;--cs-text:#17231f;--cs-muted:#69756f;--warning:#9a3f35;--warning-bg:#fff3f1}*{box-sizing:border-box}body{margin:0;background:var(--cs-bg);color:var(--cs-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{text-decoration:none;color:inherit}#root[hidden],#portal[hidden],[hidden]{display:none!important}#cs-role-bar,.outlet-header{height:48px;background:#10251d;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:100}#cs-role-bar>div,.outlet-header>div{display:flex;align-items:center;gap:10px}#cs-role-bar strong,.outlet-header strong{font-size:12px;letter-spacing:.12em}#cs-role-bar span,.outlet-header span{font-size:11px;color:#b8c8c0;border-left:1px solid #52665d;padding-left:10px}#cs-role-bar a,.outlet-header a{font-size:11px;border:1px solid #51645b;border-radius:7px;padding:7px 10px}.role-select{min-height:100dvh;display:grid;place-content:center;gap:38px;max-width:980px;margin:auto;padding:40px 24px}.role-title{text-align:center}.role-title>span{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--cs-green)}.role-title h1{font-size:42px;letter-spacing:-.04em;margin:12px 0 8px}.role-title p{color:var(--cs-muted);line-height:1.6}.role-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}.role-options>a{min-height:270px;background:#fff;border:1px solid var(--cs-line);border-radius:16px;padding:26px;display:flex;flex-direction:column;align-items:flex-start}.role-options>a>span{font-size:11px;color:var(--cs-muted)}.role-options h2{font-size:29px;margin:30px 0 5px}.role-options strong{font-size:13px}.role-options p{color:var(--cs-muted);font-size:13px}.role-options a>b{margin-top:auto;border-top:1px solid var(--cs-line);padding-top:16px;width:100%;font-size:13px}.role-options .outlet-role{background:var(--cs-green);color:#fff}.role-options .outlet-role p{color:#c5d5ce}.role-options .outlet-role>b{border-color:#517167}.outlet-app{min-height:100dvh;display:grid;grid-template-columns:242px minmax(0,1fr);grid-template-rows:48px 1fr}.outlet-header{grid-column:1/-1}.outlet-sidebar{grid-row:2;position:sticky;top:48px;height:calc(100dvh - 48px);background:var(--cs-dark);color:#aebdb6;padding:25px 17px;display:flex;flex-direction:column}.sidebar-brand{color:#fff;font-size:17px;font-weight:750;margin:3px 8px 28px}.sidebar-brand b{color:#3ca382}.sidebar-home,.outlet-sidebar nav a{display:flex;align-items:center;gap:9px;border-radius:8px;padding:10px 11px;font-size:13px}.sidebar-home{margin-bottom:22px}.sidebar-label{font-size:9px;letter-spacing:.13em;color:#52655c;margin:0 11px 9px}.outlet-sidebar nav{display:grid;gap:4px}.outlet-sidebar nav a.active{background:var(--cs-green-2);color:#fff}.sidebar-switch{margin-top:auto;border-top:1px solid #24362f;padding:17px 9px 0;font-size:11px}.outlet-content{min-width:0;max-width:980px;width:100%;padding:38px 32px 70px}.page-heading h1{font-size:28px;margin:0 0 7px}.page-heading p{color:var(--cs-muted);font-size:13px;line-height:1.5;margin:0}.page-heading p span{font-size:12px}.staff-search{height:55px;border:1px solid var(--cs-line);background:#fff;border-radius:12px;margin:26px 0;display:flex;align-items:center;gap:12px;padding:0 16px}.staff-search:focus-within{border-color:#4c8875;box-shadow:0 0 0 3px rgba(23,79,66,.08)}.staff-search input{border:0;outline:0;background:transparent;font:inherit;font-size:14px;flex:1;min-width:0}.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.knowledge-category{min-height:150px;background:#fff;border:1px solid var(--cs-line);border-radius:13px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative}.knowledge-category:hover{border-color:#7fa397}.cat-icon{font-size:25px;margin-bottom:10px}.knowledge-category strong{font-size:14px}.knowledge-category small{font-size:12px;color:var(--cs-muted);margin-top:4px}.knowledge-category em{position:absolute;right:12px;bottom:10px;font-style:normal;font-size:9px;color:var(--cs-muted)}.page-back{display:inline-block;color:var(--cs-green-2);font-size:12px;font-weight:750;margin-bottom:25px}.category-heading{display:flex;gap:15px;align-items:center;margin-bottom:26px}.category-heading>span{width:52px;height:52px;background:var(--cs-soft);border-radius:12px;display:grid;place-items:center;font-size:24px}.category-heading h1{font-size:28px;margin:0}.category-heading p{font-size:13px;color:var(--cs-muted);margin:4px 0 0}.topic-list{display:grid;gap:10px}.topic-row{background:#fff;border:1px solid var(--cs-line);border-radius:12px;padding:17px 19px;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:12px}.topic-row:hover{border-color:#7fa397}.topic-row h2{font-size:14px;margin:0 0 4px}.topic-row p{font-size:12px;color:var(--cs-muted);margin:0}.topic-row>b{font-size:11px;color:var(--cs-green-2)}.empty-category,.empty-result{border:1px dashed #b9c6c0;background:#fff;border-radius:12px;padding:28px;text-align:center;color:var(--cs-muted)}.empty-category strong{color:var(--cs-text)}.empty-category p{font-size:12px;line-height:1.6}.workflow-detail{background:#fff;border:1px solid var(--cs-line);border-radius:15px;overflow:hidden}.prototype-note{background:#fff2ce;color:#6e5210;padding:10px 24px;font-size:11px;font-weight:700}.workflow-detail>header{padding:27px;display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid var(--cs-line)}.workflow-detail header small{font-size:11px;color:var(--cs-muted)}.workflow-detail h1{font-size:25px;margin:10px 0 2px}.workflow-detail header h2{font-size:16px;color:var(--cs-muted);margin:0;font-weight:600}.workflow-detail dl{min-width:250px;margin:0;display:grid;gap:10px}.workflow-detail dl div{display:grid;gap:2px}.workflow-detail dt{font-size:9px;text-transform:uppercase;color:var(--cs-muted);letter-spacing:.07em}.workflow-detail dd{font-size:11px;font-weight:700;margin:0}.when-use{margin:24px;background:#f1f4f2;border-radius:10px;padding:17px}.workflow-detail h3{font-size:11px;letter-spacing:.08em;margin:0 0 9px}.when-use p,.when-use span{font-size:13px;line-height:1.5;margin:0}.when-use span{display:block;color:var(--cs-muted);margin-top:4px}.workflow-steps{list-style:none;padding:0 24px;margin:0;display:grid}.workflow-steps>li:not(.step-arrow){display:grid;grid-template-columns:105px 1fr;border:1px solid var(--cs-line);border-radius:10px;overflow:hidden}.step-badge{background:var(--cs-green);color:#fff;padding:15px;display:flex;flex-direction:column;justify-content:center}.step-badge strong{font-size:11px;letter-spacing:.08em}.step-badge span{font-size:10px;color:#c4d7cf;margin-top:3px}.step-action{padding:16px}.step-action p{font-size:13px;margin:0 0 5px}.step-action span{font-size:12px;color:var(--cs-muted)}.step-arrow{text-align:center;color:var(--cs-green);font-size:20px;height:30px;line-height:30px}.done-action{margin:24px;border:1px solid #aac3b9;background:var(--cs-soft);border-radius:10px;padding:16px}.done-action strong,.done-action span{display:block;font-size:11px}.done-action span{color:var(--cs-muted);margin-top:2px}.done-action p{font-size:13px;margin:10px 0 0}.rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px}.rule-grid section{border-radius:10px;padding:17px}.do-box{background:#edf6f1}.dont-box{background:#faf0ee}.rule-grid p{font-size:12px;line-height:1.45;margin:9px 0}.rule-grid p span,.escalation-box p span{display:block;color:var(--cs-muted);margin-top:3px}.escalation-box,.contact-box{margin:24px;border-radius:10px;padding:17px}.escalation-box{border:1px solid #e0aaa3;background:var(--warning-bg)}.escalation-box.danger{border-width:2px}.escalation-box p,.contact-box p{font-size:12px;line-height:1.55;margin:0}.contact-box{border:1px solid var(--cs-line)}.workflow-detail>footer{border-top:1px solid var(--cs-line);padding:15px 24px;color:var(--cs-muted);font-size:10px}.outlet-sidebar nav a:nth-child(5),.outlet-sidebar nav a:nth-child(6){display:flex}@media(max-width:820px){.outlet-app{grid-template-columns:190px minmax(0,1fr)}.outlet-sidebar{padding:20px 10px}.outlet-content{padding:30px 22px 65px}.knowledge-grid{grid-template-columns:repeat(2,1fr)}.workflow-detail>header{flex-direction:column}.workflow-detail dl{grid-template-columns:1fr 1fr;min-width:0}.rule-grid{grid-template-columns:1fr}}@media(max-width:600px){.role-select{place-content:start;padding-top:50px}.role-title{text-align:left}.role-title h1{font-size:32px}.role-options{grid-template-columns:1fr}.role-options>a{min-height:220px}.outlet-app{display:block}.outlet-header{height:55px}.outlet-header span{display:none}.outlet-sidebar{position:fixed;z-index:50;left:0;right:0;bottom:0;top:auto;height:64px;padding:6px 7px;background:var(--cs-dark)}.sidebar-brand,.sidebar-home,.sidebar-label,.sidebar-switch{display:none}.outlet-sidebar nav{display:flex;justify-content:space-around;gap:2px}.outlet-sidebar nav a{flex:1;min-width:0;padding:7px 3px;display:flex;flex-direction:column;gap:2px;font-size:8px;text-align:center}.outlet-sidebar nav a:nth-child(5),.outlet-sidebar nav a:nth-child(6){display:none}.outlet-sidebar nav a>span{font-size:16px}.outlet-content{padding:27px 15px 90px}.knowledge-grid{grid-template-columns:1fr 1fr;gap:9px}.knowledge-category{min-height:128px;padding:14px}.topic-row{grid-template-columns:27px 1fr}.topic-row>b{grid-column:2}.workflow-detail>header{padding:20px}.workflow-detail dl{grid-template-columns:1fr}.workflow-steps{padding:0 15px}.workflow-steps>li:not(.step-arrow){grid-template-columns:82px 1fr}.step-badge{padding:12px}.rule-grid,.when-use,.done-action,.escalation-box,.contact-box{margin:15px}.prototype-note{padding:10px 16px}.workflow-detail h1{font-size:21px}#cs-role-bar span{display:none}}