:root{--blue:#002b78;--blue2:#0047b8;--green:#078629;--orange:#ff8a00;--red:#e51b1b;--light:#eef5ff;--line:#d8e4f5}*{box-sizing:border-box}body{margin:0;background:#f4f7fb;font-family:Arial,Helvetica,sans-serif;color:#111}.app{max-width:1320px;margin:0 auto;padding:18px}.controls{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:18px;box-shadow:0 8px 30px #002b7812}.controls h1{margin:0 0 12px;color:var(--blue)}.grid-controls{display:grid;grid-template-columns:2fr 1.5fr repeat(3,1fr);gap:12px}.grid-controls label{font-size:13px;font-weight:bold;color:#123;display:flex;flex-direction:column;gap:6px}.grid-controls input,.grid-controls select{padding:10px;border:1px solid #b9cbe8;border-radius:8px}.actions{margin-top:12px;display:flex;gap:10px}button{background:var(--blue2);color:#fff;border:0;border-radius:8px;padding:11px 16px;font-weight:bold;cursor:pointer}.hint{font-size:13px;margin-bottom:0;color:#456}.report{width:1280px;background:#fff;border-radius:0;overflow:hidden;box-shadow:0 8px 32px #002b7820}.topbar{height:165px;background:linear-gradient(135deg,#001d58,#003789);color:#fff;display:grid;grid-template-columns:390px 1fr 250px;align-items:center;padding:0 28px;gap:24px;position:relative}.topbar:after{content:"";position:absolute;inset:auto 0 0 430px;height:90px;background:radial-gradient(ellipse at bottom right,#0d8fff55,transparent 60%);opacity:.8}.brand{display:flex;align-items:center;gap:14px;border-right:2px solid #ffffffb8;height:110px}.brand .cloud{font-size:78px;line-height:1}.brand strong{display:block;font-size:34px;letter-spacing:.5px}.brand span{display:block;font-size:18px;letter-spacing:9px;margin-top:6px}.reportTitle{font-weight:800;font-size:28px}.employeeName{font-size:50px;font-weight:900;margin-top:10px}.dateBox{border:1px solid #23b8ff;border-radius:18px;padding:18px;display:flex;gap:14px;align-items:center;z-index:2}.dateBox span{font-size:36px}.dateBox div{font-size:13px;font-weight:bold}.dateBox strong{display:block;font-size:23px;margin-top:4px}.content{padding:20px;display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.card{border:1px solid #c7dcfb;border-radius:16px;background:#fff;padding:12px;box-shadow:0 0 20px #002b7808}.content>.large:nth-of-type(1){grid-column:1/7}.content>.large:nth-of-type(2){grid-column:7/13}.finalCard{grid-column:7/10}.donutCard{grid-column:10/13}.card h2{margin:0 0 12px;color:#003ca7;font-size:25px;font-weight:900}.card h2 span{background:#0043b9;color:#fff;border-radius:50%;display:inline-flex;width:58px;height:58px;align-items:center;justify-content:center;margin-right:12px}.desc{font-size:18px;line-height:1.5;margin:0 20px 22px}.desc.small{font-size:13px;margin:0 0 12px}.large{min-height:0}table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:8px;font-size:16px}th{background:linear-gradient(90deg,#00276f,#003b96);color:#fff;font-size:13px;padding:14px 8px;border-right:1px solid #ffffff55}td{padding:14px 10px;border-right:1px solid #e2e8f2;border-bottom:1px solid #e2e8f2;text-align:center}td:first-child{text-align:left}.totalRow td{background:#eaf2ff!important;color:#003ca7;font-weight:900}.topicName{display:flex;align-items:center;gap:10px}.ico{font-size:33px;color:#0043b9;width:40px;text-align:center}.pct{font-weight:900;font-size:24px}.bar{height:14px;background:#d9dadd;border-radius:8px;overflow:hidden;margin-top:8px}.bar>i{display:block;height:100%;background:var(--green);border-radius:8px}.orange{color:var(--orange)!important}.orangebar>i{background:var(--orange)}.red{color:var(--red)!important}.redbar>i{background:var(--red)}.miniCards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.mini{border:1px solid #c7dcfb;border-radius:14px;padding:14px}.mini h3{font-size:16px;color:#003ca7;margin:0 0 8px}.mini p{font-size:14px;line-height:1.5;margin:0}.summaryBlock{border:1px solid #e2e8f2;border-radius:10px;margin-top:14px;overflow:hidden}.summaryHead{display:grid;grid-template-columns:1fr 110px 110px;background:#edf4ff;color:#003ca7;font-weight:900;padding:15px}.summaryBar{padding:14px;display:grid;grid-template-columns:1fr 90px;gap:14px;align-items:center}.bottomTable{grid-column:1/7}.finalCard,.donutCard{text-align:center;min-height:0}.finalScore{font-size:58px;color:var(--green);font-weight:900;margin:8px 0}.gauge{height:92px;width:178px;border-radius:178px 178px 0 0;border:17px solid #ddd;border-bottom:0;margin:0 auto;position:relative}.gauge:before{content:"";position:absolute;inset:-17px;border-radius:178px 178px 0 0;border:17px solid var(--green);border-bottom:0;clip-path:polygon(0 0,65% 0,65% 100%,0 100%)}.needle{position:absolute;width:7px;height:78px;background:#003080;bottom:-6px;left:78px;transform-origin:bottom center;border-radius:8px}.scale{display:flex;justify-content:space-between;font-size:20px;font-weight:bold}.donutWrap{display:flex;justify-content:center}.donut{width:150px;height:150px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(#0069e8 0 30%,#003bb7 30% 75%,#9bbaf2 75% 100%);position:relative}.donut:after{content:"";position:absolute;width:78px;height:78px;background:#fff;border-radius:50%}.donut span{position:relative;z-index:2;color:#0043b9;font-size:36px}.weights{margin-top:12px;font-size:13px;line-height:1.35}.reading{grid-column:1/13;display:block;min-height:0}.reading h2{margin-bottom:8px}.reading p{margin:0 0 0 72px;font-size:15px;line-height:1.35;max-width:1120px}@media(max-width:900px){.report{transform:scale(.65);transform-origin:top left}.grid-controls{grid-template-columns:1fr}.content{grid-template-columns:1fr}.content>.large:nth-of-type(1),.content>.large:nth-of-type(2),.bottomTable,.finalCard,.donutCard,.reading{grid-column:auto}.topbar{grid-template-columns:1fr;height:auto;padding:24px}.brand{border:0}.no-export{display:block}}