SIMKAPEL – Data Kapal Terdaftar body { font-family: Arial, sans-serif; background-color: #f4f6f9; margin: 0; padding: 0; color: #333; } .header { background-color: #00509e; color: white; padding: 15px 20px; border-bottom: 5px solid #fdb813; display: flex; align-items: center; } .header img { height: 50px; margin-right: 15px; } .header-text h1 { margin: 0; font-size: 18px; text-transform: uppercase; letter-spacing: 1px; } .header-text h2 { margin: 2px 0 0; font-size: 14px; font-weight: normal; } .container { max-width: 1200px; margin: 20px auto; background: white; padding: 20px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); border-radius: 4px; } .info-box { background-color: #e9ecef; border: 1px solid #ced4da; padding: 15px; margin-bottom: 20px; border-radius: 4px; } .info-box table { width: 100%; border: none; } .info-box td { padding: 5px; font-size: 14px; } .info-label { font-weight: bold; width: 150px; } .table-container { overflow-x: auto; } table.data-table { width: 100%; border-collapse: collapse; font-size: 13px; } table.data-table th { background-color: #00509e; color: white; padding: 10px; text-align: left; border: 1px solid #003d7a; } table.data-table td { padding: 8px 10px; border: 1px solid #ddd; } table.data-table tr:nth-child(even) { background-color: #f2f2f2; } table.data-table tr:hover { background-color: #e6f7ff; } .status-active { background-color: #28a745; color: white; padding: 3px 8px; border-radius: 3px; font-size: 11px; font-weight: bold; } .footer { text-align: center; font-size: 12px; color: #666; margin-top: 20px; padding-bottom: 20px; } .btn-print { background-color: #00509e; color: white; border: none; padding: 10px 20px; cursor: pointer; float: right; border-radius: 3px; } .btn-print:hover { background-color: #003d7a; }