.rka-attendance{--rka-forest: #1a4a2e;--rka-forest-soft: #e7efe9;--rka-crimson: #8b1a1a;--rka-crimson-soft: #f7e7e7;--rka-gold: #c9a227;--rka-gold-soft: #faf2d6;--rka-ink: #1d2420;--rka-ink-muted: #6b7570;--rka-paper: #fbfaf6;--rka-line: #e8e6dd;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--rka-ink);background:var(--rka-paper);min-height:100vh;padding:1.25rem 1.1rem 4rem;max-width:560px;margin:0 auto;box-sizing:border-box}.rka-attendance__back{display:inline-flex;align-items:center;gap:6px;color:var(--rka-ink-muted);text-decoration:none;font-size:.82rem;font-weight:500;margin-bottom:1rem;transition:color .12s}.rka-attendance__back:hover,.rka-attendance__back:focus{color:var(--rka-forest)}.rka-attendance__header{margin-bottom:1.5rem}.rka-attendance__eyebrow{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--rka-gold);margin:0 0 .35rem;font-weight:600}.rka-attendance__name{font-family:Playfair Display,Georgia,serif;font-size:1.75rem;font-weight:700;color:var(--rka-forest);margin:0 0 .35rem;line-height:1.15}.rka-attendance__staff-id{font-size:.85rem;color:var(--rka-ink-muted);margin:0;line-height:1.4}.rka-attendance__staff-id span{font-weight:600;color:var(--rka-ink);font-variant-numeric:tabular-nums}.rka-attendance__staff-id small{font-size:.75rem;color:var(--rka-ink-muted)}.rka-today{background:linear-gradient(135deg,var(--rka-forest) 0%,#143821 100%);color:#fff;border-radius:18px;padding:1.25rem 1.25rem 1.4rem;box-shadow:0 8px 24px -10px #1a4a2e73;margin-bottom:1.75rem;position:relative;overflow:hidden}.rka-today:after{content:"";position:absolute;inset:auto -30px -30px auto;width:110px;height:110px;background:radial-gradient(circle,rgba(201,162,39,.22) 0%,transparent 65%);pointer-events:none}.rka-today__top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.15rem}.rka-today__title{font-family:Playfair Display,Georgia,serif;font-weight:600;font-size:1.15rem;margin:0;letter-spacing:.01em}.rka-today__date{font-size:.85rem;opacity:.78;margin:0 0 1.1rem}.rka-today__times{display:flex;align-items:center;gap:.85rem}.rka-today__time{flex:1;display:flex;flex-direction:column;gap:.15rem}.rka-today__label{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;opacity:.7}.rka-today__value{font-family:Playfair Display,Georgia,serif;font-size:1.85rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.1}.rka-today__divider{width:1px;height:38px;background:#ffffff2e}.rka-today__extra{margin:.9rem 0 0;font-size:.78rem;opacity:.75}.rka-pill{display:inline-block;padding:.28rem .65rem;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.rka-pill--present{background:#c9a22738;color:var(--rka-gold)}.rka-pill--single-punch{background:#ffffff29;color:#f3e3a8}.rka-pill--no-record{background:#ffffff1a;color:#ffffffbf}.rka-history__title{font-family:Playfair Display,Georgia,serif;font-size:1.05rem;font-weight:600;color:var(--rka-forest);margin:0 0 .85rem;letter-spacing:.01em}.rka-history__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--rka-line)}.rka-day{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem .25rem;border-bottom:1px solid var(--rka-line)}.rka-day--today{background:var(--rka-forest-soft);margin:0 -.5rem;padding:.85rem .75rem;border-bottom:1px solid var(--rka-line);border-radius:10px}.rka-day__date{display:flex;align-items:center;gap:.55rem;flex:1;min-width:0}.rka-day__date-main{font-size:.92rem;font-weight:500;color:var(--rka-ink)}.rka-day__today-tag{font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rka-forest);background:var(--rka-gold-soft);padding:.15rem .5rem;border-radius:999px}.rka-day__times{display:flex;align-items:center;gap:.4rem;font-variant-numeric:tabular-nums;color:var(--rka-ink);font-size:.92rem}.rka-day__arrow{color:var(--rka-ink-muted);font-size:.85rem}.rka-day__no-record{font-size:.85rem;color:var(--rka-ink-muted);font-style:italic}.rka-attendance__footer{margin-top:1.5rem;font-size:.78rem;color:var(--rka-ink-muted);line-height:1.5;text-align:center}.rka-attendance__skeleton{display:flex;flex-direction:column;gap:.85rem}.rka-attendance__skeleton-card{height:150px;border-radius:18px;background:linear-gradient(90deg,#eeece4,#f6f4ec,#eeece4);background-size:200% 100%;animation:rka-shimmer 1.4s infinite}.rka-attendance__skeleton-row{height:48px;border-radius:8px;background:linear-gradient(90deg,#eeece4,#f6f4ec,#eeece4);background-size:200% 100%;animation:rka-shimmer 1.4s infinite}.rka-attendance__loading-label{text-align:center;font-size:.85rem;color:var(--rka-ink-muted);margin-top:1.25rem}@keyframes rka-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.rka-empty{margin-top:3rem;padding:2rem 1.5rem;text-align:center;border-radius:14px;border:1px solid var(--rka-line);background:#fff}.rka-empty--error{border-color:var(--rka-crimson);background:var(--rka-crimson-soft)}.rka-empty__title{font-family:Playfair Display,Georgia,serif;font-size:1.2rem;color:var(--rka-forest);margin:0 0 .6rem}.rka-empty--error .rka-empty__title{color:var(--rka-crimson)}.rka-empty__message{font-size:.92rem;color:var(--rka-ink-muted);margin:0;line-height:1.5}@media (max-width: 360px){.rka-today__value{font-size:1.55rem}.rka-attendance__name{font-size:1.5rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--green: #1a4a2e;--green-dark: #0f2d1b;--green-mid: #2a6b45;--green-light: #e8f2ec;--green-muted: #c8dfd0;--crimson: #8b1a1a;--crimson-light: #fdf0f0;--gold: #c9a227;--gold-light: #fdf6e3;--gold-dark: #9e7d1a;--white: #ffffff;--off-white: #f8f7f4;--gray-50: #f5f4f1;--gray-100: #ede9e3;--gray-200: #d4cfc7;--gray-400: #9e9890;--gray-600: #6b6560;--text: #1e1b18;--text-muted: #6b6560;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--safe-bottom: env(safe-area-inset-bottom, 0px)}html{font-size:16px}body{font-family:var(--font-body);background:var(--off-white);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;overscroll-behavior:none}input,select,textarea,button{font-family:var(--font-body)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-up{animation:fadeUp .3s ease forwards}.slide-up{animation:slideUp .28s cubic-bezier(.32,.72,0,1) forwards}.fade-in{animation:fadeIn .2s ease forwards}