:root{--wp-primary: #6366f1;--wp-primary-dark: #4f46e5;--wp-bg: #f5f6fb;--wp-surface: #ffffff;--wp-border: #eceef5;--wp-text: #1e2333;--wp-muted: #7a809b;--wp-success: #16a34a;--wp-warn: #d97706;--wp-danger: #e11d48;--wp-radius: 16px;--wp-radius-sm: 10px;--wp-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 4px 16px rgba(16, 24, 40, .05);--wp-shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--wp-grad: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--wp-bg);color:var(--wp-text);-webkit-font-smoothing:antialiased}h1{font-size:1.45rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .25rem}h2{font-size:1.1rem;font-weight:700;letter-spacing:-.01em;margin:1.5rem 0 .75rem}a{color:var(--wp-primary);text-decoration:none}button{cursor:pointer;border:none;border-radius:10px;padding:.55rem 1rem;font-size:.9rem;font-weight:600;background:var(--wp-primary);color:#fff;transition:background .15s ease,box-shadow .15s ease,transform .05s ease}button:hover:not(:disabled){background:var(--wp-primary-dark)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:#eef0f6;color:var(--wp-text)}button.secondary:hover:not(:disabled){background:#e3e6ef}button.success{background:var(--wp-success)}button.danger{background:var(--wp-danger)}input,select,textarea{width:100%;padding:.55rem .7rem;border:1px solid var(--wp-border);border-radius:10px;font-size:.9rem;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--wp-primary);box-shadow:0 0 0 3px #6366f11f}.card{background:var(--wp-surface);border:1px solid var(--wp-border);border-radius:var(--wp-radius);padding:1.25rem;box-shadow:var(--wp-shadow)}.grid{display:grid;gap:1rem}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.muted{color:var(--wp-muted)}.stat{font-size:1.8rem;font-weight:700;letter-spacing:-.02em}table{width:100%;border-collapse:collapse;font-size:.88rem}th,td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--wp-border)}th{color:var(--wp-muted);font-weight:600}.badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.72rem;font-weight:600}.badge.present,.badge.approved{background:#dcfce7;color:#166534}.badge.absent,.badge.rejected{background:#ffe4e6;color:#9f1239}.badge.pending,.badge.half_day{background:#fef3c7;color:#92400e}.badge.leave,.badge.holiday,.badge.weekly_off{background:#e0e7ff;color:#3730a3}.form-row{margin-bottom:.85rem}.form-row label{display:block;font-size:.82rem;font-weight:600;margin-bottom:.3rem;color:var(--wp-muted)}.error{color:var(--wp-danger);font-size:.85rem}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}