@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Mono&display=swap";*{box-sizing:border-box}body{margin:0;font-family:DM Sans,sans-serif;background:#f7f8fb;color:#151927}body[data-theme=dark]{background:#10131d;color:#e9ecf5}button,input,select{font:inherit}button{cursor:pointer}.app{display:flex;min-height:100vh}aside{width:250px;background:#0c1222;color:#cbd3e6;padding:24px 14px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{display:flex;gap:10px;align-items:center;color:#fff;font-size:17px;padding:7px 10px 35px}.brand svg{color:#86efac}.brand b{font-weight:500;color:#86efac}nav{display:grid;gap:5px}nav a{display:flex;gap:12px;align-items:center;color:#9aa7c1;text-decoration:none;border-radius:9px;padding:11px 12px;font-size:14px}nav a.active,nav a:hover{color:#fff;background:#222b41}.side-note{margin-top:auto;padding:13px;font-size:11px;line-height:1.6;background:#151d31;border-radius:9px;color:#8d9bb5}main{margin-left:250px;width:calc(100% - 250px);padding:0 36px 45px}header{height:92px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e6e8ee;margin-bottom:34px}body[data-theme=dark] header{border-color:#292e3e}header small,.page-title p{font-size:10px;letter-spacing:1.2px;font-weight:700;color:#77829a;margin:0}header h1{font-size:14px;margin:4px 0 0;font-weight:500}.icon,.mobile{border:0;background:transparent;color:inherit}.page-title{margin-bottom:25px}.page-title h2{font-size:26px;letter-spacing:-.7px;margin:5px 0}.page-title span{color:#68738b;font-size:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stat,.panel{background:#fff;border:1px solid #e7e9ef;border-radius:13px;box-shadow:0 2px 5px #14182a05}body[data-theme=dark] .stat,body[data-theme=dark] .panel{background:#171b27;border-color:#2b3040}.stat{padding:18px;display:flex;justify-content:space-between;align-items:center}.stat span{display:block;font-size:12px;color:#737e94}.stat strong{font-size:27px;line-height:1.5}.stat svg{color:#6274df;background:#eef0ff;padding:8px;width:38px;height:38px;border-radius:10px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.panel{padding:20px}h3{font-size:14px;margin:0 0 17px}.bar{display:grid;grid-template-columns:100px 1fr 25px;align-items:center;gap:8px;margin:13px 0;font-size:12px}.bar i{height:8px;background:#edf0f5;border-radius:10px;overflow:hidden}.bar b{display:block;background:#6677e6;height:100%;border-radius:10px}.bar em{font-style:normal;color:#6d7890}.activity{display:flex;align-items:center;border-top:1px solid #edf0f4;padding:13px 3px;gap:12px;font-size:13px}.activity small{display:block;color:#7e889b;margin-top:3px}.activity time{margin-left:auto;color:#8992a5;font-size:11px}.dot{width:8px;height:8px;border-radius:50%;background:#6b7eea}.form{max-width:620px;display:grid;gap:15px}.form label,.panel label{font-size:12px;text-transform:capitalize;font-weight:600;display:grid;gap:7px;color:#505b71}input,select{background:transparent;border:1px solid #dbe0e9;border-radius:8px;padding:10px 11px;color:inherit;min-width:0}body[data-theme=dark] input,body[data-theme=dark] select{border-color:#3a4154}.form small{font-weight:400;color:#7c8597}.primary{border:0;background:#5668da;color:#fff;border-radius:8px;padding:11px 15px;display:inline-flex;gap:8px;justify-content:center;align-items:center;font-weight:600}.primary:disabled{opacity:.55;cursor:not-allowed}.notice{margin-top:18px;border-left:3px solid #6c7eea;padding:12px 15px;background:#eef0ff;border-radius:0 8px 8px 0;font-size:13px;color:#475273}body[data-theme=dark] .notice{background:#202643;color:#c7cffa}.split{display:grid;grid-template-columns:300px 1fr;gap:18px}.answer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:18px 0}.answer-grid>div{display:flex;align-items:center;gap:3px}.answer-grid span{font-size:11px;width:30px}.answer-grid small{display:block;color:#8b94a6;font-size:8px}.answer-grid button{border:1px solid #dce1eb;background:transparent;border-radius:50%;width:23px;height:23px;font-size:10px;color:inherit}.answer-grid button.selected{color:#fff;background:#596bdd;border-color:#596bdd}.scan{text-align:center;max-width:600px;margin:auto;display:grid;gap:14px;justify-items:center}.scan svg{color:#6375df}.scan h3{margin:0}.scan p{margin:0;color:#7a8499;font-size:13px}.scan input{width:100%;text-align:left}.success{background:#e3f8eb;color:#176337;padding:12px;border-radius:8px;font-size:13px}.error{color:#b71f3d;font-size:13px}.toolbar{display:flex;gap:9px;margin-bottom:15px}.toolbar input{flex:1}.toolbar button{border:1px solid #dce1e9;background:transparent;color:inherit;border-radius:8px;padding:8px 10px;font-size:12px;display:flex;gap:5px;align-items:center}.table-wrap{overflow:auto;background:#fff;border:1px solid #e5e8ef;border-radius:12px}body[data-theme=dark] .table-wrap{background:#171b27;border-color:#2b3040}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th{text-align:left;font-weight:600;color:#768096;background:#f6f7fa;padding:12px}body[data-theme=dark] th{background:#202535}td{padding:12px;border-top:1px solid #edf0f4}.pass,.fail{padding:4px 7px;border-radius:6px;font-size:11px}.pass{color:#197445;background:#e4f8ec}.fail{color:#ad2440;background:#ffebee}.empty{text-align:center;color:#7d8798;padding:30px!important}.mobile{display:none}@media (max-width: 850px){aside{transform:translate(-100%);z-index:5;transition:.2s}aside.open{transform:translate(0)}main{margin-left:0;width:100%;padding:0 18px}.mobile{display:block}.brand .mobile{margin-left:auto;color:#fff}.stats{grid-template-columns:repeat(2,1fr)}.split,.grid2{grid-template-columns:1fr}.answer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.stats{grid-template-columns:1fr}header{margin-bottom:24px}.toolbar{flex-wrap:wrap}.toolbar input{width:100%;flex-basis:100%}.page-title h2{font-size:22px}}