:root{--primary: #37352f;--primary-hover: #1a1a1a;--bg: #ffffff;--sidebar-bg: #f7f7f5;--card-bg: #ffffff;--border: #e9e9e7;--text-main: #37352f;--text-muted: #9b9a97;--hover-bg: rgba(0, 0, 0, .04);--active-bg: rgba(0, 0, 0, .07);--accent: #eb5757;--success: #0f7b6c}*{box-sizing:border-box;margin:0;padding:0}body{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg);color:var(--text-main);min-height:100vh;font-size:15px}.dashboard-container{display:flex;min-height:100vh}.sidebar{width:240px;min-width:240px;background:var(--sidebar-bg);border-right:1px solid var(--border);padding:1rem .75rem;display:flex;flex-direction:column;gap:.25rem}.main-content{flex:1;padding:2.5rem 3rem;overflow-y:auto;background:var(--bg)}.header{margin-bottom:2rem}.header h1{font-size:1.5rem;font-weight:700;color:var(--text-main);letter-spacing:-.02em}.nav-item{display:flex;align-items:center;gap:.5rem;padding:.35rem .625rem;border-radius:6px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .1s;width:100%;text-align:left;font-size:.875rem;font-weight:500}.nav-item:hover{background:var(--hover-bg);color:var(--text-main)}.nav-item.active{background:var(--active-bg);color:var(--text-main)}.glass-card{background:var(--card-bg);border:1px solid var(--border);border-radius:8px}.attendance-grid{width:100%;border-collapse:collapse}.attendance-grid th{padding:.625rem .875rem;text-align:left;color:var(--text-muted);font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border)}.attendance-grid td{padding:.75rem .875rem;border-bottom:1px solid var(--border);color:var(--text-main);font-size:.875rem}.attendance-grid tbody tr:last-child td{border-bottom:none}.attendance-grid tbody tr:hover td{background:var(--hover-bg)}.status-badge{padding:.2rem .55rem;border-radius:4px;font-size:.75rem;font-weight:500}.status-present{background:#0f7b6c1a;color:var(--success)}.status-absent{background:#eb57571a;color:var(--accent)}.loading-skeleton{background:linear-gradient(90deg,#f0f0ef 25%,#e8e8e6,#f0f0ef 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{padding:1.5rem;text-align:center}.stat-card h3{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:700;color:var(--text-main)}.hover-card:hover{background:var(--hover-bg)}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d3d1cb;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#b0aea8}input,select,textarea{font-family:inherit;color:var(--text-main)}input::placeholder{color:var(--text-muted)}.sync-btn{background:var(--primary);color:#fff;border:none;padding:.6rem 1.5rem;font-size:.875rem;border-radius:6px;cursor:pointer;font-weight:500;transition:background .15s}.sync-btn:hover:not(:disabled){background:var(--primary-hover)}.sync-btn:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed}