:root{--primary:#9f4654;--deep:#7d3541;--gold:#b28b4b;--line:#e5d7d9;--ink:#432c32}body{font-size:16px;line-height:1.7}.shell{padding-bottom:35px}.accountbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-block:22px}.accountbar h1{font-size:1.15rem;margin:0;color:var(--deep)}.accountbar small{font-size:14px}.accountbar select{padding:8px;border:1px solid var(--line);border-radius:10px}.workspace-nav{display:flex;gap:8px;overflow-x:auto;position:sticky;top:0;background:#faf7f4eF;backdrop-filter:blur(10px);padding:12px 0;z-index:5}.workspace-nav button{flex-shrink:0;min-height:44px;border:1px solid var(--line);background:white;padding:8px 15px;border-radius:12px;color:var(--deep);font-size:14px}.workspace-nav button.active,.primary{background:var(--primary);color:white}.workspace-nav button.active{border-color:var(--primary)}.card{min-width:0}.card strong{font-size:1.7rem;color:var(--deep)}.field input,.field textarea,.field select{font-size:16px;min-width:0;max-width:100%}.field textarea{min-height:90px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.permission{display:inline-flex;gap:7px;margin:7px 12px}.completion{padding:16px;border-radius:14px;background:#f6eff0;margin-top:15px}.completion p{font-size:14px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{border-bottom:1px solid var(--line);padding:12px;text-align:right;white-space:nowrap}td small{display:block;font-size:13px;color:#806d6f}.entry small{display:block;font-size:14px}button{min-height:44px}label{font-size:14px}.primary,.secondary{font-size:15px}.identity{flex-wrap:wrap}.identity img{object-fit:contain}.muted,.mini{font-size:14px}.mushafTools label{font-size:14px}.mushafPager .btn{font-size:14px}.mushafPager{flex-wrap:wrap}.quranPaper{margin-inline:0}.surahHeading{font-family:'Amiri Quran',serif}.hero{background:var(--primary)}a{color:var(--deep)}@media(max-width:500px){.shell{padding:16px 12px 25px}.card{padding:17px}.accountbar{align-items:flex-start;flex-direction:column;gap:10px}.grid{grid-template-columns:1fr}.quranPaper{padding:17px 10px}.workspace-nav{margin-inline:-12px;padding-inline:12px}.mushafTools{gap:10px}.table-scroll{margin-inline:-5px}}
.stats{display:flex;gap:16px}.stat b{display:block;font-size:2rem;color:var(--deep)}.stat small{display:block;font-size:14px}.actions{display:flex;gap:8px;flex-wrap:wrap}

.attendance-hero{background:var(--deep);color:#fff;border-radius:28px;padding:26px;margin:20px 0}.attendance-hero h2{font-size:20px;font-weight:400}.attendance-hero strong{font-size:56px;color:#eed39e}.attendance-hero small{opacity:.85}.attendance-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px}.attendance-stat{text-align:center;padding:24px 12px;border-radius:24px;display:flex;flex-direction:column;gap:10px}.attendance-stat strong{font-size:32px}.attendance-stat.present,.attendance-badge.present{background:#dcf8e8;color:#216542}.attendance-stat.excused,.attendance-badge.excused{background:#e1efff;color:#285780}.attendance-stat.late,.attendance-badge.late{background:#fff4cd;color:#796019}.attendance-stat.absent,.attendance-badge.absent{background:#fbe3e6;color:#923a47}.attendance-record{border:1px solid var(--line);border-radius:20px;padding:18px;margin:14px 0;overflow-wrap:anywhere}.attendance-record .row{justify-content:space-between;align-items:flex-start}.attendance-badge{display:inline-block;border-radius:10px;padding:4px 10px;font-size:13px}.attendance-badge.pending{background:#eee;color:#555}.attendance-record dl{display:grid;grid-template-columns:auto 1fr;gap:6px 15px;font-size:14px}.attendance-record dd{margin:0}.attendance-record small{color:#76676b}

/* Compact mobile workspace, with every page visible. */
.shell{font-size:14px;line-height:1.55}.accountbar{margin-block:14px;gap:10px}.accountbar h1{font-size:1rem}.identity img{width:40px;height:40px}.identity b{font-size:1.1rem}.workspace-nav{position:static;flex-wrap:wrap;overflow:visible;gap:6px;padding:9px 0}.workspace-nav button{font-size:13px;padding:7px 10px;border-radius:9px;min-height:40px}.shell .card{padding:14px;margin:10px 0;border-radius:14px}.card h2{font-size:1rem;margin-bottom:10px}.card p{margin:7px 0}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cards .card{margin:0}.card strong{font-size:1.4rem}.field{margin:8px 0}.grid{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.field input,.field select{padding:7px 9px;min-height:42px}.shell .primary,.shell .secondary,.shell .btn{font-size:14px;padding:8px 12px;border-radius:9px}.attendance-hero{border-radius:16px;padding:15px;margin:12px 0}.attendance-hero h2{font-size:16px;margin:4px 0}.attendance-hero strong{font-size:34px}.attendance-hero p{margin:5px 0}.attendance-hero small{font-size:12px}.attendance-stats{gap:8px;margin-bottom:12px}.attendance-stat{padding:12px 8px;border-radius:14px;gap:3px}.attendance-stat strong{font-size:25px}.attendance-stat span{font-size:13px}.attendance-record{padding:12px;border-radius:13px;margin:9px 0}.mushafPager{margin:12px 0}.mushafTools label{min-width:100px;font-size:13px}.mushafTools input,.mushafTools select{font-size:16px;padding:7px}.circle-context{font-size:14px}.completion{padding:11px;margin-top:10px}@media(max-width:500px){.shell{padding:12px 10px 24px}.workspace-nav{margin-inline:0;padding-inline:0}.accountbar{gap:7px}.attendance-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.quranPaper{margin-inline:0}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}