*{box-sizing:border-box}body{color:#1f2937;background-color:#f4f7f5;margin:0;font-family:Arial,sans-serif}a{color:#2563eb;font-weight:600;text-decoration:none}.page-container{width:100%;max-width:1200px;margin:0 auto;padding:16px}.page-title{color:#1f2937;margin-top:0;margin-bottom:20px;font-size:28px}.form-card,.logs-card,.edit-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #00000014}.edit-card{margin-bottom:24px}.log-form{width:100%}.form-grid{grid-template-columns:1fr;gap:16px;display:grid}.form-group{flex-direction:column;margin-bottom:16px;display:flex}.form-group label{color:#1f2937;margin-bottom:6px;font-weight:600}input,select,textarea{color:#1f2937;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:12px;font-size:16px}input::placeholder,textarea::placeholder{color:#6b7280}textarea{resize:vertical;min-height:100px}.button-row,.filter-row,.action-buttons{flex-wrap:wrap;gap:10px;display:flex}.filter-row{align-items:center;margin-bottom:20px}.filter-row label{color:#1f2937;font-weight:600}.primary-button,.secondary-button,.danger-button{cursor:pointer;border:none;border-radius:8px;padding:10px 14px;font-size:15px}.primary-button{color:#fff;background-color:#2563eb}.secondary-button{color:#111827;background-color:#e5e7eb}.danger-button{color:#fff;background-color:#dc2626}.small-button{padding:8px 10px;font-size:14px}.table-wrapper{width:100%;overflow-x:auto}.logs-table{border-collapse:collapse;background:#fff;width:100%;min-width:1100px;margin-top:10px}.logs-table thead tr{color:#fff;background-color:#1e293b}.logs-table th,.logs-table td{text-align:center;color:#1f2937;border-bottom:1px solid #e5e7eb;padding:12px 10px}.logs-table th{color:#fff}.notes-cell{text-align:left;min-width:180px}@media (width<=768px){.page-container{padding:12px}.form-card,.logs-card,.edit-card{padding:16px}.page-title{font-size:24px}.form-grid{grid-template-columns:1fr}.filter-row{flex-direction:column;align-items:stretch}.button-row,.action-buttons{flex-direction:column}.primary-button,.secondary-button,.danger-button{width:100%}}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{color:#1f2937;background-color:#f4f7f5;font-family:Arial,sans-serif}#root{width:100%}h1,h2,h3,label,p,td,th{color:#1f2937}