:root{--b:#164c9c;--navy:#10345f;--y:#f5bf22;--bg:#f5f7fb;--ink:#172033;--muted:#667085}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif}.app{max-width:520px;margin:auto;min-height:100vh;background:#fff;padding-bottom:78px}.top{padding:10px 14px;background:var(--navy);color:#fff;justify-content:space-between;gap:10px}.brand,.top{display:flex;align-items:center}.brand{min-width:0}.brandLogoBox{width:122px;height:62px;background:#fff;border-radius:9px;padding:5px 7px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto}.brandLogo{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.brandApp{font-size:12px;line-height:1.15;opacity:.92}.top small{opacity:.8}.content{padding:13px}.hero h1,.pageTitle{font-size:23px;margin:4px 0}.hero p{margin:0;color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px;margin-top:13px}.card{border:0;border-radius:14px;padding:12px;text-align:left;min-height:86px;box-shadow:0 2px 10px #14213d10;cursor:pointer}.card strong{display:block;font-size:15px;margin:6px 0 3px}.card small{font-size:11px;color:#586174}.blue{background:#edf4ff}.green{background:#eef9f2}.orange{background:#fff5e9}.purple{background:#f5efff}.pink{background:#fff0f5}.yellow{background:#fff9df}.panel{margin-top:12px;border:1px solid #e5e9f0;border-radius:14px;padding:13px;background:#fff}.panel h2{font-size:17px;margin:0 0 10px;color:var(--navy)}.row{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:8px 0;border-bottom:1px solid #eee;font-size:13px}.row:last-child{border:0}.pill{font-size:11px;background:#edf4ff;color:var(--b);padding:4px 7px;border-radius:99px}.btn,.secondary{width:100%;border:0;border-radius:10px;padding:11px;font-weight:700;margin-top:10px;cursor:pointer}.btn{background:var(--b);color:#fff}.secondary{background:#eef2f7;color:var(--navy);border:1px solid #dbe2ec}.back{border:0;background:none;color:var(--b);font-weight:700;padding:0 0 9px;cursor:pointer}.field{position:relative;margin:8px 0}.field label{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.field input,.field select,.field textarea{width:100%;height:40px;border:1px solid #d6dde8;border-radius:8px;padding:8px;background:#fff;font-size:14px}.field textarea{height:66px;resize:vertical}.twocol{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.check{display:flex;align-items:center;gap:7px;font-size:13px;padding:7px 0}.check input{width:17px;height:17px}.check small,.note{color:var(--muted)}.note{font-size:11px;background:#f7f8fa;padding:7px 9px;border-radius:8px;margin:7px 0}.summary{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;margin:8px 0}.summary span{background:#f4f7fb;border-radius:8px;padding:7px;text-align:center;font-size:10px}.summary b{display:block;font-size:13px;margin-top:3px}.counter{justify-content:space-between;padding:7px 0;border-bottom:1px solid #eee;font-size:13px}.counter,.counter div{display:flex;align-items:center}.counter div{gap:10px}.counter button{width:31px;height:31px;border:1px solid #d8dee8;background:#fff;border-radius:8px;font-size:18px}.suggest{position:absolute;z-index:8;top:60px;left:0;right:0;background:#fff;border:1px solid #d8dee8;border-radius:9px;box-shadow:0 8px 22px #17203320;overflow:hidden}.suggest button{display:block;width:100%;border:0;border-bottom:1px solid #eee;background:#fff;text-align:left;padding:9px;font-size:13px}.suggest button:last-child{border:0}.suggest small{color:var(--muted)}.zone{margin-top:6px;background:#edf4ff;color:var(--b);border-radius:8px;padding:7px 9px;font-size:12px}.intervention{border:1px solid #e1e6ee;border-radius:11px;padding:10px;margin-top:9px}.subhead{display:flex;justify-content:space-between;font-size:13px;color:var(--navy)}.tabs{display:flex;gap:7px;margin-top:8px}.tabs span{background:#eef2f7;padding:7px 10px;border-radius:9px;font-size:12px}.feed p{font-size:12px;color:var(--muted)}.feed button,.validation button{border:1px solid #d6dde8;background:#fff;border-radius:7px;padding:6px 8px;margin:3px;font-size:11px}.validation{padding:10px 0;border-bottom:1px solid #eee}.validation>div{margin-top:6px}.menurow{width:100%;justify-content:space-between;border:0;border-bottom:1px solid #eee;padding:11px 2px;text-align:left}.menurow,.nav{display:flex;background:#fff}.nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(520px,100%);justify-content:space-around;border-top:1px solid #e5e9f0;padding:8px 3px 12px;z-index:20}.nav button{border:0;background:none;font-size:10px;color:#586174}.nav span{display:block;font-size:17px;margin-bottom:2px}.toast{position:fixed;z-index:30;bottom:76px;left:50%;transform:translateX(-50%);background:#172033;color:#fff;padding:9px 13px;border-radius:9px;font-size:12px;white-space:nowrap}.role{margin-left:auto;max-width:110px;background:#ffffff18;color:#fff;border:1px solid #ffffff40;border-radius:8px;padding:6px}.role option{color:#111}@media(min-width:761px){body{background:#f3f6fa}.app{max-width:none;margin:0;min-height:100vh;padding:0 0 40px 190px;background:transparent}.top{position:-webkit-sticky;position:sticky;top:0;z-index:25;height:82px;padding:10px 28px;box-shadow:0 1px 8px #17203318}.brandLogoBox{width:130px;height:62px}.content{max-width:1180px;margin:0 auto;padding:28px 34px}.hero{margin-bottom:18px}.hero h1,.pageTitle{font-size:28px}.hero p{font-size:14px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.card{min-height:112px;padding:18px;border-radius:16px;transition:transform .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #14213d18}.card>span{font-size:22px}.card strong{font-size:17px;margin-top:10px}.card small{font-size:12px}.panel{padding:20px 22px;margin-top:18px;border-radius:16px;box-shadow:0 2px 12px #14213d0a}.panel h2{font-size:19px}.row{font-size:14px;padding:11px 0}.field label{font-size:12px}.field input,.field select,.field textarea{height:44px;font-size:14px}.field textarea{height:78px}.twocol{gap:14px}.summary{gap:12px}.summary span{padding:12px;font-size:11px}.summary b{font-size:15px}.nav{top:82px;bottom:0;left:0;transform:none;width:190px;height:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:6px;padding:24px 12px;background:#fff;border-top:0;border-right:1px solid #e5e9f0;box-shadow:2px 0 10px #17203308}.nav button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:10px;text-align:left;font-size:13px;font-weight:700;color:#536174;cursor:pointer}.nav button:hover{background:#edf4ff;color:var(--b)}.nav span{display:inline-block;width:24px;margin:0;text-align:center;font-size:18px}.btn,.secondary{max-width:360px}.toast{bottom:28px}.back{font-size:13px}}@media(max-width:760px){.app,body,html{width:100%;max-width:100%;overflow-x:hidden}.app{margin:0}.content{padding:13px}.content,.top{width:100%;max-width:100%}.field,.grid,.intervention,.panel,.summary,.twocol{max-width:100%;min-width:0}.field input,.field select,.field textarea{max-width:100%;min-width:0;font-size:16px}.twocol>*{min-width:0}.row,.subhead{min-width:0;flex-wrap:wrap}.nav{width:100%;max-width:100%}.toast{max-width:calc(100vw - 24px);white-space:normal;text-align:center}img{max-width:100%;height:auto}}@media(max-width:370px){.twocol{grid-template-columns:1fr}.brandLogoBox{width:104px;height:56px}.brandApp{display:none}.top{padding:9px 10px;gap:7px}.top .secondary{padding:8px;font-size:11px}}.training-green{background:#e8f7ee!important;color:#237a43!important;border:1px solid #bfe7cc}.training-yellow{background:#fff7d6!important;color:#8a6810!important;border:1px solid #f2df8a}.training-orange{background:#fff0df!important;color:#a85608!important;border:1px solid #f3c48f}.training-red{background:#fde8e8!important;color:#b42318!important;border:1px solid #f3b6b6}.training-neutral{background:#eef1f5!important;color:#5d6673!important;border:1px solid #d9dee5}