*{margin:0;padding:0;box-sizing:border-box}html{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:clamp(14px,3.6vw,16px)}body{background-color:#f9fafb;color:#374151;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;background-color:#60a5fa;color:#fff;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;gap:.5rem}.btn-primary:hover{background-color:#3b82f6;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;background-color:#fff;color:#334155;border:1px solid #E5F0FF;cursor:pointer;transition:all .2s ease;text-decoration:none;gap:.5rem}.btn-secondary:hover{background-color:#ebf5ff;border-color:#60a5fa;transform:translateY(-1px)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;background-color:#f87171;color:#fff;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;gap:.5rem}.btn-danger:hover{background-color:#dc2626;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.card{background-color:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid rgba(229,240,255,.9);transition:all .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.input{width:100%;padding:.5rem .75rem;border-radius:.5rem;border:1px solid #D1D5DB;font-size:.875rem;color:#334155;background-color:#fff;transition:border-color .2s ease;outline:none}.input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.status-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-active{background-color:#d1fae5;color:#10b981}.status-inactive{background-color:#f3f4f6;color:#6b7280}.status-pending{background-color:#fef3c7;color:#f59e0b}.status-completed{background-color:#d1fae5;color:#10b981}.status-failed{background-color:#fee2e2;color:#ef4444}.table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.table th{background-color:#ebf5ff;padding:1rem;text-align:left;font-size:clamp(.8125rem,2.5vw,.875rem);font-weight:600;color:#334155;border-bottom:1px solid #E5F0FF}.table td{padding:clamp(.75rem,2.4vw,1rem);font-size:clamp(.8125rem,2.5vw,.875rem);color:#334155;border-bottom:1px solid #E5E7EB}button,a,input,select,textarea{min-height:44px}@media (pointer: coarse){.btn-primary,.btn-secondary,.btn-danger{padding:.75rem 1rem}}@media (max-width: 375px){.card,.p-6{padding:1rem}}.table tbody tr:hover{background-color:#f9fafb}.text-primary{color:#60a5fa}.text-secondary{color:#93c5fd}.text-success{color:#34d399}.text-warning{color:#fbbf24}.text-error{color:#f87171}.text-info{color:#22d3ee}.bg-primary{background-color:#60a5fa}.bg-secondary{background-color:#93c5fd}.bg-light{background-color:#ebf5ff}.bg-neutral{background-color:#e5f0ff}.border-primary{border-color:#60a5fa}.border-neutral{border-color:#e5f0ff}