body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background-color:#f3f4f6}.page{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;padding:24px}.projects-list ul{list-style:none;padding:0}.projects-list li{margin-bottom:12px}.projects-list button{padding:8px 12px;border-radius:8px;border:1px solid #6b7280;background-color:#fff;cursor:pointer}.projects-list button:hover{background-color:#f3f4f6}table{width:100%;border-collapse:collapse;margin-top:16px;min-width:700px}th{font-size:12px;font-weight:600;color:#6b7280;padding:12px;text-align:center;text-transform:uppercase;letter-spacing:.04em}td{font-size:14px;padding:12px;text-align:center;border-bottom:1px solid #e5e7eb}thead{background-color:#f9fafb}td{border-bottom:1px solid #e5e7eb}tbody tr:hover{background-color:#f9fafb}.status-passed{color:#16a34a;font-weight:600}.status-failed{color:#dc2626;font-weight:600}.status-todo{color:#f59e0b;font-weight:600}.pagination{margin-top:12px;display:flex;gap:8px;justify-content:center}.modal button{font-family:Inter,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;margin-right:8px}.modal button[type=submit]{background-color:#16a34a;color:#fff}.modal button[type=submit]:hover{background-color:#13803d;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.modal button.cancel-btn{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.modal button.cancel-btn:hover{background-color:#e5e7eb;transform:translateY(-2px)}@media (max-width: 768px){table,thead,tbody,th,td,tr{display:block;width:100%}thead{display:none}tbody tr{margin-bottom:16px;border:1px solid #e5e7eb;border-radius:12px;padding:12px;background:#fff;box-shadow:0 1px 4px #0000000d}td{display:flex;justify-content:space-between;padding:6px 0;text-align:left}td:before{font-weight:600;color:#6b7280}td:nth-of-type(1):before{content:"Area"}td:nth-of-type(2):before{content:"Code"}td:nth-of-type(3):before{content:"Granularity"}td:nth-of-type(4):before{content:"File Name"}td:nth-of-type(5):before{content:"Test Name"}td:nth-of-type(6):before{content:"State"}}