*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f4f6f8;color:#1a1a2e}a{color:#2563eb}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:#111827;color:#fff;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.header h1{margin:0;font-size:1.25rem;font-weight:700}.nav{display:flex;gap:.5rem;flex-wrap:wrap}.nav a{color:#d1d5db;text-decoration:none;padding:.4rem .75rem;border-radius:6px;font-size:.9rem}.nav a.active,.nav a:hover{background:#374151;color:#fff}.main{flex:1;padding:1.25rem 1.5rem;max-width:1200px;width:100%;margin:0 auto}.card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1rem 1.25rem;margin-bottom:1rem;box-shadow:0 1px 2px #0000000a}.card h3{margin:0 0 .5rem;font-size:1.05rem}.meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.85rem;color:#6b7280;margin-bottom:.75rem}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge.pending{background:#fef3c7;color:#92400e}.badge.approved{background:#dbeafe;color:#1e40af}.badge.claimed{background:#e0e7ff;color:#3730a3}.badge.created,.badge.in_progress{background:#d1fae5;color:#065f46}.badge.completed{background:#ecfdf5;color:#047857}.badge.failed{background:#fee2e2;color:#991b1b}.badge.ignored{background:#f3f4f6;color:#4b5563}.body-preview{white-space:pre-wrap;font-size:.9rem;line-height:1.5;max-height:120px;overflow:hidden;color:#374151}.actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}button,.btn{border:none;border-radius:6px;padding:.45rem .85rem;font-size:.875rem;cursor:pointer;text-decoration:none;display:inline-block}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:#e5e7eb;color:#111827}.btn-secondary:hover{background:#d1d5db}.btn-danger{background:#fee2e2;color:#991b1b}.btn-danger:hover{background:#fecaca}.warn{background:#fffbeb;border:1px solid #fcd34d;color:#92400e;padding:.5rem .75rem;border-radius:6px;font-size:.85rem;margin-top:.5rem}.empty{text-align:center;color:#6b7280;padding:3rem 1rem}.login-box{max-width:360px;margin:4rem auto;background:#fff;padding:2rem;border-radius:12px;border:1px solid #e5e7eb}.login-box input{width:100%;padding:.6rem .75rem;margin-bottom:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem}.toolbar{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center}table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden}th,td{text-align:left;padding:.65rem .85rem;border-bottom:1px solid #e5e7eb;font-size:.875rem}th{background:#f9fafb;font-weight:600}.error-msg{color:#dc2626;font-size:.85rem;margin-top:.5rem}