.asg-au-intro{font-size:12.5px;color:#475569;line-height:1.8;background:#F8FAFC;border-radius:10px;padding:10px 12px;margin-bottom:12px}
.asg-au-opts{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;font-size:12px;color:#334155;margin-bottom:12px}.asg-au-opts input[type=number]{width:60px;padding:5px 8px;border:1.5px solid #E8EDF3;border-radius:8px;font-family:Cairo;margin:0 4px}
.asg-au-sum{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.asg-au-sum div{background:#F8FAFC;border:1px solid #E8EDF3;border-radius:11px;padding:9px;text-align:center}.asg-au-sum b{display:block;font-size:20px;font-weight:800;color:#0F172A}.asg-au-sum span{font-size:10.5px;color:#64748B}.asg-au-sum .ok b{color:#059669}.asg-au-sum .w b{color:#B7873A}
.asg-au-list{max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}
.asg-au-t{border:1px solid #E8EDF3;border-radius:12px;padding:10px 12px}.asg-au-th{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.asg-au-th span{font-size:11px;color:#64748B;flex:1}.asg-au-th em{font-style:normal;font-size:11px;color:#64748B}.asg-au-th em b{color:#2563EB}
.asg-au-t .asg-tags{margin-bottom:0}
.asg-au-un{margin-top:12px;background:#FFFBEB;border:1px solid #FDE68A;border-radius:12px;padding:10px 12px}.asg-au-why{font-size:12px;margin-top:4px}.asg-au-why b{color:#92400E;margin-left:6px}.asg-au-why span{color:#78716C}
.asg-au-note{font-size:11.5px;color:#64748B;margin:-4px 0 10px}
.asg-au-empty{text-align:center;padding:26px 10px;font-size:13px;font-weight:700;color:#059669}.asg-au-empty small{font-weight:600;color:#92400E}
.asg{--b:#2563EB;--ink:#0F172A;--mut:#64748B;--line:#E8EDF3;--bg:#F7F9FC;--grn:#10B981;display:flex;flex-direction:column;gap:18px;color:var(--ink)}
.asg *{box-sizing:border-box}
.asg-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.asg-head h1{font-size:20px;font-weight:800;margin:0}
.asg-head p{font-size:12.5px;color:var(--mut);margin:4px 0 0}
.asg-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
@media(max-width:1000px){.asg-stats{grid-template-columns:repeat(2,1fr)}}
.asg-stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px;position:relative;overflow:hidden}
.asg-stat-ic{position:absolute;left:14px;top:14px;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px}
.asg-stat-v{font-size:24px;font-weight:800;font-family:'Tajawal';line-height:1}
.asg-stat-l{font-size:11.5px;color:var(--mut);font-weight:600;margin-top:5px}
.asg-bar{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.asg-bar select,.asg-search{padding:9px 12px;border:1.5px solid var(--line);border-radius:9px;font-family:'Cairo';font-size:12.5px;outline:none}
.asg-search{flex:1;min-width:160px;display:flex;align-items:center;gap:7px}
.asg-search input{flex:1;border:none;outline:none;font-family:'Cairo';font-size:12.5px;background:none}
.asg-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 15px;border-radius:9px;font-family:'Cairo';font-size:12.5px;font-weight:700;border:none;cursor:pointer;white-space:nowrap}
.asg-btn-p{background:var(--b);color:#fff}.asg-btn-p:hover{background:#1D4ED8}
.asg-btn-o{background:#fff;color:var(--ink);border:1.5px solid var(--line)}.asg-btn-o:hover{border-color:var(--b);color:var(--b)}
/* teacher cards grid */
.asg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}
@media(max-width:900px){.asg-grid{grid-template-columns:1fr}}
.asg-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .18s,box-shadow .18s}
.asg-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px -16px rgba(37,99,235,.25)}
.asg-card-top{padding:16px 17px;display:flex;align-items:center;gap:13px;border-bottom:1px solid #F1F5F9;position:relative}
.asg-avatar{width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,#2563EB,#0EA5E9);color:#fff;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:800;flex-shrink:0}
.asg-card-name{font-size:15px;font-weight:800}
.asg-card-meta{font-size:11.5px;color:var(--mut);margin-top:2px}
.asg-card-load{position:absolute;left:17px;top:17px;text-align:center}
.asg-card-load b{font-size:18px;font-weight:800;font-family:'Tajawal';color:var(--b);display:block;line-height:1}
.asg-card-load span{font-size:9.5px;color:var(--mut);font-weight:700}
.asg-card-body{padding:14px 17px}
.asg-sec-t{font-size:11px;font-weight:800;color:var(--mut);margin-bottom:9px}
.asg-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:13px}
.asg-tag{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:8px;font-size:11.5px;font-weight:700;color:#fff}
.asg-class-tag{background:var(--bg);color:#475569;border:1px solid var(--line);padding:5px 11px;border-radius:8px;font-size:11.5px;font-weight:700}
.asg-empty-mini{font-size:11.5px;color:#94A3B8;padding:8px 0}
.asg-card-foot{display:flex;gap:8px;padding:12px 17px;border-top:1px solid #F1F5F9;background:#FAFCFE}
.asg-act{flex:1;padding:8px;border-radius:8px;font-size:11.5px;font-weight:700;border:1px solid var(--line);background:#fff;color:#475569;cursor:pointer;transition:all .12s}
.asg-act:hover{border-color:var(--b);color:var(--b)}
.asg-act.primary{background:var(--b);color:#fff;border-color:var(--b)}.asg-act.primary:hover{background:#1D4ED8;color:#fff}
/* assign modal table */
.asg-assign-row{display:flex;gap:9px;align-items:center;margin-bottom:9px}
.asg-assign-row select{flex:1;padding:9px 11px;border:1.5px solid var(--line);border-radius:9px;font-family:'Cairo';font-size:12.5px}
.asg-del-row{width:34px;height:34px;border-radius:8px;border:1px solid #FECACA;background:#FEF2F2;color:#DC2626;cursor:pointer;flex-shrink:0}
.asg-del-row:hover{background:#DC2626;color:#fff}
.asg-cur-list{margin-bottom:14px}
.asg-cur-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;background:var(--bg);border-radius:9px;margin-bottom:7px;font-size:12.5px}
.asg-cur-item .x{cursor:pointer;color:#DC2626;font-weight:800;padding:2px 6px}
/* per-teacher block (inside teacher page) */
.asg-tp{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;margin-top:14px}
.asg-tp-h{font-size:14px;font-weight:800;margin-bottom:13px;display:flex;align-items:center;gap:8px}
.asg-tp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:11px}
.asg-tp-item{border:1px solid var(--line);border-radius:11px;padding:12px;border-right:3px solid var(--sc,#2563EB)}
.asg-tp-subj{font-size:13px;font-weight:800}
.asg-tp-cls{font-size:11.5px;color:var(--mut);margin-top:3px}