:root{--sidebar:260px;--card-radius:18px}body{background:#f5f7fb;color:#1d2433}.app-shell{min-height:100vh}.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;background:#111827;color:#fff;padding:22px 16px;z-index:1030}.sidebar .brand{font-weight:800;font-size:1.1rem;letter-spacing:.2px;padding:8px 10px 22px}.sidebar a{display:flex;gap:10px;align-items:center;color:#cbd5e1;text-decoration:none;padding:11px 12px;border-radius:12px;margin:4px 0}.sidebar a:hover,.sidebar a.active{background:#1f2937;color:#fff}.main{margin-left:var(--sidebar);padding:28px}.card{border:0;border-radius:var(--card-radius);box-shadow:0 8px 26px rgba(15,23,42,.06)}.stat-number{font-size:1.9rem;font-weight:800}.page-title{font-weight:800;margin:0}.muted{color:#64748b}.avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#e2e8f0}.photo-preview{width:100%;max-height:260px;object-fit:cover;border-radius:14px;display:none}.attendance-action{min-height:160px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#eef2ff,#f8fafc)}.login-card{width:min(460px,100%)}.badge-soft{background:#eef2ff;color:#4338ca}.table>:not(caption)>*>*{padding:.85rem .75rem;vertical-align:middle}.mobile-top{display:none}@media(max-width:991.98px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0;padding:18px}.mobile-top{display:flex}.page-title{font-size:1.35rem}}@media print{.sidebar,.no-print,.mobile-top{display:none!important}.main{margin:0;padding:0}.card{box-shadow:none;border:1px solid #ddd}}