*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f3f4f6;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 1rem}header{background-color:#2563eb;color:#fff;padding:1rem;box-shadow:0 2px 4px #0000001a}header h1{font-size:1.875rem;font-weight:700}.nav-tabs{background-color:#fff;box-shadow:0 2px 4px #0000001a;padding:1rem}.nav-tabs button{padding:.5rem 1rem;border-radius:.375rem;border:none;cursor:pointer;margin-right:1rem;font-size:1rem}.nav-tabs button.active{background-color:#2563eb;color:#fff}.nav-tabs button:not(.active){background-color:#e5e7eb;color:#374151}.nav-tabs button:not(.active):hover{background-color:#d1d5db}main{padding:2rem 0}form{background-color:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem}form h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem}form label{display:block;margin-bottom:.5rem;font-weight:600}form input,form textarea,form select{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;margin-bottom:1rem}form input[type=checkbox]{width:auto;margin-right:.5rem}form button{background-color:#2563eb;color:#fff;padding:.5rem 1.5rem;border:none;border-radius:.375rem;cursor:pointer;font-size:1rem}form button:hover{background-color:#1d4ed8}form button:disabled{background-color:#9ca3af;cursor:not-allowed}.item-card{background-color:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem;border:1px solid #e5e7eb}.item-card h3{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.item-card p{margin-bottom:.5rem;font-size:.875rem}.item-card .actions{margin-top:1rem;display:flex;gap:.5rem}.btn-edit{background-color:#2563eb;color:#fff;padding:.5rem 1rem;border:none;border-radius:.375rem;cursor:pointer}.btn-edit:hover{background-color:#1d4ed8}.btn-delete{background-color:#dc2626;color:#fff;padding:.5rem 1rem;border:none;border-radius:.375rem;cursor:pointer}.btn-delete:hover{background-color:#b91c1c}.btn-cancel{background-color:#6b7280;color:#fff;padding:.5rem 1rem;border:none;border-radius:.375rem;cursor:pointer}.btn-cancel:hover{background-color:#4b5563}.btn-update{background-color:#16a34a;color:#fff;padding:.5rem 1rem;border:none;border-radius:.375rem;cursor:pointer}.btn-update:hover{background-color:#15803d}.badge{display:inline-block;padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.badge-active{background-color:#dcfce7;color:#166534}.badge-inactive{background-color:#fee2e2;color:#991b1b}.badge-status-active{background-color:#dcfce7;color:#166534}.badge-status-completed{background-color:#dbeafe;color:#1e40af}.badge-status-paused{background-color:#fef3c7;color:#92400e}.badge-status-cancelled{background-color:#fee2e2;color:#991b1b}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}.text-center{text-align:center}.text-red{color:#dc2626}.text-gray{color:#6b7280}.text-sm{font-size:.875rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.p-4{padding:1rem}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-2{gap:.5rem}