:root{--ivory:#f3f0ea;--ink:#23262c;--muted:#5f646c;--petrol:#1f4a47;--petrol-light:#2a5b56;--line:#23262c1f;--success:#2f6b54;--glass:#ffffff9e}*{box-sizing:border-box}html{background:var(--ivory)}body{background:radial-gradient(130% 46% at 82% -8%,#7484b029,transparent 68%),radial-gradient(92% 40% at 2% 4%,#baa38421,transparent 70%),var(--ivory);min-height:100%;color:var(--ink);margin:0;font-family:Arial,Noto Sans Arabic,sans-serif;font-size:15px;line-height:1.7}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #1f4a4773}.teacher-daily,.student-profile{width:min(100%,720px);padding:20px max(16px,env(safe-area-inset-right)) 40px max(16px,env(safe-area-inset-left));margin:0 auto}.daily-header{justify-content:space-between;align-items:flex-start;gap:12px;padding:4px 4px 14px;display:flex}.daily-header h1{margin:0;font-size:clamp(25px,7vw,34px);font-weight:500;line-height:1.3}.daily-header__role,.daily-notice,.workspace-error{color:var(--muted);margin:2px 0;font-size:13px}.date-control,.circle-control{color:var(--muted);gap:3px;font-size:12px;display:grid}.date-control input,.circle-control select,.far-jump select{border:1px solid var(--line);background:var(--glass);min-height:42px;color:var(--ink);border-radius:12px;padding:8px}.circle-control{margin:0 4px 12px}.daily-summary{background:#fff6;border-radius:15px;justify-content:space-between;align-items:center;gap:12px;margin:0 4px 8px;padding:10px 12px;display:flex;box-shadow:inset 0 1px #fffc}.summary-action,.text-action{color:var(--petrol);background:0 0;border:0;padding:10px 6px;font-size:13px}.roster{margin:0}.student-row{border-bottom:1px solid var(--line);padding:14px 4px}.student-row--open{background:linear-gradient(#fffc,#ffffff80);border:0;border-radius:22px;margin:9px -8px;padding:17px 18px 19px;box-shadow:inset 0 1px #ffffffeb,inset 0 0 0 1px #ffffff73,0 28px 52px -34px #1c223099}.student-row__top{align-items:center;gap:10px;display:flex}.student-name{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:17px;text-decoration:none;overflow:hidden}.student-name:hover{text-decoration:underline}.student-row__work{min-height:36px;color:var(--muted);text-align:right;background:0 0;border:0;margin:2px -6px -8px;padding:7px 6px;font-size:13px;display:block}.attendance-options{gap:3px;display:flex}.attendance-options button,.attendance-disc{width:36px;height:36px;color:var(--ink);background:#fff9;border:1px solid #23262c29;border-radius:50%;place-items:center;font-weight:600;display:grid}.attendance-disc--present,.attendance-disc--late{color:var(--success);background:#2f6b541a;border-color:#2f6b5459}.attendance-disc--excused{color:#875c22;background:#b989431a}.attendance-disc--absent{color:#8c4b4b;background:#8c4b4b17}.excused-action{float:left;margin-top:-34px}.workspace{clear:both;border-top:1px solid var(--line);margin-top:13px;padding-top:12px}.track-nav{align-items:center;gap:10px;display:flex}.track-nav button{color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;padding:7px 4px}.track-nav .is-active{border-color:var(--petrol);color:var(--petrol);font-weight:700}.workspace h2{margin:15px 0 10px;font-size:clamp(21px,6vw,29px);font-weight:500;line-height:1.35}.primary-action{color:#f4f1ea;background:linear-gradient(#2c5f59,#1d4240);border:0;border-radius:15px;width:100%;min-height:52px;font-size:16px;box-shadow:inset 0 1px #ffffff2e,0 14px 26px -18px #143230f2}.workspace-actions{justify-content:center;gap:18px;display:flex}.range-picker{border-top:1px solid var(--line);background:#ffffff57;margin-top:8px;padding:13px 8px}.range-picker__hint,.quran-page__label{color:var(--muted);margin:0 5px;font-size:12px}.quran-page{border-bottom:1px solid #23262c14;padding:8px 0 12px}.ayah-grid{flex-wrap:wrap;gap:5px;padding:7px 4px;display:flex}.ayah-disc{width:38px;height:38px;color:var(--ink);background:#ffffffb8;border:1px solid #23262c24;border-radius:50%;place-items:center;display:grid}.ayah-disc--selected{border-color:var(--petrol);background:var(--petrol);color:#fff}.quran-page__preview{display:none}.range-picker__more{margin-inline:auto;display:block}.far-jump{grid-template-columns:minmax(0,1fr) 96px;gap:8px;margin-top:5px;display:grid}.far-jump label{color:var(--muted);gap:3px;font-size:12px;display:grid}.student-profile{padding-top:32px}.student-profile a{color:var(--petrol)}.student-profile h1{font-size:30px;font-weight:500}@media (max-width:340px){.teacher-daily{padding-inline:12px}.student-row--open{margin-inline:-4px;padding-inline:13px}.attendance-options button,.attendance-disc{width:33px;height:33px}.daily-header{flex-direction:column;align-items:stretch}.date-control input{width:100%}.far-jump{grid-template-columns:minmax(0,1fr) 82px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}