:root{--wr-primary:#174f78;--wr-primary2:#246b9d;--wr-bg:#f4f7fa;--wr-text:#23313d;--wr-muted:#6c7b87;--wr-border:#e4eaf0;--wr-radius:18px}
*{box-sizing:border-box}body{background:var(--wr-bg);color:var(--wr-text);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
a{text-decoration:none}.wr-shell{min-height:100vh}.wr-sidebar{width:260px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--wr-border);z-index:1020;padding:20px 14px;overflow-y:auto}
.wr-main{margin-left:260px;min-height:100vh}.wr-brand{display:flex;align-items:center;gap:11px;padding:8px 10px 24px;font-weight:800;color:var(--wr-primary);font-size:1.15rem}.wr-brand-mark{width:38px;height:38px;border-radius:12px;background:var(--wr-primary);color:white;display:grid;place-items:center}
.wr-nav-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#9aa7b1;padding:14px 12px 7px}.wr-nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;margin:3px 0;border-radius:12px;color:#43525e;font-weight:600}.wr-nav a:hover{background:#edf5fa;color:var(--wr-primary)}.wr-nav i{font-size:1.1rem;width:20px}
.wr-top{height:68px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--wr-border);display:flex;align-items:center;position:sticky;top:0;z-index:1010;backdrop-filter:blur(8px)}
.wr-content{padding:28px}.panel,.wr-card{background:#fff;border:1px solid var(--wr-border);border-radius:var(--wr-radius);box-shadow:0 5px 20px rgba(27,54,73,.045)}
.wr-stat{padding:20px;height:100%}.wr-stat-icon{width:46px;height:46px;border-radius:14px;background:#edf5fa;color:var(--wr-primary);display:grid;place-items:center;font-size:1.3rem}.wr-stat-num{font-size:1.75rem;font-weight:800;line-height:1.1}
.wr-action{display:block;padding:18px;height:100%;color:var(--wr-text);transition:.18s}.wr-action:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(27,54,73,.09)}.wr-action i{font-size:1.45rem;color:var(--wr-primary)}
.course-card{background:#fff;border:1px solid var(--wr-border);border-radius:20px;overflow:hidden;box-shadow:0 5px 20px rgba(27,54,73,.05)}.course-cover{height:118px;background:linear-gradient(135deg,#174f78,#3b8fc3);color:#fff;display:flex;align-items:center;padding:24px;font-size:2.3rem}.progress{height:9px;border-radius:99px}.progress-bar{background:var(--wr-primary2)}
.btn{border-radius:11px;font-weight:600}.form-control,.form-select{border-radius:11px;border-color:#dbe3e9;padding:.65rem .8rem}.table-card{overflow:hidden}.table>:not(caption)>*>*{padding:.8rem .9rem}
.wr-mobilebar{display:none}.wr-login{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.wr-login-side{background:linear-gradient(145deg,#123e60,#2877aa);color:white;padding:8vw;display:flex;flex-direction:column;justify-content:center}.wr-login-form{display:flex;align-items:center;justify-content:center;padding:28px}.wr-login-box{width:min(430px,100%)}.wr-login-logo{width:54px;height:54px;border-radius:16px;background:var(--wr-primary);color:white;display:grid;place-items:center;font-size:1.5rem}
@media(max-width:991.98px){.wr-sidebar{display:none}.wr-main{margin-left:0}.wr-content{padding:18px}.wr-login{grid-template-columns:1fr}.wr-login-side{display:none}.wr-mobilebar{display:flex;position:fixed;bottom:0;left:0;right:0;height:66px;background:#fff;border-top:1px solid var(--wr-border);z-index:1040;justify-content:space-around;padding:6px 3px}.wr-mobilebar a{color:#63727e;text-align:center;font-size:.72rem;min-width:65px}.wr-mobilebar i{display:block;font-size:1.25rem;margin-bottom:2px}.wr-student-main{padding-bottom:82px}}