.att-page{max-width:920px;margin:0 auto;padding:12px 12px 24px;direction:rtl;text-align:right;color:#1f2933}@media(min-width:768px){.att-page{padding:20px 16px 32px}}.att-page__header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;gap:12px;margin-bottom:14px}.att-page__eyebrow{margin:0 0 4px;font-size:12px;color:#627d98;font-weight:600}.att-page__title{margin:0;font-size:22px;font-weight:800;line-height:1.3}.att-page__meta{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;gap:4px;font-size:11px;color:#627d98;background:#fff;border:1px solid #d9e2ec;border-radius:10px;padding:8px 10px;white-space:nowrap}.att-sessions,.att-toolbar{background:#fff;border:1px solid #d9e2ec;border-radius:14px;padding:14px;margin-bottom:12px}.att-sessions__top{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;gap:10px;margin-bottom:12px}.att-sessions .att-toolbar__title,.att-sessions__title{margin:0 0 4px;font-size:15px;font-weight:800}.att-sessions__hint{margin:0;font-size:12px;color:#627d98;line-height:1.6}.att-sessions__select-all{-ms-flex-negative:0;flex-shrink:0;border:1px solid #d9e2ec;background:#f5f7fa;color:#1f2933;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;cursor:pointer;min-height:36px}.att-sessions__chips{display:-ms-flexbox;display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;-ms-scroll-snap-type:x proximity;scroll-snap-type:x proximity}@media(min-width:768px){.att-sessions__chips{display:-ms-grid;display:grid;-ms-grid-columns:(minmax(0,1fr))[2];grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}}.att-sessions__status{margin-top:12px;font-size:13px;color:#0b6bcb;background:#e8f2ff;border-radius:10px;padding:10px 12px;font-weight:600}.att-sessions__status strong{font-weight:800}.att-session-chip{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:10px;min-width:220px;scroll-snap-align:start;border:1.5px solid #d9e2ec;background:#fff;border-radius:12px;padding:12px;text-align:right;cursor:pointer;transition:border-color .15s,background .15s,transform .15s;min-height:64px}@media(min-width:768px){.att-session-chip{min-width:0}}.att-session-chip:active{transform:scale(.98)}.att-session-chip.is-selected{border-color:#0b6bcb;background:#eef6ff}.att-session-chip.is-current{border-style:solid}.att-session-chip__check{width:26px;height:26px;border-radius:50%;border:1.5px solid #9fb3c8;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;background:#fff;-ms-flex-negative:0;flex-shrink:0}.att-session-chip.is-selected .att-session-chip__check{background:#0b6bcb;border-color:#0b6bcb}.att-session-chip__body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:2px;min-width:0}.att-session-chip__title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px;font-size:13px;font-weight:700;color:#1f2933;line-height:1.4}.att-session-chip__title em{font-style:normal;font-size:10px;font-weight:800;color:#0b6bcb;background:#d9e8ff;border-radius:999px;padding:2px 7px}.att-session-chip__meta{font-size:12px;color:#627d98}.att-toolbar__title{margin:0 0 10px;font-size:15px;font-weight:800}.att-stats{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.att-stats__item{text-align:center;font-size:12px;font-weight:700;border-radius:10px;padding:8px 6px;background:#f5f7fa;color:#627d98}.att-stats__item.is-present{color:rgb(27.6361702128,139.9638297872,75.7765957447);background:#e3f9e5}.att-stats__item.is-absent{color:rgb(218.4,31.2,43.68);background:#ffe3e3}.att-stats__item.is-pending{color:#8a6d3b;background:#fff6db}.att-bulk{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;gap:8px}.att-bulk__btn{min-height:44px;border:none;border-radius:12px;font-size:14px;font-weight:800;color:#fff;cursor:pointer}.att-bulk__btn:disabled{opacity:.55;cursor:not-allowed}.att-bulk__btn.is-present{background:#1f9d55}.att-bulk__btn.is-absent{background:#e12d39}.att-students__list{gap:8px}.att-student,.att-students__list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.att-student{gap:12px;background:#fff;border:1px solid #d9e2ec;border-radius:14px;padding:12px;transition:border-color .15s,background .15s}@media(min-width:768px){.att-student{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}}.att-student.is-present{border-color:#69e19d;background:#f6fff8}.att-student.is-absent{border-color:rgb(242.85,169.95,174.81);background:#fff8f8}.att-student__info{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;gap:10px;min-width:0}.att-student__index{width:28px;height:28px;border-radius:8px;background:#f5f7fa;color:#627d98;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:12px;font-weight:800;-ms-flex-negative:0;flex-shrink:0}.att-student__name{margin:0 0 2px;font-size:14px;font-weight:800;line-height:1.45;word-break:break-word}.att-student__id{margin:0;font-size:12px;color:#627d98}.att-student__actions{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;gap:8px;width:100%}@media(min-width:768px){.att-student__actions{width:220px;-ms-flex-negative:0;flex-shrink:0}}.att-mark{min-height:44px;border-radius:12px;border:1.5px solid #d9e2ec;background:#fff;color:#1f2933;font-size:14px;font-weight:800;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.att-mark:disabled{opacity:.55;cursor:not-allowed}.att-mark.is-present.is-active{background:#1f9d55;border-color:#1f9d55;color:#fff}.att-mark.is-absent.is-active{background:#e12d39;border-color:#e12d39;color:#fff}.att-empty{text-align:center;padding:28px 16px;color:#627d98;background:#fff;border:1px dashed #d9e2ec;border-radius:14px}.att-confirm-spacer{height:84px}.att-confirm-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:hsla(0,0%,100%,.96);border-top:1px solid #d9e2ec;box-shadow:0 -6px 20px rgba(16,42,67,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.att-confirm-bar__btn{display:block;width:100%;max-width:920px;margin:0 auto;min-height:50px;border:none;border-radius:14px;background:#cea949;color:#fff;font-size:16px;font-weight:800;cursor:pointer}.att-confirm-bar__btn:disabled{background:#cbd2d9;cursor:not-allowed}.attendance-actions,.attendance-options,.multi-session-attendance{display:none}