:root{--bg: #f5f7fb;--card: #ffffff;--ink: #111827;--muted: #64748b;--accent: #1ea8a5;--accent-dark: #167d7b;--line: rgba(17, 24, 39, .12);--shadow: 0 18px 40px rgba(15, 23, 42, .08)}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,sans-serif;color:var(--ink);background:var(--bg)}h1,h2,h3{font-family:Russo One,sans-serif;letter-spacing:.4px;margin:0 0 16px}a{color:inherit;text-decoration:none}button{font-family:inherit}.primary-button,.ghost-button{padding:10px 16px;border-radius:999px;border:none;font-weight:600;cursor:pointer}.primary-button{background:var(--accent);color:#fff}.primary-button:hover{background:var(--accent-dark)}.ghost-button{background:transparent;border:1px solid var(--line)}.muted{color:var(--muted);font-size:14px}.lms-layout{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:#0f172a;color:#e2e8f0;padding:24px;display:flex;flex-direction:column;gap:24px}.sidebar .brand-mark{width:44px;height:44px;border-radius:14px;background:#e2e8f0;color:#0f172a;display:grid;place-items:center;font-family:Russo One,sans-serif}.brand-mark{width:44px;height:44px;border-radius:14px;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:Russo One,sans-serif}.sidebar-brand{display:flex;align-items:center;gap:12px}.sidebar-nav{display:grid;gap:10px}.sidebar-link{padding:10px 14px;border-radius:12px;color:#cbd5f5;transition:all .2s ease}.sidebar-link:hover,.sidebar-link.active{background:#e2e8f01f;color:#fff}.lms-main{padding:32px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.topbar-user{display:flex;align-items:center;gap:12px;background:var(--card);padding:10px 14px;border-radius:16px;box-shadow:var(--shadow)}.avatar{width:40px;height:40px;border-radius:12px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700}.lms-content{display:grid;gap:24px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:20px}.stat-card{background:var(--card);padding:20px;border-radius:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:6px}.stat-value{display:block;font-size:24px;font-weight:700}.stat-label{display:block;color:var(--muted);font-size:14px}.dashboard-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.panel{background:var(--card);padding:20px;border-radius:16px;box-shadow:var(--shadow)}.profile-panel{display:grid;gap:16px}.profile-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:12px;border-radius:12px;background:#f8fafc}.profile-meta strong{display:block;margin-top:4px}.profile-form .form-actions{flex-wrap:wrap}.notice-inline{color:#166534;font-weight:600}.error-inline{color:#991b1b;font-weight:600}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-field{display:grid;gap:6px;font-size:14px}.form-field input,.form-field select,.form-field textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:#fff;font-family:inherit}.form-actions{display:flex;align-items:center;gap:12px}.stack{display:grid;gap:20px}.table{display:grid;gap:8px}.table-head,.table-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 16px;border-radius:12px}.table-3 .table-head,.table-3 .table-row{grid-template-columns:repeat(3,1fr)}.table-head{background:#e2e8f0;font-weight:600}.table-row{background:var(--card);box-shadow:var(--shadow)}.table-row select,.table-row input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:#fff;font-family:inherit}.empty{padding:16px;color:var(--muted)}.chat-layout{display:grid;grid-template-columns:240px 1fr;gap:16px}.chat-threads{background:var(--card);padding:16px;border-radius:16px;box-shadow:var(--shadow);display:grid;gap:12px}.thread{background:transparent;border:1px solid var(--line);padding:10px 12px;border-radius:12px;cursor:pointer}.thread.active{background:#1ea8a51f;border-color:var(--accent)}.chat-messages{background:var(--card);padding:16px;border-radius:16px;box-shadow:var(--shadow);display:grid;gap:12px}.chat-list{display:grid;gap:8px;min-height:200px}.chat-bubble{padding:10px 12px;background:#f1f5f9;border-radius:12px}.chat-bubble.me{background:#1ea8a533;justify-self:end}.chat-form{display:flex;gap:8px}.chat-form input{flex:1;padding:10px 12px;border-radius:10px;border:1px solid var(--line)}.badge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.badge{display:flex;gap:12px;align-items:center;padding:12px;border-radius:12px;background:#f8fafc}.badge-icon{width:36px;height:36px;border-radius:12px;background:var(--accent);color:#fff;display:grid;place-items:center}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,#dbeafe 0%,transparent 45%),radial-gradient(circle at 80% 20%,#ecfeff 0%,transparent 40%),var(--bg)}.login-card{background:var(--card);padding:32px;border-radius:24px;box-shadow:var(--shadow);width:min(520px,92vw);display:grid;gap:16px}.approval-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top right,#ccfbf1 0%,transparent 45%),radial-gradient(circle at 20% 80%,#e0f2fe 0%,transparent 40%),var(--bg)}.approval-card{background:var(--card);padding:32px;border-radius:24px;box-shadow:var(--shadow);width:min(520px,92vw);display:grid;gap:14px}.brand{display:flex;align-items:center;gap:12px}.brand-text{font-weight:700}.auth-tabs{display:grid;grid-template-columns:repeat(2,1fr);background:#f1f5f9;border-radius:999px;padding:4px;gap:4px}.tab{border:none;background:transparent;padding:8px 12px;border-radius:999px;font-weight:600;cursor:pointer}.tab.active{background:#fff;box-shadow:var(--shadow)}.role-toggle{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.role-button{border:1px solid var(--line);background:transparent;border-radius:12px;padding:10px 12px;cursor:pointer;font-weight:600}.role-button.active{background:#1ea8a529;border-color:var(--accent);color:var(--accent-dark)}.two-col{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.notice{background:#dcfce7;color:#166534;padding:8px 12px;border-radius:10px;font-size:14px}.approval-link{display:grid;gap:6px;background:#f8fafc;border-radius:12px;padding:10px 12px;word-break:break-all}.approval-link a{color:var(--accent-dark);font-weight:600}.login-form{display:grid;gap:12px}.login-form input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--line)}.error{background:#fee2e2;color:#991b1b;padding:8px 12px;border-radius:10px;font-size:14px}.loading{min-height:100vh;display:grid;place-items:center;font-weight:600}@media (max-width: 1024px){.lms-layout{grid-template-columns:1fr}.sidebar{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.sidebar-nav{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (max-width: 768px){.topbar{flex-direction:column;align-items:flex-start}.chat-layout,.table-head,.table-row,.two-col{grid-template-columns:1fr}}