.notif-button{position:relative;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--green);font-weight:900;cursor:pointer}.notif-button b{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;border-radius:20px;background:#db6155;color:#fff;display:grid;place-items:center;font-size:10px}.forgot-link{display:block;margin:10px 0 2px auto;border:0;background:transparent;color:var(--green);font-weight:800;cursor:pointer}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.scope-student{display:grid;grid-template-columns:minmax(150px,1fr) minmax(100px,1fr) 45px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.scope-student small{display:block;color:var(--muted);margin-top:3px}.year-list,.template-list,.notification-list,.audit-list{display:grid;gap:10px}.year-item{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:12px}.year-item small{display:block;color:var(--muted);margin-top:4px}.notice{padding:13px;border-radius:11px;background:var(--mint);color:var(--deep);font-size:12px;line-height:1.6}.danger-note{background:#fff1ef;color:#9d352b}.import-preview{display:grid;gap:12px;margin-top:16px}.kbm-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:18px}.bulk-roster{margin-top:18px;border:1px solid var(--line);border-radius:13px;overflow:hidden}.bulk-head{display:flex;justify-content:space-between;padding:12px 14px;background:var(--mint)}.bulk-student{display:grid;grid-template-columns:24px minmax(140px,1fr) 130px;align-items:center;gap:8px;padding:9px 14px;border-top:1px solid var(--line);cursor:pointer}.bulk-student select{padding:7px;border:1px solid var(--line);border-radius:8px;background:#fff}.notification-item{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:12px}.notification-item>span{width:36px;height:36px;border-radius:10px;background:var(--mint);display:grid;place-items:center;color:var(--green);font-weight:900}.notification-item small{display:block;color:var(--muted);margin-top:4px}.notification-item em{font-style:normal;font-size:10px;padding:5px 8px;border-radius:20px;background:var(--bg)}.notification-item.read{opacity:.58}.audit-item{display:grid;grid-template-columns:105px minmax(180px,1fr) 145px;gap:10px;align-items:center;padding:11px;border-bottom:1px solid var(--line)}.audit-item>span{font-size:10px;font-weight:900;color:var(--green);background:var(--mint);border-radius:20px;text-align:center;padding:5px}.audit-item small{display:block;color:var(--muted);margin-top:3px}.audit-item time{font-size:10px;color:var(--muted);text-align:right}.super-filters{display:grid;grid-template-columns:minmax(220px,1fr) 180px 160px;gap:10px;margin-bottom:16px}.super-filters select{border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff}.health{display:inline-block;width:9px;height:9px;border-radius:50%;background:#2bad78;margin-right:6px}.health.warn{background:#d8a43b}.health.bad{background:#d65b50}.verify-code{margin-top:24px;padding:12px;border:1px dashed #7a9990;text-align:center}.verify-code code{display:block;font-size:12px;font-weight:900;letter-spacing:1px;margin:6px}.verify-code small{color:var(--muted)}code{background:#edf5f2;padding:3px 6px;border-radius:6px;font-size:11px}.card hr{border:0;border-top:1px solid var(--line);margin:22px 0}@media(max-width:900px){.kbm-layout{grid-template-columns:1fr}.super-filters{grid-template-columns:1fr}.audit-item{grid-template-columns:90px 1fr}.audit-item time{grid-column:2;text-align:left}}@media(max-width:600px){.scope-student{grid-template-columns:1fr 70px}.scope-student .bar{display:none}.bulk-student{grid-template-columns:22px 1fr}.bulk-student select{grid-column:2}.notification-item{grid-template-columns:36px 1fr}.notification-item em{grid-column:2}.year-item{grid-template-columns:1fr auto}.year-item button{grid-column:1/-1}.audit-item{grid-template-columns:1fr}.audit-item time{grid-column:1}.top-actions{gap:6px!important}}