.trk-gate{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#f8efe3;overflow:auto;direction:rtl;font-family:system-ui,-apple-system,Segoe UI,Heebo,Arial,sans-serif;color:#3e3a45}
.trk-card{width:100%;max-width:460px;background:#fffdf9;border:1px solid #e8ddcf;border-radius:28px;padding:34px 28px 28px;box-shadow:0 22px 40px -26px #947354;display:flex;flex-direction:column;gap:14px}
.trk-mark{width:60px;height:60px;border-radius:20px;background:#efe4d4;color:#7a5c3e;display:flex;align-items:center;justify-content:center;margin:0 auto 2px}
.trk-h{margin:0;text-align:center;font-size:30px;font-weight:750;letter-spacing:-.3px}
.trk-sub{margin:0 0 6px;text-align:center;color:#6d6874;font-size:16px;line-height:1.5}
.trk-field{display:flex;flex-direction:column;gap:6px}
.trk-lab{font-size:15px;font-weight:650;color:#514d58}
.trk-opt{color:#8b8591;font-size:13px}
.trk-in{width:100%;box-sizing:border-box;min-height:52px;border:1.5px solid #ded4c7;border-radius:16px;background:#fff;padding:12px 16px;font:inherit;font-size:18px;color:#3e3a45;direction:rtl}
.trk-in:focus{outline:none;border-color:#9c7a55;box-shadow:0 0 0 4px #9c7a5522}
.trk-err{min-height:20px;color:#b3372c;font-size:15px;font-weight:600;text-align:center}
.trk-go{min-height:54px;border:0;border-radius:18px;background:#4a4352;color:#fff;font:inherit;font-size:19px;font-weight:700;cursor:pointer;box-shadow:0 12px 22px -14px #4a4352}
.trk-go:active{transform:translateY(1px)}
.trk-teacher{position:fixed;left:14px;bottom:14px;z-index:900;width:36px;height:36px;border-radius:12px;border:1px solid #e3d8ca;background:#fffdf9cc;color:#a39a8f;align-items:center;justify-content:center;cursor:pointer;opacity:.7;padding:0}
.trk-teacher:hover{opacity:1;color:#514d58}
.trk-gate~.trk-teacher{z-index:1001}
.trk-chip{position:fixed;right:50%;transform:translateX(50%);bottom:14px;z-index:900;align-items:center;gap:8px;max-width:calc(100% - 100px);border:1px solid #e3d8ca;background:#fffdf9;color:#6d6874;border-radius:999px;padding:8px 14px;font:inherit;font-size:14px;cursor:pointer;box-shadow:0 10px 20px -16px #947354}
.trk-chip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trk-dash{position:fixed;inset:0;z-index:1100;background:#f8efe3;overflow:auto;direction:rtl;font-family:system-ui,-apple-system,Segoe UI,Heebo,Arial,sans-serif;color:#3e3a45}
.trk-dh{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:14px;padding:14px 20px;background:#f8efe3ee;backdrop-filter:blur(6px);border-bottom:1px solid #e8ddcf}
.trk-dt{flex:1}.trk-dt h1{margin:0;font-size:24px;font-weight:750}.trk-dt p{margin:2px 0 0;color:#7a7480;font-size:14px}
.trk-dx{display:flex;gap:8px}
.trk-btn{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:9px 14px;border:1px solid #ded4c7;border-radius:14px;background:#fffdf9;color:#514d58;font:inherit;font-size:15px;font-weight:650;cursor:pointer;text-decoration:none}
.trk-btn.ghost{background:transparent}
.trk-body{max-width:1040px;margin:0 auto;padding:20px 20px 60px}
.trk-login{max-width:380px;margin:60px auto;padding:30px;background:#fffdf9;border:1px solid #e8ddcf;border-radius:26px;display:flex;flex-direction:column;gap:14px;box-shadow:0 22px 40px -26px #947354}
.trk-login h2{margin:0 0 4px;text-align:center;font-size:21px}
.trk-loading{text-align:center;padding:60px;color:#7a7480}
.trk-tabs{display:inline-flex;gap:4px;background:#efe4d4;border-radius:16px;padding:4px;margin-bottom:16px}
.trk-tab{border:0;background:transparent;padding:9px 18px;border-radius:12px;font:inherit;font-size:15px;font-weight:650;color:#6d6874;cursor:pointer}
.trk-tab.on{background:#fffdf9;color:#3e3a45;box-shadow:0 2px 8px -4px #947354}
.trk-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px}
.trk-tile{background:#fffdf9;border:1px solid #e8ddcf;border-radius:20px;padding:16px 18px;display:flex;flex-direction:column;gap:4px}
.trk-tile b{font-size:28px;font-weight:750;letter-spacing:-.5px}.trk-tile span{color:#7a7480;font-size:14px}
.trk-wrap{background:#fffdf9;border:1px solid #e8ddcf;border-radius:22px;overflow:auto;margin-bottom:16px}
.trk-table{width:100%;border-collapse:collapse;font-size:15px;min-width:640px}
.trk-table th{text-align:right;padding:13px 14px;font-size:13px;font-weight:650;color:#7a7480;background:#f6ede1;border-bottom:1px solid #e8ddcf;white-space:nowrap}
.trk-table td{padding:12px 14px;border-bottom:1px solid #f0e6d8;vertical-align:middle}
.trk-table tr:last-child td{border-bottom:0}
.trk-row{cursor:pointer}.trk-row:hover td,.trk-row:focus td{background:#fbf5ec;outline:none}
.trk-name{font-weight:650}.trk-last{color:#7a7480;font-size:13px;white-space:nowrap}.trk-stars{color:#c9953a;letter-spacing:1px;white-space:nowrap}
.trk-pct{display:flex;align-items:center;gap:8px;min-width:110px}.trk-pct b{font-size:14px;min-width:38px}
.trk-bar{flex:1;height:8px;border-radius:99px;background:#efe6da;overflow:hidden;display:block}.trk-bar i{display:block;height:100%;border-radius:99px}
.trk-bar.good i{background:#5b9b78}.trk-bar.mid i{background:#d1a447}.trk-bar.low i{background:#cf7a63}
.trk-dash-none{color:#b5aea6}
.trk-note{color:#7a7480;font-size:13.5px;line-height:1.6;margin:8px 2px}
.trk-dhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.trk-dhead h2{margin:0;font-size:24px}
.trk-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:16px}
.trk-sumc{border-radius:20px;padding:14px 18px;display:flex;flex-direction:column;gap:4px;border:1px solid}
.trk-sumc.good{background:#eef6f1;border-color:#cfe4d8}.trk-sumc.low{background:#fbefea;border-color:#f0d3c9}
.trk-sumc b{font-size:14px}.trk-sumc span{font-size:15px;line-height:1.5}
.trk-h3{margin:22px 2px 10px;font-size:17px}
@media(max-width:640px){.trk-dh{flex-wrap:wrap;gap:8px;padding:10px 12px}.trk-dt{flex:1 1 40%}.trk-dt h1{font-size:21px}.trk-dx{order:3;width:100%}.trk-btn{min-height:38px;padding:7px 11px;font-size:14px}.trk-dt p{display:none}.trk-body{padding:14px 12px 60px}.trk-card{padding:28px 20px 22px}}
.trk-q{max-width:280px;white-space:normal;line-height:1.45;font-size:14px;color:#514d58}
.trk-a{max-width:180px;white-space:normal;line-height:1.4;font-size:14px;color:#b3372c;font-weight:650}
.trk-c{max-width:180px;white-space:normal;line-height:1.4;font-size:14px;color:#3f7d5d;font-weight:650}